:root{color-scheme:light;--paper:#f2efe8;--ink:#4d4b44;--sage:#9eb095;--line:#77756f;font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",Georgia,serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}img{display:block;max-width:100%;height:auto}main{max-width:1440px;margin:auto}.skip{position:fixed;z-index:10;left:16px;top:-70px;padding:14px;background:white}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:2px solid #667b5d;outline-offset:6px}
.hero{height:min(73.333vw,1056px);position:relative;border-bottom:1px solid var(--line)}.logo{position:absolute;width:4.86%;left:8.8%;top:6.7%}.logo img{width:100%}.hero-copy{position:absolute;top:46.8%;left:17.3%;z-index:1}.hero h1{font-weight:400;font-size:clamp(32px,4.167vw,60px);line-height:1.45;letter-spacing:.08em;margin:0}.hero-copy p{font-size:clamp(25px,3.2vw,46px);letter-spacing:.17em;margin:42px 0 0}.hero-flowers{position:absolute;width:54.86%;left:44%;top:52.3%;mix-blend-mode:normal}
.section{position:relative;border-bottom:1px solid var(--line)}.section h2{position:relative;font-size:clamp(26px,3.2vw,46px);line-height:1.5;letter-spacing:.15em;font-weight:400;margin:0}.about{height:min(83.333vw,1200px);padding:9.72% 11.1%}.about-line{position:absolute;inset:0;width:100%;height:100%;z-index:0}.about-line path,.gallery-lines path{fill:none;stroke:#989a89;stroke-width:1.5;stroke-dasharray:2 4}.about-line circle,.gallery-lines circle{fill:var(--sage)}.about-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.3%;margin-top:14.5%}.about-card{position:relative;align-self:start;background:#fff;border-radius:14px;padding:15% 15% 9%;min-height:506px;box-shadow:0 7px 20px #49423114}.about-card h3{position:relative;font-weight:400;font-size:clamp(19px,1.95vw,28px);letter-spacing:.15em;color:#a7af9b;text-align:center;margin:0 0 14px;line-height:1.5}.about-card h3:after{content:"";display:block;height:4px;margin:0 auto;width:90%;border-bottom:3px solid #a6b399;border-radius:50%;transform:rotate(-2deg)}.period{font-size:16px;text-align:center;letter-spacing:.12em;line-height:1.4;margin:0 0 26px}.experience{transform:translateY(120px)}.transition{transform:translateY(60px)}.bio{font-size:16px;line-height:1.5;letter-spacing:.12em}.bio p{margin:0 0 20px}.office-tools{width:136px;margin:26px auto 0}.design-tools{width:210px;margin:22px auto 0}.vision .bio{margin-top:34px}.vision .office-tools{margin-top:20px}.vision .design-tools{margin-top:18px}
.section-gap{height:min(11.111vw,160px);border-bottom:1px solid var(--line)}.commercial{padding:9.72% 11.1% 5.6%;}.section-note{font-size:16px;letter-spacing:.08em;line-height:1.8;margin:20px 0 68px}.work-panel{position:relative;background:white;aspect-ratio:1116/1100;box-shadow:0 7px 20px #4942310c;border-radius:16px}.commercial-item{position:absolute}.commercial-item h3{font-weight:400;font-size:17px;letter-spacing:.12em;margin:0 0 16px}.work-description p{border-left:1px solid #999;font-size:15px;letter-spacing:.08em;line-height:1.5;padding-left:18px;margin:0}.flyer{left:7%;top:6%;width:86%;display:grid;grid-template-columns:38% 1fr;gap:4%;align-items:start}.flyer .work-description{padding-top:24px;width:83%}.banner{right:13%;top:28%;width:36%;display:flex;flex-direction:column;gap:30px;align-items:center}.banner .art{width:54%}.business{left:13%;bottom:10%;width:72%;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.business .art{grid-column:2;grid-row:1}.business .work-description{grid-column:1;grid-row:1}.art{display:block;background:transparent;border:0;padding:0;color:inherit;cursor:zoom-in}.art img{width:100%;height:auto}.commercial .art img{box-shadow:0 3px 4px #0002}
.personal{height:min(460.417vw,6630px)}.personal h2{position:absolute;left:11.1%;top:2.11%;z-index:1}.gallery{position:absolute;inset:0}.gallery-lines{position:absolute;inset:0;width:100%;height:100%}.piece{position:absolute;width:28.47%;transition:transform .25s}.piece:hover{transform:translateY(-5px)}.p01{left:11.1%;top:4.48%}.p02{left:53.7%;top:6.52%}.p03{left:15.6%;top:14.78%}.p04{left:57.3%;top:16.82%}.p05{left:11.1%;top:25.11%}.p06{left:53.5%;top:27.12%}.p07{left:16.2%;top:35.34%}.p08{left:60.2%;top:37.15%}.p09{left:32.4%;top:48.49%;width:27.78%}.p10{left:11.3%;top:61.34%;width:27.78%}.p11{left:61%;top:59.46%;width:27.78%}.p12{left:33.1%;top:72.28%;width:27.78%}.p13{left:11.3%;top:87.07%;width:31.25%}.p14{left:57.4%;top:85.19%;width:31.25%}
.contact{height:min(43.056vw,620px);min-height:450px;padding:7% 11.1% 0;border-bottom:0}.thanks{font-size:17px;letter-spacing:.08em;line-height:1.9;margin-top:18px;position:relative;z-index:1}.contact-flowers{position:absolute;right:11%;top:28%;width:43%;mix-blend-mode:normal}.footer-line{position:absolute;left:5.5%;right:5.5%;bottom:78px;border-bottom:2px dotted #a4a68e}.footer-line:before,.footer-line:after{content:"";position:absolute;top:-8px;width:18px;height:18px;background:var(--sage);border-radius:50%}.footer-line:before{left:0}.footer-line:after{right:0}.copyright{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;letter-spacing:.12em;font-size:16px;margin:0}
dialog{width:min(96vw,900px);max-height:94dvh;overflow:auto;padding:0 24px 24px;border:1px solid #dedbd1;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#37382c99}.lightbox-bar{position:sticky;top:0;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 14px;z-index:1}.lightbox-bar p{font-size:15px;letter-spacing:.1em}.close{border:0;background:transparent;cursor:pointer;min-height:44px;padding:8px 0 8px 14px;color:inherit}.close span{font-size:24px;vertical-align:middle;margin-left:10px}#lightbox-image{max-width:100%;width:auto;max-height:77dvh;margin:auto;object-fit:contain}
@media(min-width:641px) and (max-width:1100px){.about-card{min-height:0;padding:14% 13% 10%}.about-card h3{font-size:19px}.bio{font-size:clamp(11px,1.11vw,16px);line-height:1.5}.period{font-size:12px;margin-bottom:18px}.bio p{margin-bottom:12px}.office-tools{width:100px;margin-top:16px}.design-tools{width:150px;margin-top:14px}.experience{transform:translateY(8.33vw)}.transition{transform:translateY(4.167vw)}.vision .bio{margin-top:20px}.section-note{font-size:12px;margin-bottom:40px}.commercial-item h3{font-size:13px;margin-bottom:8px}.work-description p{font-size:clamp(10px,1.042vw,15px);padding-left:10px}.banner{gap:18px}.hero-copy p{margin-top:28px}.thanks{font-size:14px}.copyright{font-size:13px}}
@media(max-width:640px){.hero{height:760px;max-height:1000px}.logo{width:48px;left:28px;top:30px}.hero-copy{left:9%;top:27%}.hero h1{font-size:37px;letter-spacing:.08em}.hero-copy p{font-size:26px;letter-spacing:.12em;margin-top:27px}.hero-flowers{top:auto;bottom:65px;left:12%;width:88%}.section h2{font-size:28px;letter-spacing:.1em}.about{height:auto;padding:70px 28px 90px}.about-cards{display:flex;flex-direction:column;gap:30px;margin-top:54px}.about-card{width:100%;max-width:340px;align-self:center;padding:42px 42px 36px;transform:none;min-height:0}.about-card h3{font-size:26px}.period{font-size:14px}.bio{font-size:15px;line-height:1.8;letter-spacing:.08em}.office-tools{width:120px}.design-tools{width:200px}.about-line{opacity:.6}.section-gap{height:60px}.commercial{padding:70px 24px}.commercial h2{font-size:27px;letter-spacing:.07em}.section-note{font-size:12px;line-height:1.9;margin:18px 0 38px}.work-panel{aspect-ratio:auto;padding:34px 24px;border-radius:12px;display:flex;flex-direction:column;gap:56px}.commercial-item{position:static;display:flex;flex-direction:column;width:100%;gap:24px}.commercial-item .art{width:100%;max-width:270px;margin:auto}.flyer .work-description{width:100%;padding-top:0}.commercial-item h3{font-size:18px}.work-description p{font-size:14px;line-height:1.8}.banner .art{width:190px}.business .art{max-width:280px}.personal{height:auto;padding:70px 24px 85px}.personal h2{position:relative;top:auto;left:auto;margin-bottom:58px;font-size:27px;letter-spacing:.08em}.gallery{position:relative;inset:auto;display:flex;flex-direction:column;gap:52px}.piece{position:relative;top:auto;left:auto;width:82%;max-width:310px;align-self:flex-start}.piece:nth-child(even){align-self:flex-end}.p09,.p12{align-self:center;width:76%}.p13,.p14{width:86%}.gallery-lines{opacity:.6}.contact{height:540px;min-height:0;padding:65px 28px 0}.thanks{font-size:14px;line-height:1.9;margin-top:18px}.contact-flowers{width:89%;right:2%;top:39%}.footer-line{bottom:75px;left:7%;right:7%}.footer-line:before,.footer-line:after{width:12px;height:12px;top:-5px}.copyright{font-size:10px;letter-spacing:.07em;bottom:28px}.lightbox-bar p{font-size:13px}dialog{padding:0 14px 18px}.piece:hover{transform:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.piece{transition:none}}
.about-cards{margin-top:7%}
@media(max-width:640px){.about-cards{margin-top:54px}.hero h1{font-size:clamp(30px,9.5vw,37px)}.hero-flowers{width:min(88%,480px);left:auto;right:0}}