:root{--black:#08070a;--ink:#f4f2f7;--dim:rgba(244,242,247,.62);--faint:rgba(244,242,247,.34);--violet-2:#a855f7;--cream:#f5f4f0;--cream-ink:#121014;--line:rgba(168,85,247,.18);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;--gutter:36px;--maxw:1180px;--edge:max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)));--ease:cubic-bezier(.16,1,.3,1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer;font:inherit}:focus-visible{outline:2px solid var(--violet-2);outline-offset:3px}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}#site-header{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px var(--edge);backdrop-filter:blur(14px);background:linear-gradient(180deg,#08070ac7,#08070a00)}#site-header .logo{display:flex;align-items:center;gap:7px;font:600 17px/1 var(--sans);letter-spacing:.14em}#site-header .logo svg{width:15px;height:13px}#site-header nav{display:flex;gap:26px;font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}#site-header nav a{transition:color .3s}#site-header nav a:hover{color:var(--ink)}.pill{padding:9px 18px;border:1px solid var(--line);border-radius:999px;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;transition:background .3s,border-color .3s}.pill:hover{background:#a855f729;border-color:#a855f780}.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}.hero-fallback{position:absolute;inset:0;z-index:0;background:radial-gradient(60% 42% at 50% 62%,rgba(168,85,247,.28),transparent 70%),linear-gradient(180deg,#0a0812,#08070a 62%)}#gl{position:absolute;inset:0;z-index:1;width:100%;height:100%}.hero-inner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding-inline:var(--gutter);text-align:center;pointer-events:none}.wordmark{display:flex;align-items:center;gap:.06em;margin:0;font:700 clamp(56px,13vw,168px)/.9 var(--sans);letter-spacing:.02em;opacity:0;animation:chromeIn 1.7s var(--ease) 1.15s forwards}.wordmark svg{width:.62em;height:.55em;translate:0 .04em}.tagline{margin:0;max-width:34ch;font:400 clamp(13px,1.5vw,16px)/1.7 var(--mono);letter-spacing:.06em;color:var(--dim);opacity:0;animation:fadeUp 1.2s var(--ease) 2.3s forwards}@keyframes chromeIn{0%{opacity:0;transform:scale(1.06);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hud{position:absolute;right:22px;bottom:26px;z-index:3;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#0a090e9e;backdrop-filter:blur(8px);font:400 10px/1.7 var(--mono);letter-spacing:.05em;color:#f4f2f7b8;opacity:0;animation:fadeUp 1s var(--ease) 3s forwards}.hud b{display:block;margin-bottom:4px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.hud .gizmo{width:52px;height:52px;margin-top:8px}.scroll-cue{position:absolute;left:50%;bottom:30px;z-index:3;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;font:400 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);opacity:0;animation:fadeUp 1s var(--ease) 2.6s forwards}.scroll-cue i{display:block;width:1px;height:46px;background:linear-gradient(180deg,var(--violet-2),transparent)}.display{position:relative;margin:0;font:700 clamp(40px,9vw,116px)/.92 var(--sans);letter-spacing:.01em}.display span{position:relative;z-index:2}.display:before,.display:after{content:attr(data-text);position:absolute;inset:0;z-index:1;pointer-events:none}.display:before{color:#ff2d92;transform:translate(-4px,2px);filter:blur(3px);opacity:.55}.display:after{color:#25d3ff;transform:translate(4px,-2px);filter:blur(3px);opacity:.45}.gallery{position:relative;height:460vh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.tilewall{position:absolute;inset:0;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(72% 62% at 50% 46%,#000 30%,transparent 78%)}.stage-inner{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,52px);transform:scale(.8);transform-origin:50% 50%;will-change:transform}.gallery-head{padding-inline:var(--edge);max-width:760px}.gallery-head p{margin:14px 0 0;font:400 14px/1.7 var(--mono);letter-spacing:.04em;color:var(--dim);max-width:46ch}.track{display:flex;gap:34px;padding-inline:calc(50vw - 250px);perspective:1500px;will-change:transform}.work-card{flex:0 0 500px;transform-origin:50% 50%;will-change:transform,opacity;transition:filter .5s var(--ease)}.screen{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0c0a12}.screen i{position:absolute;inset:-14%;animation:drift 11s ease-in-out infinite alternate;animation-play-state:paused}@keyframes drift{0%{transform:scale(1.04) translate3d(-2%,-1%,0)}to{transform:scale(1.14) translate3d(2%,1%,0)}}.a1{background:radial-gradient(60% 60% at 30% 30%,#ff5ec4,transparent 68%),linear-gradient(140deg,#7b2ff7,#12081f)}.a2{background:radial-gradient(56% 56% at 66% 34%,#ffb347,transparent 66%),linear-gradient(140deg,#c2331f,#1a0a0c)}.a3{background:conic-gradient(from 210deg,#ff2d92,#ffd166,#25d3ff,#a855f7,#ff2d92)}.a4{background:radial-gradient(62% 62% at 44% 62%,#2f7fd8,transparent 70%),linear-gradient(160deg,#0b2a4a,#050d18)}.a5{background:radial-gradient(58% 58% at 58% 40%,#8b5cf6,transparent 68%),linear-gradient(150deg,#2b1a6b,#0a0716)}.a6{background:radial-gradient(58% 58% at 38% 44%,#ff8fd0,transparent 66%),linear-gradient(150deg,#4d7fd6,#101a34)}.scan{position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(180deg,rgba(255,255,255,.5) 0 1px,transparent 1px 3px)}.glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(104deg,transparent 34%,rgba(255,255,255,.3) 50%,transparent 66%);transform:translate(-60%);animation:sweep 4.6s ease-in-out infinite;animation-play-state:paused}@keyframes sweep{0%,to{transform:translate(-60%)}50%{transform:translate(60%)}}.vig{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #0009}.badge{position:absolute;left:14px;top:14px;z-index:3;display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#060509b8;backdrop-filter:blur(6px);font:600 9px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .4s var(--ease)}.badge s{width:6px;height:6px;border-radius:50%;background:#ff4d6d;text-decoration:none;animation:blink 1.4s steps(2) infinite;animation-play-state:paused}@keyframes blink{50%{opacity:.15}}.pbar{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;height:2px;border-radius:2px;background:#fff3;opacity:0;transition:opacity .4s var(--ease)}.pbar u{display:block;height:100%;border-radius:2px;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);animation:play 7s linear infinite;animation-play-state:paused}@keyframes play{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.work-card.is-playing .screen i,.work-card.is-playing .glare,.work-card.is-playing .badge s,.work-card.is-playing .pbar u{animation-play-state:running}.work-card.is-playing .badge,.work-card.is-playing .pbar{opacity:1}.card-meta{display:flex;gap:14px;margin-top:16px;font:500 10px/1 var(--mono);letter-spacing:.18em;color:var(--faint)}.work-card h3{margin:9px 0 0;font:600 clamp(16px,1.5vw,21px)/1.35 var(--sans);letter-spacing:.01em}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.tags span{padding:4px 10px;border:1px solid var(--line);border-radius:999px;font:400 9px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.progress{position:absolute;left:var(--edge);right:var(--edge);bottom:34px;z-index:4;height:1px;background:#ffffff24}.progress i{display:block;height:100%;background:var(--violet-2);transform-origin:0 50%;transform:scaleX(0)}.light{position:relative;padding:clamp(96px,16vh,176px) 0;background:var(--cream);color:var(--cream-ink);overflow:hidden}.gridlines{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(18,16,20,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(18,16,20,.07) 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(78% 70% at 50% 50%,#000 40%,transparent 84%)}.tri-outline{position:absolute;right:-6%;bottom:-14%;width:min(46vw,540px);opacity:.5}.light .wrap{position:relative;z-index:2}.eyebrow{margin:0 0 22px;font:600 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#1210148f}.statement{margin:0;max-width:20ch;font:600 clamp(30px,5.4vw,66px)/1.12 var(--sans);letter-spacing:-.015em}.statement em{font-style:italic;color:#6b21c9}.jp{margin:32px 0 0;max-width:56ch;font:400 14px/1.9 var(--mono);letter-spacing:.03em;color:#121014b8}.services{position:relative;padding:clamp(96px,16vh,168px) 0;background:var(--black)}.services .display{margin-top:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:clamp(44px,7vh,78px)}.service{padding:30px 26px 34px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(165deg,rgba(168,85,247,.09),transparent 62%);transition:border-color .4s,transform .5s var(--ease)}.service:hover{border-color:#a855f775;transform:translateY(-5px)}.service .n{font:600 11px/1 var(--mono);letter-spacing:.22em;color:var(--violet-2)}.service h3{margin:16px 0 12px;font:600 clamp(17px,1.7vw,22px)/1.3 var(--sans)}.service p{margin:0;font:400 13.5px/1.75 var(--sans);color:var(--dim)}.stellla{position:relative;min-height:78svh;display:grid;place-items:center;overflow:hidden;padding:clamp(80px,12vh,140px) var(--gutter);background:linear-gradient(178deg,#dc9dc6,#8e79dc 30%,#4e78d0 58%,#16357d)}.clouds{position:absolute;inset:-10%;opacity:.42;filter:blur(10px);background:radial-gradient(38% 26% at 22% 32%,rgba(255,255,255,.9),transparent 70%),radial-gradient(30% 22% at 74% 26%,rgba(255,255,255,.8),transparent 70%),radial-gradient(44% 26% at 52% 76%,rgba(255,255,255,.7),transparent 72%)}.scrim{position:absolute;inset:0;background:radial-gradient(64% 50% at 50% 50%,rgba(12,20,54,.62),transparent 76%)}.stellla-inner{position:relative;z-index:2;text-align:center;max-width:640px}.mark{font:300 clamp(44px,9vw,110px)/1 var(--sans);letter-spacing:.16em;color:#fff;text-shadow:0 2px 26px rgba(10,18,50,.5)}.kicker{margin:20px 0 0;font:600 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#ffffffe6}.sub{margin:18px 0 0;font:400 14.5px/1.8 var(--sans);color:#fff;text-shadow:0 1px 12px rgba(10,18,50,.6)}footer{padding:clamp(72px,11vh,124px) 0 40px;background:var(--black);border-top:1px solid var(--line)}.footer-top{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:flex-end}.footer-big{margin:0;max-width:22ch;font:600 clamp(26px,4.4vw,54px)/1.15 var(--sans);letter-spacing:-.01em}.footer-links{display:flex;flex-direction:column;gap:11px;font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.footer-links a:hover{color:var(--ink)}.footer-bottom{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:clamp(48px,8vh,88px);padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font:400 10px/1.6 var(--mono);letter-spacing:.16em;color:var(--faint)}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;background-image:radial-gradient(rgba(255,255,255,.9) .5px,transparent .5px);background-size:3px 3px}@media (max-width:1024px){.service-grid{grid-template-columns:1fr 1fr}.work-card{flex:0 0 400px}.track{padding-inline:calc(50vw - 200px)}}@media (max-width:768px){:root{--gutter:22px}#site-header nav{display:none}.service-grid{grid-template-columns:1fr}.work-card{flex:0 0 300px}.track{padding-inline:calc(50vw - 150px);gap:22px}.hud{display:none}.gallery{height:400vh}}@media (max-width:375px){.work-card{flex:0 0 260px}.track{padding-inline:calc(50vw - 130px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}.wordmark,.tagline,.hud,.scroll-cue{opacity:1;animation:none}.reveal{opacity:1;transform:none}.gallery{height:auto}.stage{position:static;height:auto;padding:clamp(80px,12vh,132px) 0}.stage-inner{position:static;transform:none!important;gap:40px}.track{overflow-x:auto;transform:none!important;perspective:none;padding-inline:var(--edge);scrollbar-width:thin}.work-card{transform:none!important;opacity:1!important}.badge,.pbar{opacity:1}.progress{display:none}}