:root{--header:76px;--duration:1250ms;--ease:cubic-bezier(.22,.61,.36,1);--text:18px;--label:14px;--title:clamp(38px,4.4vw,70px);--about:#d8d2df}
.menu,.gallery-menu{height:var(--header);min-height:var(--header);padding-top:0;padding-bottom:0}.identity,.menu .identity,.gallery-menu .identity{flex-direction:row;align-items:center;gap:14px}.wordmark{font-size:30px;line-height:1;font-weight:900;letter-spacing:-1.8px}.profession,.menu .profession,.gallery-menu .profession{display:flex;flex-direction:column;justify-content:space-between;height:27px;font-size:12px;line-height:1;white-space:nowrap;max-width:none}.menu nav,.gallery-menu nav{font-size:var(--label)}.about{--bg:var(--about);--fg:var(--ink)}.work{--bg:var(--ink);--fg:var(--paper)}.contact{--bg:var(--purple);--fg:var(--paper)}body[data-page='1'] .menu,body[data-page='1'] .deck-controls{color:var(--ink)}body[data-page='2'] .menu{color:var(--paper);background:#181818a1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body[data-page='3'] .deck-controls{color:var(--paper)}.surface{padding-top:calc(var(--header) + 42px)}.intro-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:38px}.edition{margin-bottom:15px;gap:22px}.edition strong{font-size:20px}.skills{font-size:20px;font-weight:600;line-height:1.6;margin-top:48px;align-self:center}.skills li{margin:8px 0}h1{font-size:clamp(72px,9.2vw,175px)}.motion-line em{font-size:.6em;margin-right:.03em}.intro h1{animation:quiet-glitch 4.5s linear 1}@keyframes quiet-glitch{0%,85%,89%,100%{text-shadow:none;translate:0}86%{text-shadow:2px 0 #7D6BA899,-1px 0 #18181844;translate:.7px 0}87%{text-shadow:-2px 0 #7D6BA899;translate:-.7px 0}88%{text-shadow:1px 0 #7D6BA855;translate:0}}.surface.reveal h1,.surface.reveal h2,.surface.reveal .edition,.surface.reveal .skills,.surface.reveal .about-lead,.surface.reveal .tool-panel,.surface.reveal .contact-list{animation:soft-reveal 1s ease both;animation-delay:.28s;filter:none}.surface.reveal h1{animation:soft-reveal 1s ease .28s both,quiet-glitch 4.5s linear 1.3s 1}.surface.reveal .skills,.surface.reveal .tool-panel{animation-delay:.42s}@keyframes soft-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel{backface-visibility:hidden;transform:translate3d(0,0,0)}.panel.passed{transform:translate3d(calc(-100% + var(--rail)),0,0)}.about-layout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:45px}.about-intro{max-width:1180px}.about-lead{max-width:none;font-size:clamp(25px,2.7vw,43px);line-height:1.3;letter-spacing:-.035em;color:var(--ink);margin:0}.about-lead em{color:#58466f;font-style:italic}.about .tool-panel{display:grid;grid-template-columns:1.15fr 1fr;column-gap:55px;row-gap:20px;color:var(--ink);padding:0;margin:0}.tool-panel>h3{grid-column:1;margin:0;font-size:var(--label);color:#181818aa}.tool-grid{grid-column:1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 16px}.tool-item{flex-direction:column;align-items:flex-start;gap:10px}.tool-grid .tool-icon,.ai-grid .tool-icon{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:var(--tool-bg);color:var(--tool-fg);font-family:Arial,sans-serif;font-size:26px;font-weight:600;letter-spacing:-1px;padding:0;border:0}.tool-grid .tool-item>span:last-child,.ai-grid .tool-item>span:last-child{font-size:var(--label);line-height:1.25;padding:0;border:0}.ai-tools{grid-column:2;grid-row:1/3;border-top:0;border-left:1px solid #18181830;padding:0 0 0 35px;margin:0}.ai-tools h3{font-size:var(--label);color:#181818aa;margin:0 0 20px}.ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 16px}.contact h2{font-size:var(--title);margin-bottom:35px}.contact-list{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-list a,.contact-list a:last-child{display:block;border:none;padding:5px 0}.contact-list a>span{font-size:clamp(34px,4.5vw,70px);font-weight:400;letter-spacing:-.04em}.contact-list a:hover{color:var(--paper);opacity:.65}.work .surface{padding:0!important;height:100%;overflow:hidden}.work .gallery-entry{height:100%;position:relative;overflow:hidden}.work-mosaic{padding-top:0;height:115%;mask-image:linear-gradient(to bottom,#000 0%,#000 28%,#0009 48%,transparent 82%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 28%,#0009 48%,transparent 82%)}.mosaic-tile,.gallery-card{background:#080808!important;border:1px solid #ffffff10}.abstract-placeholder{background:#080808!important}.abstract-placeholder:before{display:none!important}.gallery-launch{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;color:var(--paper);font-size:var(--text);font-weight:500;padding:30px;white-space:nowrap}.gallery-launch svg{width:72px;height:72px;padding:18px;border:1px solid #FAF4E680;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .5s,background .5s}.gallery-launch:hover svg{transform:translateY(7px);background:#7D6BA844}.gallery-menu{background:#181818a1}.gallery-main{padding-top:0}.gallery-grid{padding-top:0}.project-detail{padding:30px}.case-link{display:inline-block;margin-top:25px;padding:12px 18px;border:1px solid #18181855;border-radius:30px;font-size:var(--label)}.case-link:hover{background:var(--ink);color:var(--paper)}.case-main{max-width:1500px;margin:auto;padding:calc(var(--header) + 65px) 5% 75px}.case-heading{margin-bottom:60px}.case-heading>span{font-size:var(--label);color:#FAF4E680}.case-heading h1{font-size:clamp(65px,10vw,150px);margin:24px 0}.case-heading p{font-size:var(--text);color:#FAF4E6aa}.case-media{background:#080808;border:1px solid #FAF4E618;border-radius:12px}.case-media.wide{aspect-ratio:16/9}.case-media.tall{aspect-ratio:3/4}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-story{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;padding:65px 0}.case-story h2{font-size:var(--title);font-weight:400;letter-spacing:-.04em;margin:0}.case-story p{font-size:var(--text);line-height:1.6;max-width:620px;margin:0;color:#FAF4E6b3}.case-back{font-size:var(--text);display:inline-block;margin-top:30px;border-bottom:1px solid;padding-bottom:8px}
@media(max-width:1050px){.intro-layout{grid-template-columns:minmax(0,1fr) 190px;gap:22px}.skills{font-size:18px}.about-layout{gap:32px}.about .tool-panel{column-gap:25px}.tool-grid,.ai-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-tools{padding-left:25px}.tool-grid .tool-icon,.ai-grid .tool-icon{width:46px;height:46px;font-size:23px}.profession,.menu .profession,.gallery-menu .profession{font-size:10px;height:24px}.wordmark{font-size:28px}}
@media(max-width:700px){:root{--header:70px;--text:16px;--label:13px}.identity,.menu .identity,.gallery-menu .identity{gap:8px}.wordmark,.gallery-menu .wordmark{font-size:23px}.profession,.menu .profession,.gallery-menu .profession{font-size:8px;height:21px}.menu,.gallery-menu{padding-inline:12px;gap:10px}.menu nav,.gallery-menu nav{font-size:11px;gap:11px}.social-icons{gap:5px}.intro-layout{display:flex;gap:26px}.edition{margin-bottom:14px}h1{font-size:17vw}.skills{font-size:18px;margin:0;align-self:flex-start;line-height:1.4}.skills li{margin:4px 0}.about-layout{display:flex;gap:35px;justify-content:flex-start}.about-lead{font-size:26px}.about .tool-panel{display:block}.tool-panel>h3{margin-bottom:20px}.tool-grid,.ai-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}.ai-tools{border:0;border-top:1px solid #18181830;padding:25px 0 0;margin-top:30px}.tool-grid .tool-item>span:last-child,.ai-grid .tool-item>span:last-child{font-size:12px}.tool-grid .tool-icon,.ai-grid .tool-icon{width:44px;height:44px;font-size:22px}.gallery-launch{top:56%;gap:15px}.gallery-launch svg{width:66px;height:66px}.gallery-main{padding-top:0}.contact-list a>span{font-size:clamp(34px,9vw,55px)}.case-main{padding-top:110px}.case-heading{margin-bottom:35px}.case-story{display:block;padding:40px 0}.case-story h2{margin-bottom:20px;font-size:35px}.case-pair{gap:10px}.project-detail{padding:25px}}
@media(max-width:420px){.profession,.menu .profession,.gallery-menu .profession{font-size:7px;height:20px}.menu,.gallery-menu{gap:7px;padding-inline:9px}.identity,.menu .identity,.gallery-menu .identity{gap:6px}.wordmark,.gallery-menu .wordmark{font-size:21px}.social-icons a{width:17px}.social-icons{gap:3px}.menu nav,.gallery-menu nav{font-size:10px;gap:8px}.tool-grid,.ai-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-lead{font-size:23px}}
@media(prefers-reduced-motion:reduce){:root{--duration:0ms}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Panel seams and continuous header transitions. */
.panel{--bleed:20px;left:calc(var(--i)*var(--rail) - var(--bleed));width:calc(100% - var(--i)*var(--rail) + var(--bleed))}.panel.intro{--bleed:0px}.panel.passed{transform:translate3d(calc(-100% + var(--rail) + var(--bleed)),0,0)}.about .surface{padding-left:calc(42px + var(--bleed))}.contact .surface{padding-left:calc(60px + var(--bleed))}.menu{isolation:isolate;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:left var(--duration) var(--ease),color var(--duration) var(--ease),opacity .9s ease,visibility 0s}.menu:before{content:'';position:absolute;inset:0;z-index:-1;background:#181818a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);clip-path:inset(0 0 0 100%);transition:clip-path var(--duration) var(--ease)}body[data-page='2'] .menu:before,body[data-page='3'] .menu:before{clip-path:inset(0)}body[data-page='3'] .menu{opacity:0;visibility:hidden;transition:left var(--duration) var(--ease),color var(--duration) var(--ease),opacity .9s ease,visibility 0s .9s}.design-word{display:flex!important;align-items:baseline;gap:.08em;padding-left:0}.design-word em{display:inline-block;font-size:.6em;line-height:1;margin:0;letter-spacing:-.07em;transform:rotate(-8deg);text-align:left}.motion-line{display:block!important;margin-top:.05em}.motion-line>span{font-size:1em;letter-spacing:inherit}.about-layout{gap:65px}.about .specialties{font-family:inherit;font-style:normal;color:var(--ink);font-weight:650;text-decoration:underline;text-decoration-color:#7D6BA888;text-decoration-thickness:2px;text-underline-offset:.14em}.about .tool-panel{position:relative;grid-template-columns:1fr 1fr;column-gap:70px}.about .tool-panel:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#18181833}.ai-tools{padding:0;border-left:0}.tool-icon.real-logo{background:transparent!important;border-radius:0}.tool-icon.real-logo img{display:block;width:100%;height:100%;object-fit:contain}.contact h2{font-family:'Antique Olive',Arial,Helvetica,sans-serif;font-style:normal;font-size:clamp(70px,12vw,190px);font-weight:900;line-height:1;letter-spacing:-.085em;transform:rotate(-6deg);transform-origin:left center;margin:0 0 60px}.contact .surface.reveal h2{animation:contact-reveal 1s ease .28s both}@keyframes contact-reveal{from{opacity:0;transform:rotate(-6deg) translateY(8px)}to{opacity:1;transform:rotate(-6deg) translateY(0)}}
@media(max-width:1050px){.about .surface{padding-left:calc(30px + var(--bleed))}.contact .surface{padding-left:calc(35px + var(--bleed))}.about .tool-panel{column-gap:40px}}
@media(max-width:700px){.panel{--bleed:13px}.panel.intro{--bleed:0px}.about .surface,.contact .surface{padding-left:calc(20px + var(--bleed))}.about-layout{gap:45px}.about .tool-panel:before{display:none}.ai-tools{border-top:1px solid #18181833;padding-top:25px}.contact h2{font-size:18vw;margin-bottom:45px}.about .tool-panel{display:block}}
@media(prefers-reduced-motion:reduce){.menu,.menu:before{transition:none!important}.contact .surface.reveal h2{animation:none!important;transform:rotate(-6deg)}}

.design-word em{color:var(--purple);font-family:var(--serif);font-weight:400}