@font-face{font-family:Antonio;src:url('/assets/antonio-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter.woff') format('woff');font-weight:100 900;font-display:swap}
@font-face{font-family:Neon;src:url('/assets/neon.woff2') format('woff2');font-display:swap}
@font-face{font-family:Frunch;src:url('/assets/frunch.woff2') format('woff2');font-display:swap}
:root{--ink:#08080a;--surface:#111114;--paper:#f5f5f7;--muted:#b7b7c2;--purple:#b889ff;--mint:#a4eb63;--pink:#f68fd0;--coral:#ff6b79;--active-accent:var(--purple);--ease:cubic-bezier(.22,1,.36,1);--header-height:88px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}
body{margin:0;background:var(--ink);color:var(--paper);font:1rem/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:Antonio,Impact,sans-serif;font-weight:700;line-height:1.04;text-transform:uppercase}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,.character-track:focus-visible{outline:2px solid var(--mint);outline-offset:6px}
section:focus,main:focus{outline:none}
::selection{background:var(--purple);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--mint);color:var(--ink);padding:14px 20px;border-radius:8px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.eyebrow{font-size:.8125rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 4%;background:linear-gradient(#08080aed,#08080a00);color:var(--paper);pointer-events:none}
.site-header>a,.site-header>button{pointer-events:auto}
.brand{display:flex;align-items:center;width:180px;min-height:48px}
.brand img,.footer-wordmark{width:100%;filter:brightness(0) invert(1)}
.header-link{display:flex;align-items:center;min-height:48px;font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}
.header-link:hover{color:var(--mint)}
.menu-toggle{position:absolute;left:50%;transform:translateX(-50%);background:none;border:0;width:52px;height:48px;display:grid;align-content:center;justify-content:center;gap:7px}
.menu-toggle span{width:28px;height:2px;background:currentColor;transition:transform .3s var(--ease)}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.site-menu{position:fixed;inset:0;z-index:55;background:var(--ink);padding:calc(var(--header-height) + 30px) 12% 40px;overflow:auto;overscroll-behavior:contain;animation:menu-in .4s var(--ease)}
.site-menu>a{font:700 clamp(2.25rem,5vw,4.75rem)/1.15 Antonio,sans-serif;text-transform:uppercase;display:flex;align-items:center;gap:26px;width:fit-content;max-width:100%;padding:12px 0;transition:color .25s,transform .3s var(--ease)}
.site-menu>a>span{font: .8125rem Inter,sans-serif;align-self:flex-start;margin-top:12px;color:var(--link-accent)}
.site-menu>a:nth-of-type(1){--link-accent:var(--purple)}
.site-menu>a:nth-of-type(2){--link-accent:var(--mint)}
.site-menu>a:nth-of-type(3){--link-accent:var(--pink)}
.site-menu>a:nth-of-type(4){--link-accent:var(--coral)}
.site-menu>a:hover,.site-menu>a:focus-visible{color:var(--link-accent);transform:translateX(8px)}
.menu-caption{font: .8125rem/1.7 Neon,sans-serif;letter-spacing:.08em;margin-bottom:24px;color:var(--muted)}
.menu-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:24px 48px;margin-top:35px}
.menu-signature{font:clamp(1.875rem,3vw,2.75rem)/1.4 Frunch,cursive;color:var(--pink)}
.menu-spark{position:absolute;right:12%;top:38%;width:65px;pointer-events:none}
.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 30px;border:0;border-radius:40px;background:var(--mint);color:var(--ink);font-size:.875rem;line-height:1.5;font-weight:650;text-transform:uppercase;letter-spacing:.02em;transition:transform .3s var(--ease)}
.button:before{content:'';position:absolute;z-index:-1;inset:-120% -20%;background:var(--purple);border-radius:43%;transform:translateY(85%) rotate(-15deg);transition:transform .55s var(--ease)}
.button:hover:before,.button:focus-visible:before{transform:translateY(0) rotate(12deg)}
.hero-wrap{height:100svh;min-height:720px;background:var(--ink);overflow:clip}
.hero-scene{position:relative;height:100%;background:radial-gradient(ellipse at 4% 50%,#a4eb6315,transparent 37%),radial-gradient(ellipse at 97% 50%,#b889ff1c,transparent 38%),var(--ink);isolation:isolate;transform-origin:50% 100%;overflow:hidden}
.hero-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-copy{position:relative;z-index:5;text-align:center;width:max-content;max-width:82%;margin:auto;padding-top:clamp(170px,24svh,260px)}
.hero-copy .eyebrow{margin-bottom:25px;color:var(--mint)}
.hero-wrap h1{font-size:clamp(4.75rem,8.2vw,9rem);letter-spacing:-.035em;line-height:1.08}
.hero-line{display:block}
.hero-band{display:block;position:relative;background:var(--purple);color:var(--ink);transform:rotate(-3deg);margin:14px 0 30px;padding:3px 35px 17px;z-index:2}
.hero-band span{display:block}
.hero-description{font-size:1.0625rem;color:var(--muted);margin:0 auto 28px}
.hero-enter{animation:enter .85s var(--ease) both}
.hero-copy>.hero-enter:first-child{animation-delay:.08s}.hero-line{animation-delay:.15s}.hero-band{animation-name:band-in;animation-delay:.23s}.hero-description{animation-delay:.3s}.hero-copy>.button{animation-delay:.38s}
.hero-character{position:absolute;z-index:3;pointer-events:none;--rotation:0deg}
.hero-character img{width:100%;height:100%;object-fit:contain;animation:float 10s ease-in-out infinite;transform:rotate(var(--rotation));filter:drop-shadow(0 0 26px var(--aura,#b889ff28))}
.character-left{width:clamp(380px,36vw,640px);left:-10%;top:17%;--rotation:-18deg;--aura:#a4eb633b}
.character-right{width:clamp(400px,37vw,660px);right:-10%;top:16%;--rotation:16deg;--aura:#b889ff42}
.character-right img{animation-delay:-3s;animation-duration:11s}
.character-top{width:20vw;max-width:330px;min-width:230px;top:-17%;left:43%;--rotation:135deg;--aura:#f68fd03b;opacity:.7;filter:blur(2px);z-index:1}
.character-top img{animation-delay:-6s;animation-duration:13s}
.character-bottom{width:25vw;min-width:270px;bottom:-29%;left:45%;--rotation:-42deg;--aura:#ff6b793b;filter:blur(2px);z-index:4}
.character-bottom img{animation-delay:-4s;animation-duration:12s}
.hero-orbit{position:absolute;left:50%;top:48%;width:85%;height:60%;border:1px solid #b889ff20;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);z-index:0}
.orbit-two{width:62%;height:94%;transform:translate(-50%,-50%) rotate(40deg)}
.hero-spark{position:absolute;opacity:.85;animation:spark-spin 24s linear infinite}
.spark-one{left:21%;top:13%}.spark-two{right:24%;bottom:17%;animation-direction:reverse}
.hero-bottom{position:absolute;bottom:22px;left:4%;right:4%;z-index:7;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.04em;color:var(--muted)}
.hero-bottom a{display:flex;align-items:center;gap:14px;min-height:44px;font-size:.8125rem;text-transform:uppercase}
.scroll-line{display:block;width:1px;height:23px;background:var(--mint);transform-origin:top;animation:scroll-line 2.5s ease-in-out infinite}
.statement{position:relative;padding:110px 24px 100px;isolation:isolate;text-align:center}
.statement-content{position:relative;max-width:1150px;margin:auto}
.statement .eyebrow{color:var(--pink);margin-bottom:30px}
.statement h2{font-size:clamp(3.5rem,7vw,7rem);line-height:1.14;letter-spacing:-.025em}
.reveal-line{display:block;color:var(--paper)}
.motion-ready .reveal-line{background-image:linear-gradient(90deg,var(--paper) var(--fill,0%),#9696a2 var(--fill,0%));background-clip:text;-webkit-background-clip:text;color:transparent}
.statement-band{display:block;width:fit-content;max-width:100%;margin:14px auto 0;padding:1px 24px 13px;background:var(--mint);color:var(--ink);transform:rotate(-3deg)}
.statement-copy{margin-top:30px;color:var(--muted);font-size:1rem}
.statement-spark{position:absolute;right:4%;bottom:8%;transform:rotate(16deg)}
.characters{position:relative;--card-width:min(42vw,560px);background:var(--ink)}
.character-sticky{position:relative;isolation:isolate;overflow:hidden;padding:70px 0 45px}
.gallery-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.gallery-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--glow) 17%,transparent),transparent 67%);opacity:0}
.gallery-glow:nth-child(1){--glow:var(--purple);opacity:1}.gallery-glow:nth-child(2){--glow:var(--mint)}.gallery-glow:nth-child(3){--glow:var(--pink)}.gallery-glow:nth-child(4){--glow:var(--coral)}
.gallery-heading{position:relative;z-index:5;margin:0 6% 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.gallery-heading .eyebrow{margin-bottom:12px;color:var(--active-accent)}
.gallery-heading h2{font-size:clamp(2.5rem,4.2vw,4.5rem);line-height:1.13;letter-spacing:-.02em}
.gallery-heading h2>span{color:var(--active-accent)}
.gallery-instruction{font-size:.8125rem;color:var(--muted);white-space:nowrap;margin-bottom:5px}
.character-track{position:relative;display:flex;gap:6vw;align-items:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--active-accent) #ffffff15;width:100%;padding:42px calc((100% - var(--card-width))/2) 44px}
.character-card{position:relative;flex:0 0 var(--card-width);width:var(--card-width);height:clamp(390px,53svh,540px);scroll-snap-align:center;scroll-snap-stop:normal}
.character-card-inner{height:100%;position:relative;border-radius:26px;border:1px solid color-mix(in srgb,var(--card) 55%,transparent);background:radial-gradient(ellipse at 50% 32%,color-mix(in srgb,var(--card) 23%,transparent),transparent 75%),var(--surface);box-shadow:0 20px 40px #0005;transform:rotate(var(--tilt));isolation:isolate;transition:transform .45s var(--ease),border-color .4s}
.purple{--card:var(--purple);--tilt:-5deg}.green{--card:var(--mint);--tilt:5deg}.pink{--card:var(--pink);--tilt:-4deg}.coral{--card:var(--coral);--tilt:4deg}
.character-card-inner:after{content:'';position:absolute;inset:56% 0 0;border-radius:0 0 25px 25px;background:linear-gradient(transparent,#08080af5);z-index:3;pointer-events:none}
.character-index{position:absolute;left:25px;top:24px;font-size:.75rem;letter-spacing:.06em;z-index:4;color:var(--card)}
.character-art{position:absolute;width:112%;height:114%;max-width:none;object-fit:contain;left:-6%;bottom:0;z-index:2;transform:rotate(calc(var(--tilt) * -1));transition:translate .45s var(--ease)}
.character-card h3{overflow-wrap:anywhere;position:absolute;left:25px;right:20px;bottom:28px;z-index:4;color:var(--card);font:clamp(2rem,3vw,3.25rem)/1.28 Frunch,cursive;text-shadow:0 2px 14px #000}
.card-spark{position:absolute;right:25px;top:48px;opacity:.65;transform:rotate(20deg);width:42px}
.card-orbit{position:absolute;inset:20% 4%;border:1px solid color-mix(in srgb,var(--card) 30%,transparent);border-radius:50%;transform:rotate(-30deg)}
.character-controls{position:relative;z-index:5;display:flex;justify-content:center;gap:28px;align-items:center;margin:20px auto 0;padding:0 24px}
.character-controls button{min-width:98px;min-height:48px;border:1px solid #ffffff40;background:#08080a80;border-radius:30px;padding:10px 18px;font-size:.875rem;transition:background .2s,color .2s,border-color .2s}
.character-controls button[aria-disabled=true]{opacity:.4;cursor:default}
.character-controls button:not([aria-disabled=true]):hover,.character-controls button:focus-visible{background:var(--active-accent);color:var(--ink);border-color:var(--active-accent)}
.gallery-position{display:grid;justify-items:center;gap:9px;min-width:190px}
.gallery-active-name{font-size:.875rem;color:var(--active-accent);line-height:1.3}
.gallery-progress{height:2px;width:160px;background:#ffffff26;overflow:hidden}
.gallery-progress>span{display:block;height:100%;width:25%;background:var(--active-accent);transform-origin:left}
.gallery-counter{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1}
.gallery-pinned .character-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--header-height) + 16px) 0 24px}
.gallery-pinned .gallery-heading{margin-bottom:0}
.gallery-pinned .character-track{width:max-content;flex-shrink:0;overflow:visible;scroll-snap-type:none;padding:40px calc((100vw - var(--card-width))/2) 36px;will-change:transform}
.gallery-pinned .character-controls{margin-top:0}
.identity{position:relative;padding:100px 8% 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px 5%;overflow:hidden}
.identity-copy{position:relative;z-index:3}
.identity .eyebrow{color:var(--pink);margin-bottom:26px}
.identity h2{font-size:clamp(3.5rem,5.6vw,6rem);letter-spacing:-.025em;line-height:1.17}
.identity h2>span{display:inline-block;background:var(--mint);color:var(--ink);padding:2px 14px 13px;margin:8px 0 0 -4px;transform:rotate(-3deg)}
.identity-copy>p:not(.eyebrow){max-width:390px;margin-top:30px;color:var(--muted);font-size:1rem}
.identity-visual{min-height:390px;position:relative;display:flex;justify-content:center;align-items:center}
.identity-visual>img{width:65%;max-height:370px;filter:drop-shadow(0 0 30px #b889ff30);animation:identity-float 12s ease-in-out infinite}
.identity-ring{position:absolute;width:96%;height:80%;border:1px solid #a4eb634d;border-radius:50%;transform:rotate(-25deg)}
.identity-facts{position:relative;z-index:3;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0 0;text-align:center}
.identity-facts>div{background:var(--surface);border:1px solid #ffffff26;border-radius:20px;padding:24px 14px}
.identity-facts dt{font-size:.8125rem;color:var(--muted)}
.identity-facts dd{font:700 clamp(1.5rem,2.3vw,2.25rem)/1.3 Antonio,sans-serif;margin:10px 0 0}
.identity-facts>div:nth-child(1) dd{color:var(--purple)}.identity-facts>div:nth-child(2) dd{color:var(--mint)}.identity-facts>div:nth-child(3) dd{color:var(--pink)}
.portal{position:relative;height:145svh;background:var(--ink)}
.portal-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.portal-world{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#51346f,#1b1426 66%,#100d16);overflow:hidden;clip-path:circle(76% at 50% 50%);isolation:isolate}
.portal-world:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,transparent,#08080a55);pointer-events:none;z-index:5}
.portal h2{position:absolute;font-size:clamp(6rem,19vw,20rem);line-height:1.04;letter-spacing:-.025em;text-align:center;left:50%;top:47%;transform:translate(-50%,-50%);width:100%;color:#c9aaff;z-index:1}
.portal-astronaut{position:absolute;z-index:3;width:75vh;height:94%;max-width:none;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 0 28px #b889ff40)}
.portal-ring{position:absolute;inset:12% 14%;border:1px solid #b889ff66;border-radius:50%;transform:rotate(-30deg);z-index:2}
.portal-grid{position:absolute;inset:0;background-image:linear-gradient(#b889ff0d 1px,transparent 1px),linear-gradient(90deg,#b889ff0d 1px,transparent 1px);background-size:80px 80px}
.portal-caption{position:absolute;bottom:36px;left:0;right:0;text-align:center;font:clamp(1.875rem,3vw,3rem)/1.4 Frunch,cursive;color:var(--pink);z-index:6}
.site-footer{position:relative;overflow:hidden;border-top:1px solid #ffffff1a}
.footer-inner{padding:60px 6% 25px;text-align:center}
.footer-inner>.eyebrow{color:var(--pink);margin-bottom:25px}
.footer-wordmark{max-width:1200px;margin:70px auto 40px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #fff3;color:var(--muted);font-size:.8125rem}
.footer-bottom nav{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.footer-bottom a,.motion-toggle{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom a:hover{color:var(--paper)}
.motion-toggle{padding:10px 0;border:0;background:none;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff50}
.motion-toggle:hover{color:var(--pink)}
.motion-toggle[disabled]{color:var(--muted);cursor:default;text-decoration:none}
@media(hover:hover) and (pointer:fine){.button:hover{transform:rotate(-2deg)}.character-card:hover .character-card-inner{transform:rotate(0) translateY(-5px);border-color:var(--card)}.character-card:hover .character-art{translate:0 -9px}}
@keyframes enter{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes band-in{from{opacity:0;clip-path:inset(0 100% 0 0);transform:rotate(3deg) translateY(24px)}to{opacity:1;clip-path:inset(0);transform:rotate(-3deg)}}
@keyframes menu-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(var(--rotation))}50%{transform:translateY(-18px) rotate(calc(var(--rotation) + 3deg))}}
@keyframes spark-spin{to{transform:rotate(360deg)}}
@keyframes identity-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(3deg)}}
@keyframes scroll-line{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.motion-offscreen .hero-character img,.motion-offscreen .hero-spark,.motion-offscreen .scroll-line,.motion-offscreen .identity-visual>img,.page-hidden *{animation-play-state:paused!important}
@media(min-width:1700px){.hero-wrap h1{font-size:9vw}.hero-copy{padding-top:23svh}}
@media(max-width:1100px){.hero-wrap h1{font-size:9vw}.hero-copy{max-width:85%}.character-left{left:-17%;top:27%;width:45vw}.character-right{right:-17%;top:27%;width:47vw}.character-top{top:-16%}.character-bottom{bottom:-23%}.identity{padding:90px 6% 75px}.identity h2{font-size:6vw}.identity-visual{min-height:340px}.gallery-instruction{display:none}}
@media(max-width:900px){.characters{--card-width:68vw}.gallery-heading{margin-bottom:20px}.gallery-heading h2{font-size:clamp(2.5rem,6.5vw,4rem)}.character-card{height:clamp(390px,60svh,540px)}.character-track{gap:7vw}.character-card h3{font-size:clamp(2rem,4vw,3rem)}.identity-facts{gap:12px}.portal-astronaut{width:95vw}}
@media(max-width:700px){
 :root{--header-height:76px}
 .site-header{padding:0 6%}.brand{width:145px}.menu-toggle{left:auto;right:4%;transform:none}.header-link{display:none}
 .site-menu{padding:calc(var(--header-height) + 30px) 8% calc(25px + env(safe-area-inset-bottom))}.site-menu>a{font-size:clamp(1.8rem,8.6vw,3.25rem);gap:16px;padding:13px 0}.site-menu>a>span{margin-top:7px}.menu-caption{font-size:.75rem}.menu-spark{display:none}.menu-bottom{display:block;margin-top:25px}.menu-bottom .motion-toggle{margin-top:18px}
 .hero-wrap{height:auto;min-height:max(730px,100svh)}.hero-scene{height:auto;min-height:inherit;padding-bottom:160px}.hero-copy{padding-top:137px;max-width:94%;width:94%}.hero-wrap h1{font-size:12vw;letter-spacing:-.025em}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.06em;margin-bottom:22px}.hero-band{margin:13px auto 26px;width:max-content;max-width:100%;padding:3px 18px 12px;font-size:16.8vw}.hero-description{font-size:1rem;max-width:285px;line-height:1.6;margin-bottom:24px}.button{min-height:52px;font-size:.875rem;padding:14px 27px}
 .hero-character img{animation-duration:13s;filter:drop-shadow(0 0 16px var(--aura))}.character-left{left:-26%;top:auto;bottom:-9%;width:90vw;min-width:0;max-width:520px;--rotation:-15deg;z-index:3}.character-right{right:-28%;top:auto;bottom:-9%;width:90vw;min-width:0;max-width:520px;--rotation:15deg;z-index:3}.character-top,.character-bottom{display:none}.hero-bottom{bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center}.hero-bottom>span{display:none}.hero-bottom a{font-size:.75rem;padding:8px 16px;background:#101013e8;border:1px solid #ffffff26;border-radius:30px}.spark-one{top:13%;left:10%;width:18px}.spark-two{bottom:31%;right:12%;width:16px}.hero-orbit{height:43%;top:72%;width:145%}.orbit-two{display:none}
 .statement{padding:78px 20px 72px}.statement .eyebrow{font-size:.75rem;margin-bottom:25px}.statement h2{font-size:12.4vw;line-height:1.18}.statement-band{margin-top:12px;padding:2px 14px 10px}.statement-copy{font-size:1rem;margin-top:27px}.statement-spark{width:21px;right:0;bottom:0}
 .characters{--card-width:82vw}.character-sticky{padding:45px 0 38px}.gallery-heading{margin:0 8% 15px;display:block}.gallery-heading .eyebrow{font-size:.75rem;margin-bottom:12px}.gallery-heading h2{font-size:11.5vw;line-height:1.15}.gallery-heading h2>span{display:block}.character-track{gap:7vw;padding-top:35px;padding-bottom:36px}.character-card{height:clamp(350px,48svh,450px)}.character-card-inner{border-radius:22px}.character-index{font-size:.75rem;left:20px;top:20px;letter-spacing:.04em}.character-art{width:132%;left:-16%;height:109%;bottom:4%}.character-card h3{left:20px;right:16px;bottom:24px;font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.3}.card-spark{width:30px;right:18px;top:45px}.character-controls{gap:12px;margin-top:14px;padding:0 6%;flex-wrap:wrap}.character-controls button{font-size:.8125rem;min-width:76px;padding:10px 12px}.gallery-position{min-width:110px;flex:1;max-width:190px;overflow-wrap:anywhere}.gallery-active-name{font-size:.8125rem;min-height:2.6em;display:flex;align-items:center;text-align:center}.gallery-progress{width:100%;max-width:130px}.gallery-counter{font-size:.75rem}
 .identity{padding:80px 8% 70px;display:flex;flex-direction:column;align-items:stretch;gap:0}.identity .eyebrow{font-size:.75rem;margin-bottom:22px}.identity h2{font-size:12.7vw;line-height:1.2}.identity h2>span{padding:2px 10px 10px}.identity-copy>p:not(.eyebrow){font-size:1rem;margin-top:28px;max-width:34ch}.identity-visual{min-height:320px;margin-top:20px}.identity-visual>img{width:58%;max-height:260px}.identity-ring{inset:20% 5%;width:90%;height:65%}.identity-facts{margin:25px 0 0;grid-template-columns:1fr;gap:12px;text-align:left}.identity-facts>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:18px 20px;border-radius:16px}.identity-facts dt{font-size:.8125rem}.identity-facts dd{font-size:1.5rem;line-height:1.25;margin:0}
 .portal{height:120svh}.portal-sticky{height:100svh}.portal h2{font-size:23.8vw;line-height:1.08;top:44%}.portal-astronaut{width:140vw;height:78%;top:50%}.portal-ring{inset:23% -40%;transform:rotate(-40deg)}.portal-caption{font-size:2rem;bottom:calc(30px + env(safe-area-inset-bottom))}
 .footer-inner{padding:48px 7% 22px}.footer-wordmark{margin:55px auto 30px}.footer-bottom{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:.8125rem;padding-top:18px}.footer-bottom>p{width:100%}.footer-bottom nav{gap:22px}.motion-toggle{font-size:.875rem}
}
@media(max-width:370px){.hero-copy{padding-top:126px}.hero-wrap{min-height:max(710px,100svh)}.hero-description{max-width:230px}.character-left,.character-right{bottom:-5%}.identity-facts>div{padding:18px 14px}.identity-facts dd{font-size:1.375rem}.character-controls{gap:9px}.character-controls button{min-width:70px;font-size:.75rem;padding:10px}}
@media(max-height:739px) and (min-width:701px){.hero-wrap{min-height:700px}.hero-copy{padding-top:160px}.hero-wrap h1{font-size:min(8vw,100px)}.character-sticky{padding-top:75px}.character-card{height:410px}.gallery-heading h2{font-size:3rem}.portal{height:auto}.portal-sticky{height:680px;position:relative}.portal-world{clip-path:none!important}.site-menu>a{font-size:clamp(1.75rem,4vw,3rem)}.site-menu{padding-top:95px}.menu-caption{margin-bottom:12px}.menu-bottom{margin-top:20px}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-paused .hero-enter{opacity:1}.motion-paused .hero-scene{transform:none!important;border-radius:0!important}.motion-paused .hero-character,.motion-paused .identity-facts>div{translate:none!important}
.motion-paused .reveal-line{background:none;color:var(--paper)}.motion-paused .statement-band{clip-path:none!important}
.motion-paused .portal{height:auto}.motion-paused .portal-sticky{position:relative;height:max(620px,85svh)}.motion-paused .portal-world{clip-path:none!important}
html:not(.motion-ready) .portal{height:auto}html:not(.motion-ready) .portal-sticky{position:relative;height:max(620px,85svh)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-enter{opacity:1}.hero-scene{transform:none!important}.portal{height:auto}.portal-sticky{position:relative;height:max(620px,85svh)}.portal-world{clip-path:none!important}.reveal-line{background:none!important;color:var(--paper)!important}}

@media(max-height:500px) and (orientation:landscape){.portal{height:auto}.portal-sticky{height:680px;position:relative}.portal-world{clip-path:none!important}}

/* Device artwork is grouped by format; both categories remain readable without JavaScript. */
.collection{padding:95px 6% 105px;border-top:1px solid #ffffff13;background:var(--ink)}
.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:35px}
.collection-heading .eyebrow{color:var(--pink);margin-bottom:14px}
.collection-heading h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.025em}
.collection-heading>p{color:var(--muted);font-size:1rem}
.collection-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ffffff26;padding-bottom:16px;margin-bottom:28px}
.collection-tabs button{display:flex;align-items:center;gap:20px;min-height:50px;padding:12px 22px;border:1px solid #ffffff35;border-radius:30px;background:transparent;font-size:.9375rem;transition:background .2s,color .2s,border-color .2s}
.collection-tabs button span{font-size:.75rem;opacity:.75}
.collection-tabs button[aria-selected=true]{color:var(--ink);background:var(--mint);border-color:var(--mint)}
.collection-tabs button:hover{border-color:var(--mint)}
.category-title{font:700 2rem/1.2 Antonio,sans-serif;margin:35px 0 25px}
.collection-enhanced .category-title{display:none}
.collection-panel{animation:panel-in .3s var(--ease)}
.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.device-card{min-width:0;border-bottom:1px solid color-mix(in srgb,var(--device-color) 45%,transparent);padding-bottom:24px}
.device-image{aspect-ratio:1;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--device-color) 10%,transparent),transparent 70%),#111114;border-radius:20px;overflow:hidden;margin-bottom:22px}
.device-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}
.device-card h3{color:var(--paper);font-size:1rem;line-height:1.4;font-weight:550;margin:0 0 8px;overflow-wrap:anywhere}
.device-card>p{font-size:.8125rem;color:var(--muted)}
.site-menu>a:nth-of-type(5){--link-accent:var(--purple)}
@media(hover:hover) and (pointer:fine){.device-card:hover .device-image img{transform:scale(1.035)}}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
@media(max-width:700px){.collection{padding:65px 7% 75px}.collection-heading{display:block;margin-bottom:26px}.collection-heading h2{font-size:13vw}.collection-heading>p{margin-top:20px}.collection-tabs{gap:8px}.collection-tabs button{padding:12px 16px;gap:12px;font-size:.875rem}.device-grid{gap:30px 14px}.device-image{margin-bottom:16px;border-radius:14px}.device-card{padding-bottom:18px}.device-card h3{font-size:1rem}.device-card>p{font-size:.8125rem}}