@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f4ee;--paper-deep:#eeece4;--ink:#1c2727;--muted:#737d79;--line:rgba(28,39,39,.16);--coral:#f1694e;--blue:#526cff;--lime:#d8ec67;--serif:'Manrope',sans-serif;--mono:'DM Mono',monospace;--page-width:1280px;--cursor-x:50vw;--cursor-y:50vh;--ease:cubic-bezier(.22,.68,0,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}body::selection{background:var(--lime);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:200;left:14px;top:10px;transform:translateY(-160%);background:var(--ink);color:white;padding:12px 18px;border-radius:3px}.skip-link:focus{transform:translateY(0)}.cursor-glow{display:none;position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--cursor-x) var(--cursor-y),rgba(241,105,78,.08),transparent 78%)}.has-pointer .cursor-glow{display:block}.section-shell{width:min(var(--page-width),calc(100% - 112px));margin-inline:auto}.mono-label{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.075em;line-height:1.6}.site-header{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:84px;padding:0 max(56px,calc((100vw - var(--page-width))/2));border-bottom:1px solid transparent;transition:height .35s,background .35s,border-color .35s}.site-header.header-scrolled{height:70px;background:rgba(246,244,238,.93);border-color:var(--line);backdrop-filter:blur(16px)}.wordmark{position:relative;display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:-.08em}.wordmark-dot{margin-left:-9px;color:var(--coral)}.wordmark-symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.6px solid currentColor;border-radius:50%;transform:rotate(-28deg)}.wordmark-symbol::after{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--coral);content:''}.wordmark-symbol span{position:absolute;width:28px;height:8px;border:1.3px solid var(--ink);border-radius:50%;transform:rotate(55deg)}.main-nav{display:flex;gap:29px;margin-left:-12px}.nav-link{position:relative;padding:10px 0;color:#717b76;font-size:12px;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-link.is-active::after{position:absolute;right:0;bottom:1px;left:0;height:1px;background:var(--coral);content:''}.nav-count{vertical-align:super;margin-left:2px;color:var(--coral);font:8px var(--mono)}.header-contact{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.header-contact>span:last-child{color:var(--coral)}.availability-dot,.status-dot{width:8px;height:8px;border-radius:50%;background:#97bb57;box-shadow:0 0 0 3px rgba(151,187,87,.15)}.mobile-menu,.mobile-nav{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;min-height:min(775px,calc(100vh - 84px));padding-top:44px;padding-bottom:86px}.hero-copy{position:relative;z-index:2;padding-top:22px}.eyebrow{display:flex;align-items:center;gap:11px;color:#67716e;font:10px var(--mono);letter-spacing:.035em}.eyebrow .status-dot{width:7px;height:7px}.eyebrow-sep{color:var(--coral)}.hero h1{margin:30px 0 33px;font-size:clamp(78px,10.1vw,148px);font-weight:600;line-height:.91;letter-spacing:-.105em}.headline-last{white-space:nowrap}.word-human{position:relative}.word-human::after{position:absolute;z-index:-1;right:0;bottom:.045em;left:.03em;height:.32em;border-radius:50% 48% 44% 55%;background:var(--lime);content:'';transform:rotate(-2deg)}.asterisk{position:absolute;top:-.33em;right:-.49em;color:var(--coral);font-size:.3em;letter-spacing:0;animation:slow-spin 18s linear infinite}.hero-bottom{display:flex;align-items:center;gap:29px;max-width:485px}.hero-intro{max-width:340px;margin:0;color:#68726e;font-size:15px;line-height:1.85}.circle-link{display:grid;flex:none;place-items:center;width:50px;height:50px;border:1px solid var(--ink);border-radius:50%;font-size:21px;transition:color .25s,background .25s,transform .25s}.circle-link:hover{color:var(--paper);background:var(--ink);transform:translateY(4px)}.hero-note{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:67px;color:#66716d;font-size:12px}.hero-note .mono-label{color:#8b938e;font-size:9px}.hero-visual{position:relative;display:grid;place-items:center;min-height:555px;margin:0 -28px 0 2px;--pointer-x:0px;--pointer-y:0px}.hero-image-frame{position:relative;z-index:1;display:grid;place-items:center;width:min(91%,480px);aspect-ratio:.91;overflow:hidden;border-radius:46% 46% 4px 4px;background:linear-gradient(145deg,#ece8dc,#e8e5dc 50%,#f0d9cc);box-shadow:0 26px 64px rgba(59,58,47,.1);transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .45s var(--ease);will-change:transform}.hero-image-frame::after{position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(255,255,255,.27));content:'';pointer-events:none}.hero-image-frame img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.94)}.visual-orbit{position:absolute;border:1px solid rgba(82,108,255,.5);border-radius:50%;pointer-events:none;transform:rotate(-22deg)}.orbit-one{inset:6% 8% 4%;z-index:0}.orbit-two{inset:13% 1% 9%;border-color:rgba(241,105,78,.5);transform:rotate(53deg)}.visual-index{position:absolute;z-index:2;right:7%;bottom:6%;padding:9px 11px;background:var(--paper);font-size:9px}.visual-sticker{position:absolute;z-index:3;top:9%;right:1%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:111px;height:111px;border-radius:50%;background:var(--coral);color:#fff4e7;box-shadow:0 12px 30px rgba(196,78,50,.16);transform:translate(calc(var(--pointer-x)*-.55),calc(var(--pointer-y)*-.55)) rotate(8deg);transition:transform .45s var(--ease)}.visual-sticker span{font:8px var(--mono);letter-spacing:.1em}.visual-sticker strong{margin-top:2px;font-size:16px;font-weight:700;letter-spacing:-.06em}.visual-sticker i{margin-top:3px;font-size:14px;font-style:normal}.visual-cross{position:absolute;color:var(--blue);font-size:22px;font-weight:400}.cross-one{top:29%;left:4%}.cross-two{right:5%;bottom:23%;color:var(--coral)}.hero-scroll{position:absolute;right:0;bottom:21px;display:flex;align-items:center;gap:10px;color:#8a928e;font-size:9px}.scroll-line{width:42px;height:1px;background:var(--coral)}
.intro-strip{display:flex;align-items:center;justify-content:space-between;padding:21px 27px;border-block:1px solid var(--line)}.intro-strip p{margin:0;font-size:clamp(15px,2vw,22px);font-weight:500;letter-spacing:-.045em}.intro-strip p span{color:#87918b}.intro-mark{color:var(--coral);font-size:22px}.section-block{padding-top:137px;padding-bottom:137px}.section-heading{display:flex;align-items:center;gap:26px}.section-kicker{margin:0;color:#77817d}.section-kicker>span{margin-right:11px;color:var(--coral)}.heading-rule{height:1px;flex:1;background:var(--line)}.about-title-row,.work-title-row,.experience-title-row,.recognition-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:46px;margin-bottom:48px}.about-title-row h2,.work-title-row h2,.experience-title-row h2,.recognition-title-row h2{margin:0;font-size:clamp(44px,7vw,84px);font-weight:600;line-height:1.03;letter-spacing:-.09em}.about-title-row h2 span,.work-title-row h2 span,.recognition-title-row h2 span{color:#9ba39c}.section-side-note{margin:0 5px 4px 0;color:#707b76;font-size:13px;line-height:1.8}.bento-grid{display:grid;grid-template-columns:1.12fr .88fr 1fr;grid-template-rows:245px 250px;gap:14px}.bento-card{position:relative;overflow:hidden;padding:23px 25px;border:1px solid rgba(28,39,39,.09);border-radius:4px;background:#eeece4;transition:transform .4s var(--ease),box-shadow .4s,opacity .6s;opacity:0;transform:translateY(16px)}.bento-card.is-visible,.timeline-item.is-visible,.recognition-card.is-visible,.project-card.is-visible{opacity:1;transform:translateY(0)}.bento-statement{grid-column:span 2;background:#eae8df}.bento-number{position:relative;z-index:1;color:#747f79;font-size:9px}.bento-statement>p{position:absolute;z-index:2;right:28px;bottom:24px;left:28px;max-width:490px;margin:0;font-size:clamp(16px,2vw,23px);line-height:1.45;letter-spacing:-.047em}.bento-statement>p em{font-style:normal;color:#677cff}.statement-graphic{position:absolute;top:32px;right:11%;width:135px;height:107px;transform:rotate(-15deg)}.statement-orbit{position:absolute;inset:2px 0;border:1px solid #7080fd;border-radius:50%}.statement-ring{position:absolute;top:22px;left:36px;width:53px;height:53px;border:1px solid var(--coral);border-radius:50%}.statement-star{position:absolute;top:31px;left:57px;z-index:1;color:var(--coral);font-size:29px}.sample-chip{position:absolute;right:23px;bottom:15px;display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid rgba(82,108,255,.24);background:rgba(255,255,255,.44);color:#5d69a3;font:8px var(--mono);letter-spacing:.035em}.sample-chip i{width:5px;height:5px;border-radius:50%;background:var(--blue)}.bento-statement .sample-chip{right:23px;bottom:12px;background:var(--paper)}.bento-place{background:#f0daca}.weather-mark{position:absolute;top:58px;right:33px;width:67px;height:67px}.sun-core{position:absolute;inset:18px;border-radius:50%;background:var(--coral)}.sun-ray{position:absolute;top:30px;left:29px;width:9px;height:1px;background:var(--coral);transform-origin:center}.ray-a{transform:translateY(-28px)}.ray-b{transform:rotate(45deg) translateX(25px)}.ray-c{transform:translateY(28px)}.ray-d{transform:rotate(45deg) translateX(-25px)}.bento-big{position:absolute;bottom:59px;left:25px;margin:0;font-size:clamp(23px,3vw,37px);font-weight:600;letter-spacing:-.075em}.orange-period{color:var(--coral)}.bento-sub{position:absolute;bottom:38px;left:26px;margin:0;color:#7b7069;font-size:11px}.place-stamp{position:absolute;right:16px;bottom:14px;color:#83736a;font-size:8px}.bento-practice{background:#283434;color:#f5f3e9}.bento-practice .bento-number{color:#bac3bb}.bento-practice h3{margin:23px 0 8px;font-size:28px;font-weight:500;line-height:1.13;letter-spacing:-.065em}.bento-practice>p{max-width:255px;margin:0;color:#bec6be;font-size:11px;line-height:1.65}.practice-tags{position:absolute;right:22px;bottom:17px;left:22px;display:flex;flex-wrap:wrap;gap:6px}.practice-tags span{padding:5px 7px;border:1px solid rgba(255,255,255,.17);color:#eef0db;font:8px var(--mono)}.bento-tools{grid-column:span 2;background:#dedff0}.bento-tools>.tools-quote{position:absolute;top:54px;left:24px;margin:0;font-size:clamp(19px,3vw,28px);font-weight:600;letter-spacing:-.065em}.tools-quote span{color:var(--blue)}.tool-orbit{position:absolute;top:36px;right:6%;width:40%;height:147px;border:1px solid rgba(82,108,255,.33);border-radius:50%;transform:rotate(-14deg)}.tool-orbit::before{position:absolute;inset:10px 21px;border:1px dashed rgba(241,105,78,.45);border-radius:50%;content:''}.tool-tag{position:absolute;z-index:1;padding:5px 8px;background:#f7f5f1;color:#39414a;font:8px var(--mono);box-shadow:0 3px 12px rgba(39,42,61,.08);transform:rotate(14deg)}.tool-three{top:6px;left:22%}.tool-glsl{top:36px;right:4%}.tool-touch{right:16%;bottom:5px}.tool-p5{bottom:24px;left:2%}.tool-dot{position:absolute;top:45%;left:48%;width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(241,105,78,.1)}.bento-tools .sample-chip{right:16px;bottom:12px}.bento-principle{background:#f1e8bb}.principle-scribble{position:absolute;top:28px;right:27px;color:var(--coral);font-size:45px;transform:rotate(-18deg)}.bento-principle>p{position:absolute;bottom:47px;left:24px;margin:0;font-size:22px;line-height:1.37;letter-spacing:-.06em}.bento-principle>p em{color:#5a69d0;font-style:normal}.principle-footer{position:absolute;bottom:16px;left:24px;color:#878270;font-size:8px}
.content-notice{display:flex;align-items:flex-start;gap:13px;margin:26px 0;padding:14px 17px;border-left:2px solid var(--blue);background:rgba(82,108,255,.055);color:#626d68;font-size:11px;line-height:1.7}.content-notice>span{margin-top:1px;color:var(--blue);font-size:13px}.content-notice p{margin:0}.content-notice strong{color:var(--ink);font-weight:700}.work-section{padding-top:93px;padding-bottom:123px}.work-title-row{margin-bottom:23px}.work-title-row h2{font-size:clamp(43px,6.8vw,78px)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;row-gap:48px;padding-top:23px}.project-card{grid-column:span 4;min-width:0;opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s var(--ease)}.project-card:nth-child(2),.project-card:nth-child(5){grid-column:span 4}.project-card:nth-child(3n + 2){transform:translateY(28px)}.project-card:nth-child(3n + 2).is-visible{transform:translateY(10px)}.project-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.project-art{position:relative;display:grid;place-items:center;aspect-ratio:1.19;overflow:hidden;border-radius:3px;background:#e8e6dd;transition:transform .5s var(--ease)}.project-open:hover .project-art{transform:translateY(-5px)}.project-art>img,.dialog-art>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project-open:hover .project-art>img{transform:scale(1.045)}.art-sample{position:absolute;top:12px;left:13px;z-index:2;padding:5px 7px;background:rgba(246,244,238,.91);color:#575f5d;font-size:8px}.project-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(28,39,39,.25);border-radius:50%;background:rgba(246,244,238,.84);font-size:16px;transition:transform .25s,background .25s}.project-open:hover .project-arrow{background:var(--paper);transform:rotate(45deg)}.art-body{background:#eee8dc}.art-hours{background:#222b42}.art-loop{background:#dfe6d6}.art-moving{background:#e8dbde}.abstract-art{position:relative;width:100%;height:100%;overflow:hidden}.abstract-art span,.abstract-art i,.abstract-art b{position:absolute;display:block}.abstract-body span{top:15%;left:41%;width:23%;height:67%;border:2px solid #f1694e;border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 26px rgba(241,105,78,.2)}.abstract-body i{top:25%;left:34%;width:31%;height:52%;border:1px solid #5668ef;border-radius:50%;transform:rotate(29deg)}.abstract-body b{top:43%;left:44%;width:15%;height:15%;border-radius:50%;background:var(--lime);filter:blur(1px)}.abstract-hours span{inset:0;background:radial-gradient(ellipse at 25% 26%,#ec7956 0 2px,transparent 4px),radial-gradient(ellipse at 72% 28%,#c993e1 0 2px,transparent 4px),radial-gradient(ellipse at 55% 68%,#ee895d 0 2px,transparent 4px),radial-gradient(ellipse at 84% 77%,#b9c5e7 0 2px,transparent 4px),radial-gradient(ellipse at 35% 80%,#ec7956 0 2px,transparent 4px);background-size:48px 42px;opacity:.9}.abstract-hours i{top:17%;left:-10%;width:120%;height:57%;border:2px solid rgba(169,179,244,.76);border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 28px #858be588}.abstract-hours b{top:36%;left:20%;width:58%;height:24%;border:1px solid #ed805e;border-radius:50%;transform:rotate(22deg)}.abstract-loop span{top:26%;left:28%;width:44%;height:48%;border:1px solid #5363fa;border-radius:50%;transform:rotate(29deg)}.abstract-loop i{top:20%;left:34%;width:34%;height:56%;border:1px solid #f16c4d;border-radius:50%;transform:rotate(-36deg)}.abstract-loop b{top:43%;left:47%;width:7%;height:14%;border-radius:50%;background:#d4e668;box-shadow:0 0 32px #d4e668}.abstract-moving span{top:13%;left:7%;width:86%;height:71%;border:2px solid #db684f;border-radius:50%;transform:rotate(-28deg)}.abstract-moving i{top:19%;left:12%;width:76%;height:60%;border:1px solid #5469e9;border-radius:50%;transform:rotate(30deg)}.abstract-moving b{top:20%;left:43%;width:17%;height:60%;border:1px dashed #8da358;border-radius:50%;transform:rotate(26deg)}.project-caption{display:block;padding:15px 2px 0}.project-meta{display:flex;justify-content:space-between;gap:8px;color:#828b85;font-size:8px}.project-title{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:23px;font-weight:600;letter-spacing:-.06em}.title-star{color:var(--coral);font-size:13px;opacity:0;transform:rotate(-40deg) scale(.7);transition:opacity .2s,transform .2s}.project-open:hover .title-star{opacity:1;transform:rotate(0) scale(1)}.project-subtitle{display:block;margin-top:3px;color:#727b75;font-size:12px}.work-footnote{display:flex;align-items:center;gap:14px;margin-top:90px;padding-top:20px;border-top:1px solid var(--line)}.footnote-flower{color:var(--coral);font-size:21px}.work-footnote p{flex:1;margin:0;font-size:14px;letter-spacing:-.04em}.work-footnote .mono-label{color:#7f8984;font-size:8px}
.experience-band{background:#23302f;color:#f6f4ee}.experience-inner{padding-top:112px;padding-bottom:131px}.experience-band .section-kicker{color:#aab6ae}.experience-band .heading-rule{background:rgba(255,255,255,.18)}.experience-title-row{align-items:center;margin-bottom:27px}.experience-title-row h2{font-size:clamp(50px,7.5vw,88px)}.experience-title-row h2 span{color:var(--lime)}.experience-title-row>p{margin:0 5px 3px 0;color:#b8c0b9;font-size:13px;line-height:1.8}.notice-dark{border-left-color:var(--lime);background:rgba(255,255,255,.055);color:#c4cbc3}.notice-dark strong{color:#f6f4ee}.notice-dark>span{color:var(--lime)}.timeline{position:relative;margin-top:55px}.timeline::before{position:absolute;top:0;bottom:0;left:10px;width:1px;background:rgba(255,255,255,.23);content:''}.timeline-item{position:relative;display:grid;grid-template-columns:155px 1fr 42px;gap:28px;padding:27px 0 30px 40px;border-top:1px solid rgba(255,255,255,.16);opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s var(--ease)}.timeline-item:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.timeline-marker{position:absolute;top:34px;left:4px;display:grid;place-items:center;width:13px;height:13px;border:1px solid var(--lime);border-radius:50%;background:#23302f}.timeline-marker i{width:4px;height:4px;border-radius:50%;background:var(--lime)}.timeline-date{padding-top:5px;color:var(--lime);font-size:9px}.timeline-date span{color:#95a39b}.timeline-content h3{margin:0 0 9px;font-size:20px;font-weight:500;letter-spacing:-.05em}.timeline-content h3 span{color:#a7b1aa}.timeline-content>p{max-width:590px;margin:0;color:#bdc5bd;font-size:12px;line-height:1.75}.timeline-type{display:inline-block;margin-top:13px;color:#97a39c;font-size:8px}.timeline-index{justify-self:end;color:#7f9086;font-size:9px}
.recognition-section{padding-top:125px;padding-bottom:129px}.recognition-title-row{margin-bottom:19px}.recognition-title-row h2{font-size:clamp(48px,7vw,81px)}.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:31px}.recognition-card{position:relative;min-height:277px;padding:23px 25px 22px;border:1px solid var(--line);background:#eeece5;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s var(--ease)}.recognition-awards{background:#f0e3d5}.recognition-card-header{display:flex;align-items:center;gap:11px;color:#748079;font-size:9px}.recognition-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(28,39,39,.18);border-radius:50%;color:var(--coral);font-size:15px}.recognition-card h3{margin:31px 0 10px;font-size:28px;font-weight:500;line-height:1.16;letter-spacing:-.065em}.recognition-card>p{max-width:365px;margin:0;color:#707a74;font-size:12px;line-height:1.7}.empty-pill{position:absolute;right:20px;bottom:19px;padding:6px 8px;border:1px solid rgba(28,39,39,.15);color:#808982;font:8px var(--mono);letter-spacing:.04em}
.contact-section{position:relative;overflow:hidden;background:#e7e8da}.contact-inner{position:relative;z-index:1;padding-top:89px;padding-bottom:26px}.contact-section .section-kicker{color:#67716d}.contact-inner h2{margin:38px 0 19px;font-size:clamp(55px,9vw,105px);font-weight:600;line-height:.98;letter-spacing:-.095em}.contact-inner h2 span{position:relative;z-index:1;color:#6472ec}.contact-inner h2 span::after{position:absolute;z-index:-1;right:-.02em;bottom:.03em;left:0;height:.28em;border-radius:50%;background:#d0e56e;content:'';transform:rotate(-1deg)}.contact-copy{max-width:460px;margin:0 0 31px;color:#6b766f;font-size:14px;line-height:1.8}.contact-email{display:inline-flex;align-items:center;gap:15px;padding:0 0 9px;border:0;border-bottom:1px solid var(--ink);background:none;font-size:clamp(16px,2.4vw,24px);letter-spacing:-.05em;cursor:pointer}.contact-email span{color:var(--coral);font-size:17px}.contact-email:hover{color:var(--blue)}.contact-placeholder{display:flex;align-items:center;gap:7px;margin-top:10px;color:#818b81;font-size:10px}.contact-placeholder span{font-size:12px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:88px;padding-top:20px;border-top:1px solid rgba(28,39,39,.19)}.back-to-top{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.04em}.back-to-top span{font-size:15px;color:var(--coral)}.contact-bottom>.mono-label{color:#758079;font-size:8px;text-align:center}.footer-mark{font-size:20px;font-weight:800;letter-spacing:-.1em}.footer-mark span{color:var(--coral)}.contact-shapes{position:absolute;inset:0;pointer-events:none}.contact-loop{position:absolute;top:5%;right:-7%;width:370px;height:760px;border:1px solid rgba(82,108,255,.42);border-radius:50%;transform:rotate(31deg)}.loop-two{top:21%;right:2%;width:320px;height:590px;border-color:rgba(241,105,78,.5);transform:rotate(-28deg)}.contact-spark{position:absolute;right:20%;top:16%;color:var(--coral);font-size:37px;animation:slow-spin 22s linear infinite}.project-dialog{width:min(650px,calc(100% - 28px));max-height:min(86vh,780px);padding:0;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:0 22px 80px rgba(20,30,29,.28)}.project-dialog::backdrop{background:rgba(22,32,32,.58);backdrop-filter:blur(5px)}.project-dialog form{position:absolute;z-index:3;top:13px;right:13px}.dialog-close{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(28,39,39,.2);border-radius:50%;background:rgba(246,244,238,.92);font-size:25px;cursor:pointer}.dialog-art{height:245px;overflow:hidden}.dialog-content{padding:24px 30px 31px}.dialog-content .section-kicker{font-size:9px}.dialog-content h2{margin:13px 0 10px;font-size:clamp(32px,6vw,49px);line-height:1;letter-spacing:-.08em}.dialog-description{max-width:540px;color:#66716c;font-size:13px;line-height:1.8}.dialog-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:21px;padding-top:18px;border-top:1px solid var(--line)}.dialog-meta .mono-label{color:#86908a;font-size:8px}.dialog-meta p{margin:8px 0 0;color:#454f4b;font-size:11px;line-height:1.7}.dialog-caveat{margin:21px 0 0;padding:9px 11px;background:rgba(82,108,255,.07);color:#5b659b;font:9px var(--mono)}.toast{position:fixed;z-index:80;right:20px;bottom:20px;max-width:calc(100% - 40px);padding:13px 17px;background:var(--ink);color:var(--paper);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s,transform .25s}.toast.is-visible{opacity:1;transform:translateY(0)}
@keyframes slow-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero h1{font-size:152px}}
@media(max-width:1080px){.section-shell{width:calc(100% - 72px)}.site-header{padding-inline:36px}.hero{min-height:690px}.hero h1{font-size:clamp(73px,10.3vw,118px)}.hero-visual{min-height:465px}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:235px 235px 218px}.bento-statement{grid-column:span 2}.bento-tools{grid-column:auto}.bento-place{grid-row:2;grid-column:2}.bento-practice{grid-row:2;grid-column:1}.bento-principle{grid-column:span 2}.tool-orbit{width:42%}.project-card{grid-column:span 6}.project-card:nth-child(3n+2){grid-column:span 6}.project-card:nth-child(3n+2).is-visible{transform:translateY(0)}.project-card:nth-child(5){grid-column:4 / span 6}}
@media(max-width:760px){html{scroll-padding-top:76px}.section-shell{width:calc(100% - 42px)}.site-header{height:69px;padding-inline:21px}.site-header.header-scrolled{height:62px}.main-nav,.header-contact{display:none}.mobile-menu{display:flex;position:relative;z-index:2;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.mobile-menu span{width:15px;height:1px;margin-inline:auto;background:var(--ink);transition:transform .2s}.mobile-menu[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.mobile-menu[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav:not([hidden]){position:fixed;z-index:29;top:69px;right:0;left:0;display:flex;flex-direction:column;padding:12px 21px 23px;border-bottom:1px solid var(--line);background:rgba(246,244,238,.98);backdrop-filter:blur(16px)}.mobile-nav a{display:flex;justify-content:space-between;padding:14px 2px;border-bottom:1px solid var(--line);font-size:14px}.mobile-nav span{color:var(--coral);font:10px var(--mono)}.hero{grid-template-columns:1fr;min-height:0;padding-top:46px;padding-bottom:62px}.hero-copy{padding-top:0}.eyebrow{gap:7px;font-size:8px}.hero h1{margin:25px 0 21px;font-size:clamp(74px,16.2vw,118px);line-height:.9}.hero-bottom{gap:18px}.hero-intro{max-width:285px;font-size:13px;line-height:1.7}.circle-link{width:43px;height:43px}.hero-note{gap:8px;margin-top:24px;font-size:11px}.hero-note .mono-label{font-size:8px}.hero-visual{min-height:0;aspect-ratio:1.08;margin:32px 0 0 9px}.hero-image-frame{width:78%;aspect-ratio:.95}.orbit-one{inset:2% 12%}.orbit-two{inset:9% 4%}.visual-sticker{top:9%;right:3%;width:83px;height:83px}.visual-sticker strong{font-size:13px}.visual-sticker span{font-size:7px}.visual-index{right:9%;bottom:3%;font-size:8px}.hero-scroll{right:2px;bottom:12px}.intro-strip{padding:16px 11px}.intro-strip p{max-width:88%;font-size:15px;line-height:1.55}.intro-mark{font-size:18px}.section-block{padding-top:87px;padding-bottom:87px}.section-heading{gap:14px}.section-kicker{font-size:8px}.about-title-row,.work-title-row,.experience-title-row,.recognition-title-row{align-items:flex-start;gap:16px;margin-top:31px;margin-bottom:29px}.about-title-row h2,.work-title-row h2,.recognition-title-row h2{font-size:clamp(42px,10.5vw,65px)}.section-side-note{display:none}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:228px 222px 213px;gap:9px}.bento-card{padding:16px}.bento-statement{grid-column:span 2}.bento-number{font-size:8px}.bento-statement>p{right:15px;bottom:21px;left:16px;font-size:17px}.bento-statement .sample-chip{right:10px;bottom:10px;font-size:7px}.statement-graphic{top:35px;right:9%;transform:rotate(-15deg) scale(.78)}.bento-place{grid-column:2;grid-row:2}.bento-big{bottom:56px;left:16px;font-size:24px}.bento-sub{bottom:33px;left:17px;font-size:9px}.weather-mark{top:43px;right:15px;transform:scale(.75);transform-origin:top right}.place-stamp{right:8px;bottom:10px;font-size:7px}.bento-practice{grid-column:1;grid-row:2}.bento-practice h3{margin:18px 0 7px;font-size:21px}.bento-practice>p{font-size:9px}.practice-tags{right:10px;bottom:10px;left:10px;gap:4px}.practice-tags span{padding:4px 5px;font-size:6px}.bento-tools{grid-column:span 2;grid-row:3}.bento-tools>.tools-quote{top:49px;left:16px;font-size:21px}.tool-orbit{top:34px;right:5%;width:44%;height:132px}.tool-tag{font-size:7px}.bento-tools .sample-chip{right:7px;bottom:8px;font-size:7px}.bento-principle{grid-column:span 2;min-height:180px}.bento-principle>p{bottom:40px;font-size:20px}.principle-footer{bottom:12px;left:16px;font-size:7px}.sample-chip{right:8px;padding:4px 5px;font-size:7px}.content-notice{gap:10px;margin:20px 0;padding:12px;font-size:10px}.work-section{padding-top:72px;padding-bottom:82px}.work-title-row h2{font-size:clamp(40px,10.1vw,62px)}.project-grid{grid-template-columns:1fr 1fr;gap:27px 11px;padding-top:12px}.project-card,.project-card:nth-child(3n+2),.project-card:nth-child(5){grid-column:span 1!important;transform:translateY(12px)}.project-card.is-visible,.project-card:nth-child(3n+2).is-visible{transform:translateY(0)}.project-art{aspect-ratio:.89}.project-title{margin-top:8px;font-size:17px}.project-subtitle{font-size:10px}.project-meta{gap:4px;font-size:6.7px}.art-sample{top:8px;left:8px;padding:4px 5px;font-size:6px}.project-arrow{right:8px;bottom:8px;width:27px;height:27px;font-size:14px}.project-caption{padding-top:12px}.work-footnote{flex-wrap:wrap;gap:8px;margin-top:55px;padding-top:15px}.work-footnote p{font-size:12px}.work-footnote .mono-label{flex-basis:100%;margin-left:30px;font-size:7px}.experience-inner{padding-top:78px;padding-bottom:84px}.experience-title-row h2{font-size:clamp(52px,12vw,75px)}.experience-title-row>p{font-size:11px}.timeline{margin-top:36px}.timeline-item{grid-template-columns:1fr 28px;gap:7px;padding:19px 0 23px 29px}.timeline::before{left:7px}.timeline-marker{left:1px}.timeline-date{grid-column:1;font-size:8px}.timeline-content{grid-column:1}.timeline-content h3{font-size:16px}.timeline-content h3 span{font-size:12px}.timeline-content>p{font-size:11px}.timeline-index{grid-row:1 / span 2;grid-column:2;font-size:8px}.recognition-section{padding-top:84px;padding-bottom:85px}.recognition-title-row h2{font-size:clamp(44px,10.8vw,72px)}.recognition-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}.recognition-card{min-height:230px;padding:18px}.recognition-card h3{margin:23px 0 8px;font-size:24px}.recognition-card>p{font-size:11px}.empty-pill{right:14px;bottom:14px;font-size:7px}.contact-inner{padding-top:73px;padding-bottom:18px}.contact-inner h2{margin:31px 0 18px;font-size:clamp(50px,11.7vw,80px)}.contact-copy{max-width:360px;font-size:12px}.contact-email{gap:10px;font-size:clamp(16px,4.4vw,23px)}.contact-placeholder{align-items:flex-start;max-width:310px;font-size:9px;line-height:1.6}.contact-bottom{gap:9px;margin-top:64px;padding-top:15px}.contact-bottom>.mono-label{max-width:140px;font-size:6.5px;line-height:1.6}.back-to-top{gap:5px;font-size:7px}.footer-mark{font-size:17px}.contact-loop{right:-72%;width:305px;height:625px}.loop-two{right:-49%;width:264px;height:510px}.contact-spark{right:9%;top:13%;font-size:27px}.dialog-art{height:170px}.dialog-content{padding:20px}.dialog-meta{grid-template-columns:1fr;gap:11px}.dialog-description{font-size:12px}.project-dialog{max-height:88vh}.dialog-caveat{font-size:8px}}
@media(max-width:380px){.section-shell{width:calc(100% - 32px)}.site-header{padding-inline:16px}.hero h1{font-size:72px}.bento-grid{grid-template-rows:224px 225px 211px}.bento-practice h3{font-size:18px}.bento-practice>p{font-size:8px}.tool-orbit{right:2%;width:47%}.project-meta{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bento-card,.timeline-item,.recognition-card,.project-card{opacity:1;transform:none}}