@font-face{font-family:"Inter";src:url("fonts/Inter-Latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"BubbledotICG-FinePos";src:url("fonts/BubbledotICG-FinePos.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Pixel Circle";src:url("fonts/GeistPixel-Circle.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#000;--text:#fff;--muted:#8e8e8e;--nav-text:#2e2e2e;--pill-dark:#28282a;--sign-in-text:#c8c8c8;--nav-shadow:0 4px 14px rgba(0,0,0,.16);--trust-bg:#28282a;--trust-border:rgba(255,255,255,.4);--trust-text:#c4c2c3;--font-sans:"Inter","Segoe UI",system-ui,sans-serif;--font-display:"BubbledotICG-FinePos","Geist Pixel Circle",monospace}
*,*::before,*::after{box-sizing:border-box}html,body{width:100%;height:100%}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.site-entered{overflow-x:hidden;overflow-y:auto}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}[hidden]{display:none!important}.site-shell{min-height:100%;visibility:hidden}.site-shell .header,.site-shell .anim,.site-shell .headline span{animation-play-state:paused}.site-shell.is-entered{visibility:visible}.site-shell.is-entered .header,.site-shell.is-entered .anim,.site-shell.is-entered .headline span{animation-play-state:running}
.entry-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#000;color:#fff;perspective:900px;transition:opacity .75s cubic-bezier(.22,1,.36,1),visibility .75s}.entry-screen.is-leaving{visibility:hidden;opacity:0;pointer-events:none}.entry-trigger{display:flex;width:100%;min-height:100%;align-items:center;justify-content:center;flex-direction:column;gap:clamp(24px,4vh,42px);padding:32px 20px;border:0;background:transparent;color:inherit;cursor:wait}.entry-trigger[aria-disabled=false]{cursor:pointer}.entry-loader{--gooey-primary-color:#b8ff00;--gooey-secondary-color:#5ed29c;--gooey-border-color:#e5e7eb;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(8px,1vw,11px);transition:opacity .48s ease,transform .48s cubic-bezier(.22,1,.36,1)}.entry-loader.is-exiting{opacity:0;transform:scale(.82);pointer-events:none}.gooey-filter{position:absolute;width:0;height:0;overflow:visible}.gooey-loader{position:relative;width:12em;height:4.5em;overflow:hidden;border-bottom:8px solid var(--gooey-border-color);filter:url(#gooey-loader-filter)}.gooey-loader::before,.gooey-loader::after{content:"";position:absolute;border-radius:50%}.gooey-loader::before{width:22em;height:18em;left:-2em;bottom:-18em;background:var(--gooey-primary-color);animation:gooey-loader-wee1 2s linear infinite}.gooey-loader::after{width:16em;height:12em;left:-4em;bottom:-12em;background:var(--gooey-secondary-color);animation:gooey-loader-wee2 2s linear .75s infinite}.entry-title{display:flex;visibility:hidden;flex-wrap:wrap;justify-content:center;max-width:min(1180px,94vw);font-family:var(--font-display);font-size:clamp(32px,5.4vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1.08;text-align:center;transform-style:preserve-3d}.entry-title.is-visible{visibility:visible}.entry-word{display:inline-flex;white-space:nowrap}.entry-space{width:.28em}.entry-piece{display:inline-block;opacity:0;backface-visibility:hidden;transform:translate3d(0,-115px,-420px) rotateX(68deg);transform-style:preserve-3d;will-change:transform,opacity,filter}.entry-screen.is-ready .entry-title{animation:readyBreathe 2.8s ease-in-out infinite}.entry-screen.is-ready .entry-trigger:focus-visible{outline:1px solid rgba(255,255,255,.8);outline-offset:-10px}
.entry-screen{opacity:1;transform:translateY(0);transition:transform .92s cubic-bezier(.76,0,.24,1),visibility 0s linear .92s}.entry-screen.is-leaving{visibility:hidden;opacity:1;transform:translateY(-100%);pointer-events:none}.site-shell.is-entry-sliding{visibility:visible}.site-shell.is-entry-sliding .page{transform:translateY(18vh);transition:transform .92s cubic-bezier(.76,0,.24,1);will-change:transform}.site-shell.is-entry-sliding.is-entered .page{transform:translateY(0)}body.entry-transitioning{overflow:hidden}
.cursor-canvas{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;pointer-events:none;opacity:0;transition:opacity .18s ease}.cursor-canvas.is-active{opacity:1}@media(pointer:fine) and (prefers-reduced-motion:no-preference){html,body,a,button{cursor:none!important}}
.bg{position:fixed;inset:0;overflow:hidden;background:#070b0a}.bg-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.6;pointer-events:none}.bg-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.bg-overlay-left{background:linear-gradient(90deg,#070b0a 0%,rgba(7,11,10,.74) 22%,rgba(7,11,10,.08) 72%,transparent 100%)}.bg-overlay-bottom{background:linear-gradient(0deg,#070b0a 0%,rgba(7,11,10,.68) 12%,transparent 55%)}.bg-glow{position:absolute;z-index:3;top:6%;left:50%;width:1100px;height:330px;max-width:none;opacity:.9;pointer-events:none;transform:translateX(-50%)}.bg-grid{position:absolute;z-index:4;inset:0;pointer-events:none}.bg-grid i{position:absolute;inset-block:0;width:1px;background:rgba(255,255,255,.1)}.bg-grid i:nth-child(1){left:25%}.bg-grid i:nth-child(2){left:50%}.bg-grid i:nth-child(3){left:75%}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;height:100vh;height:100dvh;overflow:hidden;padding:clamp(16px,2.4vh,28px) clamp(14px,3vw,32px)}
@media(max-width:820px){.bg-grid{display:none}.bg-glow{top:3%;width:820px;height:280px;opacity:.58}.bg-overlay-left{background:linear-gradient(90deg,rgba(7,11,10,.88),rgba(7,11,10,.22) 80%,transparent)}}
.header{z-index:3;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%;max-width:720px;gap:clamp(18px,2.8vw,28px);animation:slideDown .7s cubic-bezier(.22,1,.36,1) both}.logo{display:grid;flex:0 0 auto;width:clamp(40px,4.4vw,46px);height:clamp(40px,4.4vw,46px);place-items:center;overflow:hidden;border-radius:50%;background:#fff;box-shadow:var(--nav-shadow);transition:transform .25s ease}.logo:hover{transform:scale(1.04)}.logo img{width:72%;height:72%;object-fit:contain}.nav-pill{display:flex;flex:1 1 auto;align-items:stretch;justify-content:space-between;max-width:430px;height:clamp(44px,5.2vw,48px);padding:4px 8px;border-radius:999px;background:#fff;box-shadow:var(--nav-shadow)}.nav-pill a{position:relative;display:grid;place-items:center;padding:0 10px;color:var(--nav-text);font-size:clamp(13px,1.4vw,15px);font-weight:500;letter-spacing:-.01em;opacity:.5;transition:opacity .2s}.nav-pill a:hover{opacity:.75}.nav-pill a.active{opacity:1}.nav-pill a.active::after,.mobile-sheet a.active::after{position:absolute;bottom:5px;left:50%;width:3px;height:3px;border-radius:50%;background:#000;box-shadow:-5px 0 #000,5px 0 #000;content:"";transform:translateX(-50%)}.sign-in{display:grid;flex:0 0 auto;height:clamp(44px,5.2vw,48px);place-items:center;padding:0 21px;border-radius:999px;background:var(--pill-dark);box-shadow:var(--nav-shadow);color:var(--sign-in-text);font-size:clamp(13px,1.4vw,15px);font-weight:500;transition:transform .2s,color .2s,background .2s}.sign-in:hover{color:#fff;background:#323234;transform:translateY(-1px)}.menu-toggle{display:none}
.hero{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;min-height:0;padding:2vh 0;text-align:center}.trust-row{--trust-size:clamp(36px,4.5vw,42px);display:inline-flex;align-items:center;justify-content:center;margin-bottom:clamp(16px,2.5vh,26px)}.avatar{position:relative;display:grid;width:var(--trust-size);height:var(--trust-size);flex:0 0 auto;padding:5px;place-items:center;border:1px solid var(--trust-border);border-radius:50%;background:var(--trust-bg);transition:transform .35s cubic-bezier(.22,1,.36,1)}.avatar+.avatar{margin-left:calc(var(--trust-size)*-.42)}.avatar-1{z-index:1}.avatar-2{z-index:2}.avatar-3{z-index:4}.avatar-1:hover,.avatar-3:hover{transform:translateY(-2px)}.avatar-2:hover{transform:translateY(-4px)}.avatar>span{display:grid;width:100%;height:100%;place-items:center;border-radius:50%;background:#fff}.avatar i{color:#111;font-size:calc(var(--trust-size)*.34)}.trust-pill{z-index:3;display:flex;align-items:center;height:var(--trust-size);margin-left:calc(var(--trust-size)*-.42);padding:0 calc(var(--trust-size)*.42) 0 calc(var(--trust-size)*.58);white-space:nowrap;border:1px solid var(--trust-border);border-radius:999px;background:var(--trust-bg);color:var(--trust-text);font-size:clamp(12px,1.4vw,13.5px);font-weight:500}
.headline{width:100%;margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(28px,6.2vw,80px);font-weight:400;letter-spacing:-.04em;line-height:1.12}.headline span{display:block;overflow:hidden;white-space:nowrap;opacity:0;transform:translateY(14px);animation:headlineFade .85s cubic-bezier(.22,1,.36,1) forwards}.headline span:first-child{animation-delay:.12s}.headline span:last-child{animation-delay:.3s}.subhead{max-width:min(500px,92%);margin:clamp(14px,2.4vh,24px) 0 0;color:#d0d0d0;font-size:clamp(calc(13.5px + 2pt),calc(1.55vw + 2pt),calc(16.5px + 2pt));font-weight:400;line-height:1.55;opacity:.8}.cta{margin-top:clamp(16px,2.8vh,28px);padding:clamp(11px,1.6vh,13px) clamp(22px,3vw,28px);border-radius:999px;background:#fff;color:#000;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 22px rgba(255,255,255,.32),0 0 44px rgba(255,255,255,.12);font-size:clamp(13.5px,1.5vw,14.5px);font-weight:600;transition:transform .25s,box-shadow .25s;animation-name:revealPulse!important}.cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 28px rgba(255,255,255,.5),0 0 54px rgba(255,255,255,.2)}
.anim{opacity:0;filter:blur(6px);transform:translateY(22px) scale(.98);animation:reveal .85s cubic-bezier(.22,1,.36,1) var(--d,0s) forwards}
.about{--about-paper:#050505;--about-ink:#f4f4ef;--about-muted:#90908b;--about-line:rgba(255,255,248,.115);--about-accent:#b8ff00;position:relative;z-index:2;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--about-paper);background-image:linear-gradient(var(--about-line) 1px,transparent 1px),linear-gradient(90deg,var(--about-line) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,248,.16) .7px,transparent .8px);background-size:clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),8px 8px;color:var(--about-ink)}.about::before,.about::after{position:absolute;z-index:1;color:#686864;font-size:22px;font-weight:200;content:"+"}.about::before{left:3.15vw;top:27.2vh}.about::after{right:3.15vw;top:27.2vh}.about-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(320px,31%) 1fr;min-height:100vh;min-height:100dvh;gap:clamp(48px,7vw,132px);padding:clamp(34px,5vh,64px) clamp(38px,4.2vw,80px)}.about-identity{position:relative;align-self:start}.about-index{display:block;margin-bottom:14px;font-size:10px;font-weight:600;letter-spacing:.18em;color:#9c9c96}.about-portrait{position:relative;width:100%;max-width:425px;aspect-ratio:1;margin:0;overflow:visible;background:#062533}.about-portrait img{display:block;width:100%;height:100%;object-fit:cover}.about-signature{position:absolute;z-index:2;left:-8%;top:-7%;color:var(--about-accent);font-family:"Segoe Script","Brush Script MT",cursive;font-size:clamp(52px,6vw,102px);font-style:italic;line-height:1;letter-spacing:-.08em;white-space:nowrap;transform:rotate(-9deg)}.about-copy{display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(0px,1vh,12px)}.about-statement{max-width:1100px;margin:0;font-size:clamp(45px,4.55vw,86px);font-weight:400;letter-spacing:-.055em;line-height:.99}.about-bio{position:relative;max-width:1120px;margin:clamp(56px,8vh,96px) 0 0;font-size:clamp(38px,3.85vw,73px);font-weight:400;letter-spacing:-.055em;line-height:1.05;color:var(--about-muted)}.about-bio strong{color:var(--about-ink);font-weight:400;text-decoration:underline;text-decoration-color:#555550;text-decoration-thickness:6px;text-underline-offset:9px}.about-bio i{display:inline-block;width:20px;height:20px;margin-left:.7em;background:var(--about-accent);vertical-align:.18em}.about-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.about-copy .about-reveal:nth-child(2){transition-delay:.12s}.about.is-visible .about-reveal{opacity:1;transform:none}.about-portrait{transition:transform .7s cubic-bezier(.22,1,.36,1)}.about-portrait:hover{transform:scale(1.012)}
.about-signature{margin:-.14em -.28em -.14em -.14em;padding:.14em .28em .14em .14em;color:transparent;background:linear-gradient(90deg,var(--about-accent),var(--about-accent)) 0 0/0% 100% no-repeat;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(184,255,0,.12))}.about-signature::after{position:absolute;top:53%;left:0;width:10px;height:4px;border-radius:50%;background:var(--about-accent);box-shadow:0 0 9px rgba(184,255,0,.9);content:"";opacity:0;transform:rotate(8deg);-webkit-background-clip:border-box;background-clip:border-box}.about.is-visible .about-signature{animation:signatureWrite 1.75s cubic-bezier(.38,.02,.12,1) .35s forwards}.about.is-visible .about-signature::after{animation:signaturePen 1.75s cubic-bezier(.38,.02,.12,1) .35s forwards}
.mobile-overlay{position:fixed;inset:0;z-index:2;padding:86px 14px 14px;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);animation:overlayIn .28s ease both}.mobile-sheet{display:flex;flex-direction:column;width:min(100%,420px);margin:0 auto;padding:22px 18px 20px;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45);animation:menuIn .38s cubic-bezier(.22,1,.36,1) both}.mobile-sheet a{position:relative;padding:15px 12px;color:#222;text-align:center;font-weight:500;opacity:0;animation:linkIn .4s cubic-bezier(.22,1,.36,1) forwards}.mobile-sheet a:nth-child(1){animation-delay:.06s}.mobile-sheet a:nth-child(2){animation-delay:.1s}.mobile-sheet a:nth-child(3){animation-delay:.14s}.mobile-sheet a:nth-child(4){animation-delay:.18s}.mobile-sheet a:nth-child(5){animation-delay:.22s}.mobile-sheet a.active::after{bottom:8px}.mobile-sheet .mobile-sign-in{margin-top:8px;border-radius:999px;background:var(--pill-dark);color:#fff}
@keyframes slideDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes headlineFade{to{opacity:1;transform:translateY(0)}}@keyframes reveal{to{opacity:1;filter:blur(0);transform:none}}@keyframes revealPulse{0%{opacity:0;filter:blur(6px);transform:translateY(22px) scale(.92)}72%{opacity:1;filter:blur(0);transform:translateY(0) scale(1.045)}100%{opacity:1;filter:blur(0);transform:none}}@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes menuIn{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}@keyframes linkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes gooey-loader-wee1{0%{transform:translateX(-10em) rotate(0)}100%{transform:translateX(7em) rotate(180deg)}}@keyframes gooey-loader-wee2{0%{transform:translateX(-8em) rotate(0)}100%{transform:translateX(8em) rotate(180deg)}}@keyframes readyBreathe{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes signatureWrite{0%{background-size:0% 100%}100%{background-size:100% 100%}}@keyframes signaturePen{0%{left:0;opacity:0}5%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:720px){.page{padding-inline:14px}.header{max-width:none;justify-content:space-between}.logo{width:48px;height:48px}.nav-pill,.sign-in{display:none}.menu-toggle{position:relative;z-index:4;display:flex;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:0;border-radius:50%;background:var(--pill-dark);box-shadow:var(--nav-shadow);cursor:pointer;transition:background .25s}.menu-toggle span{width:18px;height:1.5px;background:#fff;transition:transform .3s,opacity .2s,background .25s}.menu-toggle[aria-expanded=true]{background:#fff}.menu-toggle[aria-expanded=true] span{position:absolute;background:#000}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.headline{font-size:clamp(28px,9.4vw,58px);letter-spacing:-.08em;line-height:1.05}}
@media(max-width:420px){.trust-row{--trust-size:34px}.trust-pill{font-size:12px}.headline{font-size:clamp(27px,9.3vw,39px);letter-spacing:-.09em;line-height:1.04}.subhead{max-width:96%}.desktop-break{display:none}}
@media(max-width:980px){.about-grid{grid-template-columns:1fr;gap:54px;padding:64px 24px 72px}.about-identity{width:min(78vw,425px)}.about-copy{padding-top:0}.about-statement{font-size:clamp(42px,8.6vw,72px)}.about-bio{margin-top:48px;font-size:clamp(34px,7.4vw,58px)}}
@media(max-width:520px){.about-grid{gap:44px;padding:48px 20px 64px}.about-identity{width:86vw}.about-signature{left:3%;top:-8%;font-size:clamp(48px,16vw,64px)}.about-statement{font-size:clamp(38px,11.2vw,54px);line-height:1}.about-bio{font-size:clamp(30px,9vw,43px);line-height:1.05}.about-bio strong{text-decoration-thickness:4px;text-underline-offset:6px}.about-bio i{width:14px;height:14px}.about::before,.about::after{display:none}}
@media(max-height:700px){.hero{padding:1vh 0}.trust-row{margin-bottom:10px}.subhead{margin-top:10px;line-height:1.4}.cta{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.anim,.headline span,.header,.mobile-sheet a,.entry-piece,.about-reveal{opacity:1;filter:none;transform:none}.headline{color:#fff}}
@media(prefers-reduced-motion:reduce){.about-signature{color:var(--about-accent);background:none;animation:none!important}.about-signature::after{display:none}}
.about-portrait{--fold-strength:0;perspective:950px}
.about-portrait::before{position:absolute;inset:3% -1.5% -2%;z-index:-1;background:rgba(0,0,0,.72);filter:blur(calc(5px + var(--fold-strength)*13px));content:"";opacity:calc(var(--fold-strength)*.52);transform:translateY(calc(var(--fold-strength)*12px));transition:opacity .12s linear}
.about-portrait img{transform-origin:50% 50%;will-change:clip-path,transform,filter;filter:drop-shadow(0 calc(var(--fold-strength)*9px) calc(var(--fold-strength)*9px) rgba(0,0,0,.42))}
@media(prefers-reduced-motion:reduce){.about-portrait{--fold-strength:0!important}.about-portrait img{clip-path:none!important;transform:none!important;filter:none!important}.about-portrait::before{display:none}}
.logo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.65)}
.hero{transform-origin:50% 48%;will-change:opacity,transform,filter}
@media(prefers-reduced-motion:reduce){.hero{opacity:1!important;transform:none!important;filter:none!important}}
.work{--work-paper:#050505;--work-ink:#f4f4ef;--work-muted:#92928c;--work-line:rgba(255,255,248,.115);--work-accent:#b8ff00;position:relative;z-index:2;min-height:100vh;padding:clamp(72px,9vw,150px) clamp(20px,4.2vw,80px) clamp(96px,12vw,190px);overflow:hidden;background-color:var(--work-paper);background-image:linear-gradient(var(--work-line) 1px,transparent 1px),linear-gradient(90deg,var(--work-line) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,248,.16) .7px,transparent .8px);background-size:clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),8px 8px;color:var(--work-ink)}
.work-heading{display:grid;grid-template-columns:2fr 8fr 2fr;align-items:end;gap:24px;margin-bottom:clamp(72px,10vw,150px)}.work-index{align-self:start;color:#9c9c96;font-size:10px;font-weight:600;letter-spacing:.18em}.work-heading h2{margin:0;font-size:clamp(52px,6.6vw,124px);font-weight:400;letter-spacing:-.06em;line-height:.9}.work-heading p{margin:0;color:var(--work-muted);font-family:var(--font-display);font-size:clamp(13px,1.15vw,18px);letter-spacing:.06em;line-height:1.5;text-align:right}
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(78px,9vw,150px) clamp(20px,2.8vw,52px);align-items:start}.work-card{min-width:0}.work-card figure{margin:0}.work-card--01{grid-column:1/span 7}.work-card--02{grid-column:9/span 4;align-self:end;padding-top:18%}.work-card--03{grid-column:1/span 4}.work-card--04{grid-column:6/span 7;padding-top:8%}.work-card--05{grid-column:2/span 5}.work-card--06{grid-column:8/span 5;padding-top:13%}.work-card--01 .work-media{aspect-ratio:16/9}.work-card--02 .work-media{aspect-ratio:1811/3217}.work-card--03 .work-media{aspect-ratio:1/1}.work-card--04 .work-media{aspect-ratio:16/10}.work-card--05 .work-media{aspect-ratio:3/2}.work-card--06 .work-media{aspect-ratio:5/4}
.work-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:clamp(54px,7.5vw,142px)}.work-column{display:flex;min-width:0;flex-direction:column;gap:clamp(112px,11vw,188px)}.work-column--right{padding-top:clamp(48px,7vw,118px)}.work-column .work-card{grid-column:auto;align-self:auto}.work-column .work-card--02{padding-top:0}.work-column .work-card--03{width:58%;margin-left:7%}.work-column .work-card--04{width:88%;margin-left:auto;padding-top:4%}.work-column .work-card--05{width:74%;margin-left:auto}.work-column .work-card--06{width:78%;margin-left:5%;padding-top:6%}
.work-media{position:relative;overflow:hidden;background:#141414}.work-media::after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);content:"";pointer-events:none}.work-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1),filter .6s ease}.work-card:hover .work-media img{transform:scale(1.035);filter:saturate(1.12)}.work-card figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:13px;border-top:1px solid rgba(255,255,248,.24);font-size:clamp(10px,.83vw,13px);letter-spacing:.08em}.work-card figcaption span:last-child{color:var(--work-muted);text-align:right}.work-reveal{opacity:0;clip-path:inset(0 0 12% 0);transform:translateY(52px);transition:opacity .9s cubic-bezier(.22,1,.36,1),clip-path 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}.work-reveal.is-visible{opacity:1;clip-path:inset(0);transform:none}
@media(max-width:820px){.work{padding:72px 20px 110px}.work-heading{grid-template-columns:1fr;gap:24px;margin-bottom:72px}.work-heading h2{font-size:clamp(48px,14vw,74px)}.work-heading p{text-align:left}.work-grid{grid-template-columns:1fr;gap:72px}.work-card--01,.work-card--02,.work-card--03,.work-card--04,.work-card--05,.work-card--06{grid-column:1;padding-top:0}.work-card--01 .work-media,.work-card--04 .work-media{aspect-ratio:4/3}.work-card--02 .work-media{aspect-ratio:1811/3217}.work-card--03 .work-media{aspect-ratio:1/1}.work-card--05 .work-media{aspect-ratio:3/2}.work-card--06 .work-media{aspect-ratio:5/4}}
@media(max-width:820px){.work-grid{display:flex;flex-direction:column}.work-column{display:contents}.work-column .work-card{width:100%;margin-inline:0;padding-top:0}.work-card--01{order:1}.work-card--02{order:2}.work-card--03{order:3}.work-card--04{order:4}.work-card--05{order:5}.work-card--06{order:6}}
.work-card--03 .work-media{aspect-ratio:823/831}
.work-card--04 .work-media{aspect-ratio:1601/901}
@media(prefers-reduced-motion:reduce){.work-reveal{opacity:1;clip-path:none;transform:none}.work-media img{transition:none}.work-card:hover .work-media img{transform:none}}
.headline .decrypt-char{display:inline;overflow:visible;white-space:pre;opacity:1;transform:none;animation:none;color:#fff;transition:color .08s linear}
.headline .decrypt-char[data-state="scramble"]{color:#9a9a96}
.headline .decrypt-char[data-state="lock"]{animation:decrypt-lock .42s cubic-bezier(.2,0,0,1);color:#fff}
@keyframes decrypt-lock{0%{color:#b8ff00;text-shadow:0 0 24px rgba(184,255,0,.82)}100%{color:#fff;text-shadow:0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.headline .decrypt-char{color:#fff!important;animation:none!important}}
.floating-footer{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;min-height:68px;padding:18px clamp(18px,3vw,42px) max(13px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7) 48%,rgba(0,0,0,.9) 100%);color:#f4f4ef;font-family:var(--font-display);font-size:clamp(10px,.9vw,14px);letter-spacing:.09em;line-height:1;pointer-events:none;transition:opacity .25s ease}.footer-status{display:flex;align-items:center;gap:clamp(8px,1vw,16px);white-space:nowrap}.footer-status a{color:inherit;pointer-events:auto}.footer-name{justify-self:center;font-family:var(--font-sans);font-size:clamp(11px,.85vw,14px);font-weight:500;letter-spacing:.02em}.footer-orbit{justify-self:end;width:clamp(58px,5vw,82px);height:auto}.footer-orbit svg{display:block;width:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;vector-effect:non-scaling-stroke}.footer-orbit-ring{stroke:var(--about-accent);stroke-dasharray:5 4;transform-box:fill-box;transform-origin:center;animation:footerOrbit 8s linear infinite}@keyframes footerOrbit{to{transform:rotate(346deg)}}body.menu-open .floating-footer{opacity:0}
@media(max-width:560px){.floating-footer{grid-template-columns:auto 1fr auto;min-height:58px;padding:15px 12px max(11px,env(safe-area-inset-bottom));font-size:8.5px;letter-spacing:.055em}.footer-status{gap:5px}.footer-name{display:block;justify-self:center;font-size:9px}.footer-orbit{width:48px}}
@media(prefers-reduced-motion:reduce){.footer-orbit-ring{animation:none}}
.work-tile-layer{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(var(--tile-cols),1fr);grid-template-rows:repeat(var(--tile-rows),1fr);overflow:hidden;pointer-events:none}.work-tile{min-width:0;min-height:0;border:1px solid #050505;background-image:var(--tile-image);background-repeat:no-repeat;background-size:calc(var(--tile-cols)*100%) calc(var(--tile-rows)*100%);background-position:var(--tile-x) var(--tile-y);opacity:0;transform:scale(.08);transition:opacity .18s linear var(--tile-delay-out),transform .3s cubic-bezier(.22,1,.36,1) var(--tile-delay-out);will-change:opacity,transform}.work-media:hover .work-tile{opacity:1;transform:scale(1);transition-delay:var(--tile-delay-in)}
@media(hover:none),(pointer:coarse){.work-tile-layer{display:none}}
@media(prefers-reduced-motion:reduce){.work-tile-layer{display:none}}
.work-tile{border:0;box-shadow:inset 0 0 0 1px #050505;transition:opacity .15s linear var(--tile-delay-out),transform .25s cubic-bezier(.22,1,.36,1) var(--tile-delay-out),box-shadow .14s linear var(--tile-delay-out)}
.work-media:hover .work-tile{box-shadow:inset 0 0 0 1px transparent;transition-delay:var(--tile-delay-in),var(--tile-delay-in),calc(var(--tile-delay-in) + 220ms)}
.work-alt-full{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;opacity:0;transform:none!important;filter:none!important;transition:opacity .07s linear;pointer-events:none}.work-media:hover .work-alt-full{opacity:1;transition:opacity .1s linear .49s}
.work-card--01 .work-tile-layer{overflow:visible;transform:scaleX(1.0079);transform-origin:center}
.work-heading.work-reveal.is-visible{clip-path:inset(-8% 0 -10% 0)}
.work-media{cursor:pointer}.work-media:focus-visible{outline:2px solid var(--work-accent);outline-offset:5px}

/* Keep the two BIBO TURTLE cover states on one identical crop plane. */
.work-card--05 .work-media{aspect-ratio:1291/848}
.work-card--05 .work-media>img{object-fit:cover;object-position:50% 50%;transform:none!important}
.work-card--05:hover .work-media>img{transform:none!important}
.work-card--06 .work-media{aspect-ratio:1/1}
.work-card--06 .work-media>img{object-fit:cover;object-position:50% 50%;transform:none!important}
.work-card--06:hover .work-media>img{transform:none!important}
@media(min-width:821px){.horizontal-showcase .showcase-card--04{--card-w:50vw;--image-h:50vh}}

.project-demo-trigger{display:flex;align-items:center;justify-content:space-between;width:min(100%,310px);margin-top:clamp(34px,4vw,58px);padding:0 10px 0 clamp(22px,2vw,30px);height:clamp(62px,5vw,76px);border:1px solid rgba(184,255,0,.58);border-radius:999px;background:rgba(184,255,0,.06);color:#f4f4ef;font-family:var(--font-display);font-size:clamp(11px,.82vw,13px);letter-spacing:.14em;cursor:pointer;transition:background .3s ease,color .3s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.project-demo-trigger>span:last-child{display:grid;width:clamp(42px,3.2vw,50px);height:clamp(42px,3.2vw,50px);place-items:center;border-radius:50%;background:#b8ff00;color:#050505;font-family:var(--font-sans);font-size:20px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.project-demo-trigger:hover,.project-demo-trigger:focus-visible{background:#b8ff00;color:#050505;box-shadow:0 0 34px rgba(184,255,0,.2);transform:translateY(-3px)}.project-demo-trigger:hover>span:last-child,.project-demo-trigger:focus-visible>span:last-child{transform:rotate(45deg)}
.gem-demo-drawer[hidden]{display:none}.gem-demo-drawer{position:fixed;inset:0;z-index:9997;display:grid;grid-template-rows:auto minmax(0,1fr);padding:clamp(18px,2.2vw,34px);overflow:hidden;background:rgba(3,4,4,.94);color:#f4f4ef;opacity:0;transform:translate3d(0,100%,0);transition:opacity .42s ease,transform .58s cubic-bezier(.76,0,.24,1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gem-demo-drawer.is-visible{opacity:1;transform:none}.gem-demo-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-bottom:clamp(14px,1.5vw,22px);border-bottom:1px solid rgba(255,255,248,.22);font-family:var(--font-display);letter-spacing:.12em}.gem-demo-toolbar>div{display:flex;align-items:center;gap:18px}.gem-demo-toolbar span,.gem-demo-toolbar p{margin:0;color:#92928c;font-size:clamp(8px,.68vw,11px)}.gem-demo-toolbar strong{font-size:clamp(11px,.9vw,14px);font-weight:400}.gem-demo-toolbar>p{text-align:center}.gem-demo-close{justify-self:end;padding:11px 14px;border:1px solid rgba(255,255,248,.24);border-radius:999px;background:transparent;color:#f4f4ef;font-family:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer;transition:background .25s,color .25s}.gem-demo-close span{margin-left:10px;color:inherit;font-family:var(--font-sans);font-size:17px;line-height:0}.gem-demo-close:hover,.gem-demo-close:focus-visible{background:#f4f4ef;color:#050505}.gem-demo-stage{display:grid;min-height:0;place-items:center;padding:clamp(16px,2vw,28px) 0}.gem-demo-device{height:min(100%,820px);max-width:100%;aspect-ratio:9/16;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:clamp(24px,2.2vw,34px);background:#10293b;box-shadow:0 30px 100px rgba(0,0,0,.62),0 0 0 8px rgba(255,255,255,.035)}.gem-demo-device iframe{display:block;width:100%;height:100%;border:0;background:#10293b}body.gem-demo-open{overflow:hidden}
@media(max-width:720px){.project-demo-trigger{width:100%;max-width:none}.gem-demo-drawer{padding:14px 12px 0}.gem-demo-toolbar{grid-template-columns:1fr auto}.gem-demo-toolbar>div{display:grid;gap:5px}.gem-demo-toolbar>p{display:none}.gem-demo-stage{padding:12px 0 0}.gem-demo-device{width:100%;height:100%;border-radius:24px 24px 0 0;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.gem-demo-drawer{transition:opacity .2s ease;transform:none}.project-demo-trigger{transition:none}}

/* Gem Valley stays inside the project page and expands between the intro and gallery. */
.project-demo-inline[hidden]{display:none}.project-demo-inline{width:100%;margin:0 0 clamp(88px,10vw,150px);padding:clamp(18px,2vw,30px);scroll-margin-top:18px;border:1px solid rgba(255,255,248,.16);border-radius:clamp(26px,3vw,48px);background:rgba(9,12,12,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 100px rgba(0,0,0,.4);opacity:0;transform:translateY(44px);transition:opacity .45s ease,transform .62s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.project-demo-inline.is-visible{opacity:1;transform:none}.project-demo-inline .gem-demo-stage{height:min(86vh,900px);padding:clamp(18px,2vw,30px) 0 0}.project-demo-inline .gem-demo-device{width:auto;height:min(82vh,840px);max-width:100%;aspect-ratio:3/4;border-radius:clamp(22px,2vw,30px);box-shadow:0 26px 80px rgba(0,0,0,.5),0 0 0 7px rgba(255,255,255,.035)}
@media(max-width:720px){.project-demo-inline{margin-bottom:78px;padding:14px 12px 12px;border-radius:26px}.project-demo-inline .gem-demo-toolbar{grid-template-columns:1fr auto}.project-demo-inline .gem-demo-stage{height:min(78vh,720px);padding-top:12px}.project-demo-inline .gem-demo-device{height:min(74vh,680px);border-radius:20px}.project-demo-inline .gem-demo-close{padding:10px}.project-demo-inline .gem-demo-close{font-size:0}.project-demo-inline .gem-demo-close span{margin:0;font-size:18px}}
@media(prefers-reduced-motion:reduce){.project-demo-inline{transform:none;transition:opacity .2s ease}}
.project-demo-inline .gem-demo-stage .gem-demo-device{aspect-ratio:9/16;background:#050505;transition:aspect-ratio .48s cubic-bezier(.22,1,.36,1),width .48s cubic-bezier(.22,1,.36,1)}.project-demo-inline .gem-demo-stage .gem-demo-device.is-gameplay{aspect-ratio:3/4}.project-demo-inline .gem-demo-device iframe{background:#050505}
@media(min-width:821px){.horizontal-showcase .showcase-card--05{--card-w:52vw;--image-h:52vh}.horizontal-showcase .showcase-card--06{--card-w:21vw;--image-h:66vh}}
@media(max-width:820px){.horizontal-showcase .showcase-card--06{--card-w:min(76vw,360px);--image-h:min(135vw,640px)}}
.avatar>span{overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.avatar-1 img{width:72%;height:72%;object-fit:contain;filter:brightness(0)}.avatar-2 img,.avatar-3 img{filter:grayscale(1) invert(1) contrast(2.8)}
.about-bio.about-bio--zh{max-width:1160px;margin-top:clamp(42px,6vh,76px);font-size:clamp(27px,2.35vw,45px);letter-spacing:-.035em;line-height:1.35}.about-bio--zh strong{color:var(--about-ink);font-weight:500;text-decoration:none}.about-bio--zh i{vertical-align:.1em}
@media(max-width:980px){.about-bio.about-bio--zh{margin-top:40px;font-size:clamp(26px,4.8vw,38px);line-height:1.38}}
@media(max-width:520px){.about-bio.about-bio--zh{margin-top:34px;font-size:clamp(22px,6.5vw,30px);letter-spacing:-.025em;line-height:1.42}}
@media(min-width:821px){.horizontal-showcase .showcase-card--07{--card-w:52vw;--image-h:52vh}.horizontal-showcase .showcase-card--08{--card-w:25.2vw;--image-h:66vh}}
@media(max-width:820px){.horizontal-showcase .showcase-card--07{--card-w:min(88vw,460px);--image-h:min(50vw,260px)}.horizontal-showcase .showcase-card--08{--card-w:min(76vw,360px);--image-h:min(112vw,530px)}}

/* Simple archive captions aligned with the site's black grid system. */
.showcase-lightbox-info{gap:12px;filter:none}.showcase-lightbox-title,.showcase-lightbox-description{overflow:visible;border:1px solid rgba(255,255,248,.2);border-radius:4px;background:rgba(6,6,6,.84);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showcase-lightbox-title{min-height:82px;padding:22px 24px;border-left:3px solid #b8ff00;font-size:clamp(21px,1.65vw,29px);letter-spacing:-.02em;text-shadow:none}.showcase-lightbox-description{min-height:168px;padding:22px 24px;color:rgba(244,244,239,.68);font-size:clamp(13px,.86vw,15px);letter-spacing:.015em;line-height:1.72;text-shadow:none}.showcase-lightbox-title::before,.showcase-lightbox-description::before,.showcase-lightbox-title::after,.showcase-lightbox-description::after{display:none}.showcase-lightbox-title,.showcase-lightbox-description{transform:translateY(14px);transition:opacity .32s ease,transform .46s cubic-bezier(.22,1,.36,1)}.showcase-lightbox.is-visible .showcase-lightbox-title,.showcase-lightbox.is-visible .showcase-lightbox-description{transform:none}
@media(max-width:820px){.showcase-lightbox-info{gap:8px}.showcase-lightbox-title,.showcase-lightbox-description{border-radius:3px}.showcase-lightbox-title{min-height:auto;padding:14px 16px;border-left-width:2px;font-size:19px}.showcase-lightbox-description{min-height:auto;padding:14px 16px;font-size:12px;line-height:1.58}}
.project-detail[hidden]{display:none}.site-shell.is-project>.page,.site-shell.is-project>.about,.site-shell.is-project>.work,.site-shell.is-project>.horizontal-showcase,.site-shell.is-project>.contact-section{display:none}.site-shell.is-project>.bg{opacity:.12}.project-detail{--detail-paper:#050505;--detail-ink:#f4f4ef;--detail-muted:#92928c;--detail-line:rgba(255,255,248,.115);position:relative;z-index:5;min-height:100vh;padding:0 clamp(20px,4.2vw,80px) clamp(116px,12vw,190px);overflow:hidden;background-color:var(--detail-paper);background-image:linear-gradient(var(--detail-line) 1px,transparent 1px),linear-gradient(90deg,var(--detail-line) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,248,.16) .7px,transparent .8px);background-size:clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),8px 8px;color:var(--detail-ink);opacity:0;transition:opacity .42s ease}.project-detail.is-visible{opacity:1}.project-back{position:sticky;top:0;z-index:8;margin-left:calc(clamp(20px,4.2vw,80px)*-1);padding:29px clamp(20px,4.2vw,80px) 20px;border:0;background:linear-gradient(180deg,#050505 66%,transparent);color:var(--detail-ink);font-family:var(--font-display);font-size:12px;letter-spacing:.16em;cursor:pointer}.project-back::before{display:inline-block;margin-right:9px;content:'←';transition:transform .25s cubic-bezier(.22,1,.36,1)}.project-back:hover::before,.project-back:focus-visible::before{transform:translateX(-5px)}.project-detail-inner{max-width:1760px;margin:0 auto}.project-detail-header{display:grid;grid-template-columns:2fr 7fr 3fr;gap:clamp(24px,4vw,72px);align-items:start;min-height:min(72vh,760px);padding:clamp(80px,10vw,160px) 0 clamp(80px,8vw,130px)}.project-detail-index{padding-top:13px;color:#9c9c96;font-size:10px;font-weight:600;letter-spacing:.18em}.project-detail-heading h1{max-width:1050px;margin:0;font-size:clamp(58px,7.2vw,138px);font-weight:400;letter-spacing:-.065em;line-height:.9}.project-detail-lede{max-width:860px;margin:clamp(36px,5vw,72px) 0 0;color:var(--detail-muted);font-size:clamp(19px,1.65vw,30px);letter-spacing:-.025em;line-height:1.4}.project-detail-meta{display:grid;gap:25px;margin:10px 0 0}.project-detail-meta div{display:flex;justify-content:space-between;gap:20px;padding-top:10px;border-top:1px solid rgba(255,255,248,.24)}.project-detail-meta dt,.project-detail-meta dd{margin:0;font-family:var(--font-display);font-size:clamp(9px,.75vw,12px);letter-spacing:.1em}.project-detail-meta dd{color:var(--detail-muted);text-align:right}.project-detail-gallery{display:grid;gap:clamp(64px,8vw,130px)}.project-detail-figure{margin:0;opacity:0;transform:translateY(48px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1)}.project-detail-figure.is-visible{opacity:1;transform:none}.project-detail-figure:nth-child(even){width:78%;margin-left:auto}.project-detail-figure img{display:block;width:100%;max-height:88vh;object-fit:cover;background:#141414}.project-detail-figure figcaption{display:flex;justify-content:space-between;gap:24px;padding-top:13px;border-top:1px solid rgba(255,255,248,.24);color:var(--detail-muted);font-family:var(--font-display);font-size:clamp(9px,.76vw,12px);letter-spacing:.1em}.project-detail-figure figcaption span:first-child{color:var(--detail-ink)}
@media(max-width:820px){.project-detail{padding-inline:20px}.project-back{margin-left:-20px;padding:22px 20px 18px}.project-detail-header{grid-template-columns:1fr;gap:28px;min-height:auto;padding:70px 0 84px}.project-detail-index{padding:0}.project-detail-heading h1{font-size:clamp(54px,15vw,86px);line-height:.92}.project-detail-lede{margin-top:32px;font-size:20px}.project-detail-meta{grid-template-columns:1fr 1fr;margin-top:16px}.project-detail-gallery{gap:72px}.project-detail-figure:nth-child(even){width:100%}}
@media(prefers-reduced-motion:reduce){.project-detail{transition:none}.project-detail-figure{opacity:1;transform:none;transition:none}}
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0}.scroll-progress{position:fixed;z-index:9997;top:50%;right:max(6px,env(safe-area-inset-right));display:grid;width:10px;height:clamp(150px,32vh,285px);place-items:center;opacity:0;transform:translateY(-50%);transition:opacity .55s ease;pointer-events:none}.scroll-progress.is-visible{opacity:1}.scroll-progress.is-disabled{display:none}.scroll-progress-track{position:relative;display:block;width:4px;height:100%;overflow:hidden;border-radius:999px;background:rgba(244,244,239,.22)}.scroll-progress-thumb{position:absolute;top:0;left:0;width:100%;min-height:28px;border-radius:999px;background:#f4f4ef;box-shadow:0 0 10px rgba(244,244,239,.16);transform:translateY(0);will-change:transform}.entry-screen~.scroll-progress{opacity:0}
@media(max-width:560px){.scroll-progress{right:max(4px,env(safe-area-inset-right));width:8px;height:24vh}.scroll-progress-track{width:3px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{transition:none}.scroll-progress-thumb{will-change:auto}}
.horizontal-showcase{--showcase-line:rgba(255,255,248,.115);position:relative;z-index:2;height:100vh;background-color:#050505;background-image:linear-gradient(var(--showcase-line) 1px,transparent 1px),linear-gradient(90deg,var(--showcase-line) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,248,.16) .7px,transparent .8px);background-size:clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),clamp(280px,31.4vw,595px) clamp(220px,45vh,410px),8px 8px;color:#f4f4ef}.showcase-sticky{position:sticky;top:0;height:100vh;overflow:hidden;padding:clamp(34px,4vw,64px) 0 78px}.showcase-heading{display:grid;grid-template-columns:2fr 7fr 3fr;gap:clamp(24px,4vw,72px);align-items:start;padding:0 clamp(20px,4.2vw,80px)}.showcase-heading>span{padding-top:10px;color:#9c9c96;font-size:10px;font-weight:600;letter-spacing:.18em}.showcase-heading h2{margin:0;font-size:clamp(42px,4.7vw,86px);font-weight:400;letter-spacing:-.055em;line-height:.92}.showcase-status{display:flex;justify-content:space-between;gap:20px;padding-top:10px;border-top:1px solid rgba(255,255,248,.24);color:#92928c;font-family:var(--font-display);font-size:clamp(9px,.75vw,12px);letter-spacing:.1em}.showcase-count{color:#f4f4ef}.showcase-viewport{display:flex;height:calc(100vh - clamp(198px,19vw,270px));align-items:flex-end;margin-top:clamp(34px,4vw,62px);overflow:hidden}.showcase-track{display:flex;width:max-content;height:100%;align-items:flex-end;gap:clamp(12px,1.25vw,24px);padding:0 clamp(20px,4.2vw,80px) 18px;transform:translate3d(0,0,0);will-change:transform;touch-action:pan-y}.showcase-card{display:flex;width:var(--card-w);height:100%;flex:0 0 auto;flex-direction:column;justify-content:flex-end;margin:0;user-select:none}.showcase-card--01{--card-w:52vw;--image-h:54vh}.showcase-card--02{--card-w:31vw;--image-h:45vh}.showcase-card--03{--card-w:42vw;--image-h:57vh}.showcase-card--04{--card-w:34vw;--image-h:49vh}.showcase-card--05{--card-w:48vw;--image-h:55vh}.showcase-card--06{--card-w:38vw;--image-h:52vh}.showcase-card img{display:block;width:100%;height:var(--image-h);min-height:260px;object-fit:cover;background:#141414;pointer-events:none}.showcase-card figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid rgba(255,255,248,.24);color:#92928c;font-family:var(--font-display);font-size:clamp(9px,.75vw,12px);letter-spacing:.08em}.showcase-card figcaption span:first-child{color:#f4f4ef}.showcase-meter{position:absolute;right:clamp(20px,4.2vw,80px);bottom:54px;left:clamp(20px,4.2vw,80px);height:1px;background:rgba(255,255,248,.2)}.showcase-meter span{display:block;width:100%;height:100%;background:#b8ff00;transform:scaleX(var(--showcase-progress,0));transform-origin:left center;will-change:transform}.horizontal-showcase.is-dragging .showcase-track{cursor:grabbing}.showcase-track{cursor:grab}
@media(max-width:820px){.horizontal-showcase{height:auto!important;padding:72px 0 104px}.showcase-sticky{position:relative;height:auto;overflow:visible;padding:0}.showcase-heading{grid-template-columns:1fr;gap:22px;padding:0 20px}.showcase-heading h2{font-size:clamp(48px,13vw,70px)}.showcase-status{width:100%}.showcase-viewport{height:auto;margin-top:58px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.showcase-viewport::-webkit-scrollbar{display:none}.showcase-track{height:auto;align-items:flex-end;gap:12px;padding:0 20px 18px;transform:none!important;will-change:auto;touch-action:pan-x}.showcase-card,.showcase-card--01,.showcase-card--02,.showcase-card--03,.showcase-card--04,.showcase-card--05,.showcase-card--06{--card-w:min(82vw,430px);--image-h:58vh;width:var(--card-w);height:auto;scroll-snap-align:start}.showcase-card:nth-child(even){--card-w:min(68vw,360px);--image-h:48vh}.showcase-card img{min-height:300px}.showcase-meter{right:20px;bottom:72px;left:20px}}
@media(prefers-reduced-motion:reduce){.horizontal-showcase{height:auto!important;padding:72px 0 104px}.showcase-sticky{position:relative;height:auto;overflow:visible;padding:0}.showcase-viewport{height:auto;overflow-x:auto}.showcase-track{height:auto;transform:none!important;will-change:auto;touch-action:pan-x}.showcase-card{height:auto}.showcase-card img{height:min(58vh,560px)}.showcase-meter span{will-change:auto}}
.showcase-image{position:relative;width:100%;height:var(--image-h);min-height:260px;overflow:hidden;background:#141414;transform:perspective(900px) translate3d(var(--lens-shift,0),0,0) rotateY(var(--lens-rotate,0deg)) scaleX(var(--lens-scale,1));transform-origin:var(--lens-origin,center);transition:border-radius .16s linear;will-change:transform,border-radius}.showcase-image>img{position:relative;z-index:1;width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(calc(1 + var(--lens-strength,0)*.22));transform:scale(calc(1 + var(--lens-strength,0)*.035));transition:none}.showcase-image::before,.showcase-image::after{position:absolute;inset:-2px;z-index:2;background-image:var(--lens-image);background-position:center;background-size:cover;content:"";opacity:calc(var(--lens-strength,0)*.32);pointer-events:none;mix-blend-mode:screen}.showcase-image::before{clip-path:var(--lens-clip,inset(0 100% 0 0));filter:hue-rotate(-58deg) saturate(4);transform:translateX(var(--lens-rgb-a,0)) scale(1.012)}.showcase-image::after{clip-path:var(--lens-clip,inset(0 100% 0 0));filter:hue-rotate(128deg) saturate(4);transform:translateX(var(--lens-rgb-b,0)) scale(1.012)}.showcase-card.is-lens-left .showcase-image{border-radius:var(--lens-radius,0) 0 0 var(--lens-radius,0)}.showcase-card.is-lens-right .showcase-image{border-radius:0 var(--lens-radius,0) var(--lens-radius,0) 0}.showcase-card.is-lens-left .showcase-image::before,.showcase-card.is-lens-left .showcase-image::after{transform-origin:right center}.showcase-card.is-lens-right .showcase-image::before,.showcase-card.is-lens-right .showcase-image::after{transform-origin:left center}
.showcase-image{cursor:zoom-in}.showcase-image:focus-visible{outline:2px solid #b8ff00;outline-offset:5px}.showcase-lightbox[hidden]{display:none}.showcase-lightbox{position:fixed;inset:0;z-index:9998;display:grid;width:100%;height:100%;place-items:center;padding:clamp(20px,4vw,72px);border:0;background:rgba(0,0,0,.88);opacity:0;transition:opacity .32s cubic-bezier(.22,1,.36,1);cursor:zoom-out;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.showcase-lightbox.is-visible{opacity:1}.showcase-lightbox img{display:block;max-width:min(92vw,1600px);max-height:86vh;width:auto;height:auto;object-fit:contain;box-shadow:0 28px 90px rgba(0,0,0,.55);opacity:.92;transform:scale(.94);transition:opacity .32s ease,transform .42s cubic-bezier(.22,1,.36,1)}.showcase-lightbox.is-visible img{opacity:1;transform:scale(1)}body.showcase-lightbox-open{overflow:hidden}
.project-pixel-transition[hidden]{display:none}.project-pixel-transition{position:fixed;inset:0;z-index:10000;display:grid;grid-template-columns:repeat(var(--pixel-columns),1fr);grid-template-rows:repeat(var(--pixel-rows),1fr);overflow:hidden;visibility:hidden;pointer-events:none}.project-pixel-transition.is-active{visibility:visible;pointer-events:auto}.project-transition-pixel{min-width:0;min-height:0;background:#000;opacity:0;transform:scale(.08);transition:opacity 90ms linear,transform 125ms cubic-bezier(.2,0,0,1);will-change:opacity,transform}.project-pixel-transition.is-covering .project-transition-pixel{opacity:1;transform:scale(1.1);transition-delay:var(--pixel-in)}.project-pixel-transition.is-revealing .project-transition-pixel{opacity:0;transform:scale(.08);transition-duration:90ms,120ms;transition-delay:var(--pixel-out)}body.project-transitioning{overflow:hidden}
@media(prefers-reduced-motion:reduce){.project-pixel-transition{display:none}}
@media(max-width:820px),(prefers-reduced-motion:reduce){.showcase-image{border-radius:0!important;transform:none!important;will-change:auto}.showcase-image::before,.showcase-image::after{display:none}.showcase-image>img{filter:none;transform:none}}
.project-detail-gallery.is-long{width:min(55vw,1040px);margin:0 auto}.project-detail-gallery.is-long .project-detail-figure,.project-detail-gallery.is-long .project-detail-figure:nth-child(even){width:100%;margin-inline:0;overflow:hidden}.project-detail-gallery.is-long .project-detail-figure img{width:100.0625%;max-width:none;height:auto;margin-left:-.0625%;max-height:none;object-fit:contain}
.project-detail-gallery.is-seamless{gap:0}.project-detail-gallery.is-seamless .project-detail-figure{margin-top:-1px}.project-detail-gallery.is-seamless .project-detail-figure:first-child{margin-top:0}.project-detail-gallery.is-seamless .project-detail-figure img{display:block}
.project-detail-gallery.is-seamless .project-detail-figure:first-child img{margin-top:-1px}
@media(max-width:820px){.project-detail-gallery.is-long{width:100%}}
.project-detail.is-long-project .project-detail-heading h1{font-size:clamp(46px,5.15vw,94px);letter-spacing:-.02em;white-space:nowrap}
@media(max-width:820px){.project-detail.is-long-project .project-detail-heading h1{font-size:clamp(32px,10.2vw,46px);letter-spacing:-.015em}}
.project-detail .project-back{position:fixed;z-index:30;top:0;left:0;margin-left:0;padding:28px clamp(20px,4.2vw,80px) 22px;background:linear-gradient(135deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.82) 58%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(max-width:820px){.project-detail .project-back{padding:22px 20px 18px}}

/* Contact reveal and interactive type field */
.contact-sentinel{position:relative;z-index:4;height:1px;margin-top:-1px;pointer-events:none}
.contact-section{--contact-paper:#f3f2ed;--contact-ink:#15161b;position:relative;z-index:4;min-height:112vh;margin-top:-1px;overflow:hidden;border-radius:clamp(26px,4.5vw,76px) clamp(26px,4.5vw,76px) 0 0;background:var(--contact-paper);color:var(--contact-ink);clip-path:inset(100% 0 0 round clamp(26px,4.5vw,76px) clamp(26px,4.5vw,76px) 0 0);transform:translateY(14vh);transition:clip-path 1.05s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1)}.contact-section.is-visible{clip-path:inset(0 round clamp(26px,4.5vw,76px) clamp(26px,4.5vw,76px) 0 0);transform:none}.contact-reveal{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.52) 49%,transparent 73%);opacity:0;transform:translateX(-80%)}.contact-section.is-visible .contact-reveal{animation:contactSheen 1.2s .15s cubic-bezier(.22,1,.36,1) both}@keyframes contactSheen{45%{opacity:.55}to{opacity:0;transform:translateX(80%)}}.contact-inner{width:min(100%,1920px);margin:0 auto;padding:clamp(38px,4vw,72px) clamp(20px,4.2vw,80px) clamp(112px,11vw,180px)}.contact-kicker,.contact-foot{display:grid;grid-template-columns:1fr auto;gap:24px;border-top:1px solid rgba(21,22,27,.28);padding-top:12px;font-family:var(--font-display);font-size:clamp(9px,.72vw,12px);letter-spacing:.12em}.contact-heading-wrap{position:relative;isolation:isolate;width:100%;margin:clamp(70px,8vw,140px) auto clamp(48px,6vw,92px);overflow:hidden;touch-action:pan-y}.contact-heading{display:grid;margin:0;text-align:center;font-size:clamp(76px,10.8vw,205px);font-weight:400;letter-spacing:-.075em;line-height:.78}.contact-heading>span{display:block;overflow:hidden;padding-bottom:.13em;transform:translateY(110%);transition:transform .8s cubic-bezier(.22,1,.36,1)}.contact-section.is-visible .contact-heading>span:first-child{transform:none;transition-delay:.22s}.contact-section.is-visible .contact-heading>span:last-child{transform:none;transition-delay:.34s}.contact-particles{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:auto}.contact-intro{width:min(760px,72vw);margin:0 auto clamp(64px,8vw,132px);color:rgba(21,22,27,.64);text-align:center;font-size:clamp(17px,1.35vw,24px);letter-spacing:-.025em;line-height:1.45;opacity:0;transform:translateY(28px);transition:opacity .7s .55s ease,transform .8s .55s cubic-bezier(.22,1,.36,1)}.contact-section.is-visible .contact-intro{opacity:1;transform:none}.contact-links{display:grid;gap:clamp(14px,1.4vw,24px);width:min(1080px,90vw);margin:0 auto}.contact-link{display:flex;align-items:center;justify-content:center;min-height:clamp(106px,11vw,188px);overflow:hidden;border:1px solid rgba(21,22,27,.32);border-radius:999px;color:var(--contact-ink);font-size:clamp(36px,5vw,88px);letter-spacing:-.045em;text-decoration:none;opacity:0;transform:translateY(70px);transition:opacity .75s ease,transform .9s cubic-bezier(.22,1,.36,1),background-color .35s ease,color .35s ease}.contact-section.is-visible .contact-link{opacity:1;transform:none}.contact-section.is-visible .contact-link:nth-child(1){transition-delay:.48s,.48s,0s,0s}.contact-section.is-visible .contact-link:nth-child(2){transition-delay:.58s,.58s,0s,0s}.contact-section.is-visible .contact-link:nth-child(3){transition-delay:.68s,.68s,0s,0s}.contact-link-roll{position:relative;display:block;height:1em;line-height:1;overflow:hidden}.contact-link-roll>span{display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}.contact-arrow{position:absolute;right:clamp(32px,5vw,80px);font-size:.45em;transition:transform .55s cubic-bezier(.22,1,.36,1)}.contact-link:hover,.contact-link:focus-visible{background:#15161b;color:#f3f2ed}.contact-link:hover .contact-link-roll>span,.contact-link:focus-visible .contact-link-roll>span{transform:translateY(-100%)}.contact-link:hover .contact-arrow,.contact-link:focus-visible .contact-arrow{transform:translate(6px,-6px)}.contact-foot{grid-template-columns:1fr auto 1fr;margin-top:clamp(84px,10vw,160px)}.contact-foot span:nth-child(2){text-align:center}.contact-foot span:last-child{text-align:right}.contact-view .floating-footer{background:linear-gradient(180deg,transparent 0,rgba(243,242,237,.76) 45%,rgba(243,242,237,.96) 100%);color:#15161b}.contact-view .footer-orbit-ring{stroke:#ff22cc}
@media(max-width:720px){.contact-section{min-height:auto}.contact-inner{padding-top:30px}.contact-kicker{grid-template-columns:1fr}.contact-kicker span:last-child{display:none}.contact-heading-wrap{margin:72px auto 44px}.contact-heading{font-size:clamp(61px,21vw,94px);line-height:.83}.contact-intro{width:92%;margin-bottom:58px}.contact-links{width:100%}.contact-link{min-height:104px;font-size:clamp(35px,12vw,58px)}.contact-arrow{right:28px}.contact-foot{grid-template-columns:1fr 1fr;row-gap:10px;margin-top:76px}.contact-foot span:nth-child(2){display:none}.contact-foot span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){.contact-section{clip-path:none;transform:none}.contact-section .contact-heading>span,.contact-section .contact-intro,.contact-section .contact-link{opacity:1;transform:none}.contact-reveal,.contact-particles{display:none}}
.contact-link{position:relative}
.contact-heading{line-height:.84}
.contact-heading>span{padding-bottom:.24em}
.contact-heading.is-particle-active{opacity:0}
@media(max-width:720px){.contact-heading{line-height:.88}.contact-heading>span{padding-bottom:.2em}}

/* Broad arched contact panel instead of a flat rounded rectangle */
.contact-section{--contact-arch:clamp(82px,7.6vw,146px);border-radius:50% 50% 0 0 / var(--contact-arch) var(--contact-arch) 0 0;clip-path:inset(100% 0 0 round 50% 50% 0 0 / var(--contact-arch) var(--contact-arch) 0 0)}
.contact-section.is-visible{clip-path:inset(0 round 50% 50% 0 0 / var(--contact-arch) var(--contact-arch) 0 0)}
.contact-inner{padding-top:calc(var(--contact-arch) + clamp(24px,2.5vw,46px))}
@media(max-width:720px){.contact-section{--contact-arch:clamp(58px,16vw,78px)}.contact-inner{padding-top:calc(var(--contact-arch) + 24px)}}
.contact-section.is-scroll-driven,.contact-section.is-scroll-driven.is-visible{clip-path:inset(0 round 50% 50% 0 0 / var(--contact-arch) var(--contact-arch) 0 0);transform:translate3d(0,var(--contact-pull-y,22vh),0);transition:none;will-change:transform}
@media(prefers-reduced-motion:reduce){.contact-section.is-scroll-driven,.contact-section.is-scroll-driven.is-visible{transform:none;will-change:auto}}
.contact-peeking .floating-footer{background:transparent;color:#fff;mix-blend-mode:difference}.contact-peeking .footer-orbit-ring{stroke:currentColor}
.contact-link-roll>span{display:flex;height:100%;align-items:center;justify-content:center;white-space:nowrap}.contact-link-value{font-size:.48em;letter-spacing:.015em}
@media(max-width:720px){.contact-link-value{font-size:.42em}}
.contact-link.is-copied{border-color:#b8ff00;background:#b8ff00;color:#15161b}.contact-link.is-copied .contact-arrow{font-size:0;transform:none}.contact-link.is-copied .contact-arrow::after{content:'COPIED';font-family:var(--font-display);font-size:11px;letter-spacing:.12em}.copy-toast{position:fixed;z-index:40;bottom:78px;left:50%;padding:12px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#15161b;color:#f4f4ef;font-family:var(--font-display);font-size:11px;letter-spacing:.12em;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1)}.copy-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.showcase-lightbox{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:clamp(28px,3.2vw,64px);align-items:center;justify-items:stretch;text-align:left}.showcase-lightbox-info{display:grid;gap:clamp(16px,2vw,28px);color:#f4f4ef;opacity:0;transform:translateX(-26px);transition:opacity .32s .08s ease,transform .48s .08s cubic-bezier(.22,1,.36,1)}.showcase-lightbox-title,.showcase-lightbox-description{display:flex;box-sizing:border-box;width:100%;border:1px solid rgba(255,255,248,.22);background:rgba(10,10,10,.34)}.showcase-lightbox-title{min-height:clamp(72px,8vw,112px);align-items:center;padding:clamp(18px,2vw,28px);font-size:clamp(22px,1.9vw,34px);font-weight:400;letter-spacing:-.025em;line-height:1.08}.showcase-lightbox-description{min-height:clamp(190px,21vw,300px);align-items:flex-start;padding:clamp(20px,2.2vw,32px);color:rgba(244,244,239,.7);font-size:clamp(13px,.95vw,17px);font-weight:400;letter-spacing:.02em;line-height:1.75}.showcase-lightbox.is-visible .showcase-lightbox-info{opacity:1;transform:none}.showcase-lightbox img{justify-self:center;max-width:min(calc(100vw - clamp(332px,26vw,430px)),1600px);max-height:84vh}.showcase-lightbox.is-visible img{transition-delay:.04s}@media(max-width:820px){.showcase-lightbox{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:20px}.showcase-lightbox img{grid-row:1;max-width:100%;max-height:66vh}.showcase-lightbox-info{grid-row:2;grid-template-columns:1fr;gap:8px;transform:translateY(18px)}.showcase-lightbox-title{min-height:auto;padding:14px 16px;font-size:19px}.showcase-lightbox-description{min-height:auto;padding:14px 16px;font-size:12px;line-height:1.55}}
.showcase-lightbox-info{gap:18px;filter:drop-shadow(0 26px 42px rgba(0,0,0,.34))}.showcase-lightbox-title,.showcase-lightbox-description{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055) 36%,rgba(100,82,255,.085) 70%,rgba(255,132,58,.055)) padding-box,linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.13) 38%,rgba(160,143,255,.34) 68%,rgba(255,180,126,.18)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.06),inset 0 0 32px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.35),0 2px 10px rgba(86,73,255,.08);-webkit-backdrop-filter:blur(26px) saturate(175%);backdrop-filter:blur(26px) saturate(175%)}.showcase-lightbox-title{border-radius:28px;text-shadow:0 1px 12px rgba(255,255,255,.08);transform:translateY(12px) scale(.985);transition:transform .58s .11s cubic-bezier(.22,1,.36,1)}.showcase-lightbox-description{border-radius:34px;color:rgba(244,244,249,.8);text-shadow:0 1px 8px rgba(0,0,0,.32);transform:translateY(18px) scale(.985);transition:transform .62s .16s cubic-bezier(.22,1,.36,1)}.showcase-lightbox-title::before,.showcase-lightbox-description::before{position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 7% -8%,rgba(255,255,255,.2),transparent 42%),radial-gradient(80% 75% at 103% 92%,rgba(89,67,255,.14),transparent 58%),radial-gradient(65% 55% at -5% 105%,rgba(255,119,45,.1),transparent 60%);content:'';pointer-events:none}.showcase-lightbox-title::after,.showcase-lightbox-description::after{position:absolute;top:1px;left:12%;width:55%;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);box-shadow:0 0 12px rgba(255,255,255,.3);content:'';opacity:.72;pointer-events:none}.showcase-lightbox.is-visible .showcase-lightbox-title,.showcase-lightbox.is-visible .showcase-lightbox-description{transform:none}@media(max-width:820px){.showcase-lightbox-info{gap:9px}.showcase-lightbox-title{border-radius:20px}.showcase-lightbox-description{border-radius:24px}}@media(prefers-reduced-motion:reduce){.showcase-lightbox-title,.showcase-lightbox-description{transform:none;transition:none}}

/* Persistent primary navigation */
.header{position:fixed;top:clamp(16px,2.4vh,28px);right:0;left:0;z-index:200;width:calc(100% - clamp(28px,6vw,64px));margin-inline:auto}
.mobile-overlay{z-index:190}
@media(max-width:720px){.header{top:14px;width:calc(100% - 28px)}}
@media(min-width:821px){.showcase-sticky{padding-top:100px}}

/* Keep the homepage film inside the opening viewport. Later sections sit on solid black. */
.site-shell{background:#050505}
.bg{position:absolute;z-index:0;top:0;right:0;bottom:auto;left:0;height:100vh;height:100dvh;isolation:isolate}

/* Keep this small decorative orbit moving even when desktop reduced-motion is enabled. */
@keyframes footerOrbitStable{from{transform:rotate(-14deg)}to{transform:rotate(346deg)}}
.footer-orbit-ring{animation-name:footerOrbitStable}
@media(prefers-reduced-motion:reduce){.footer-orbit-ring{animation:footerOrbitStable 8s linear infinite!important}}

/* Compact persistent header and liquid-chrome BGM control */
.header{max-width:680px;gap:clamp(12px,1.8vw,18px)}
.logo{width:clamp(37px,4vw,42px);height:clamp(37px,4vw,42px)}
.nav-pill{max-width:410px;height:clamp(40px,4.7vw,44px);padding:3px 7px}
.nav-pill a{font-size:clamp(12.5px,1.25vw,14px)}
.nav-pill a.active::after{bottom:4px}
.bgm-toggle{position:relative;display:grid;width:44px;height:44px;flex:0 0 44px;padding:0;place-items:center;overflow:hidden;border:1.5px solid rgba(255,255,255,.23);border-radius:50%;background:#0a0a0a;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.16);cursor:pointer;transition:transform .12s ease,border-color .3s ease,opacity .3s ease}
.bgm-toggle:hover{border-color:rgba(255,255,255,.52);transform:translateY(-1px)}
.bgm-toggle:active{transform:scale(.95)}
.bgm-toggle:focus-visible{outline:2px solid #b8ff00;outline-offset:3px}
.bgm-chrome{position:absolute;inset:0;width:100%;height:100%;opacity:.9;transition:opacity .45s ease}
.bgm-equalizer{position:relative;z-index:1;display:flex;height:17px;align-items:center;gap:2px;mix-blend-mode:difference}
.bgm-equalizer i{display:block;width:2px;height:100%;border-radius:2px;background:#fff;transform-origin:center;animation:bgmBar .78s ease-in-out infinite alternate}
.bgm-equalizer i:nth-child(2){animation-duration:.56s;animation-delay:-.22s}.bgm-equalizer i:nth-child(3){animation-duration:.92s;animation-delay:-.48s}.bgm-equalizer i:nth-child(4){animation-duration:.64s;animation-delay:-.34s}
.bgm-toggle:not(.is-playing) .bgm-chrome{opacity:.38}
.bgm-toggle:not(.is-playing) .bgm-equalizer i{animation-play-state:paused;transform:scaleY(.22)}
@keyframes bgmBar{0%{transform:scaleY(.22)}45%{transform:scaleY(.92)}100%{transform:scaleY(.42)}}
@media(max-width:720px){.header{max-width:none;justify-content:flex-start}.logo{width:42px;height:42px}.bgm-toggle{width:42px;height:42px;flex-basis:42px;margin-left:auto}.menu-toggle{width:42px;height:42px}.nav-pill{display:none}}
@media(prefers-reduced-motion:reduce){.bgm-toggle.is-playing .bgm-equalizer i{animation:bgmBar .78s ease-in-out infinite alternate!important}.bgm-toggle.is-playing .bgm-equalizer i:nth-child(2){animation-duration:.56s!important}.bgm-toggle.is-playing .bgm-equalizer i:nth-child(3){animation-duration:.92s!important}.bgm-toggle.is-playing .bgm-equalizer i:nth-child(4){animation-duration:.64s!important}}