:root{--accent:#fff;--bg:#030405;--fg:#f4f7f8;--muted:rgba(244,247,248,.58);--line:rgba(255,255,255,.16);--vh:1vh;--scene-p:0;--global-p:0;--pointer-x:50%;--pointer-y:50%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#fff;background:#020304;scroll-behavior:auto;overflow-x:hidden}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020304;color:var(--fg)}html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}body{overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body.index-open{overflow:hidden}button,a{font:inherit;color:inherit}button{border:0}.skip-link{position:fixed;z-index:500;left:1rem;top:-4rem;padding:.8rem 1rem;background:#fff;color:#000;transition:top .2s}.skip-link:focus{top:1rem}#worldCanvas,.canvas-fallback,.atmosphere,.film-grain,.vignette,.impact-flash,.cinema-bars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#worldCanvas{z-index:0;background:#020304}.canvas-fallback{z-index:0;display:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),linear-gradient(135deg,#020304,#101820)}.canvas-fallback i{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;inset:20%;animation:fallback-spin 18s linear infinite}.canvas-fallback i:nth-child(2){inset:28%;animation-duration:11s;animation-direction:reverse}.canvas-fallback i:nth-child(3){inset:38%;animation-duration:7s}.canvas-fallback i:nth-child(4){inset:47%;background:var(--accent);box-shadow:0 0 80px var(--accent)}html.no-webgl .canvas-fallback{display:block}@keyframes fallback-spin{to{transform:rotate(360deg)}}.atmosphere{z-index:1;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.035),transparent 28%);mix-blend-mode:screen;opacity:.9}.film-grain{z-index:8;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite;mix-blend-mode:soft-light}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}.vignette{z-index:9;background:radial-gradient(ellipse at center,transparent 32%,rgba(0,0,0,.35) 70%,rgba(0,0,0,.84) 120%)}.impact-flash{z-index:10;background:#fff;opacity:0;mix-blend-mode:screen}.impact-flash.flash{animation:flash .55s ease-out}@keyframes flash{0%{opacity:.8}12%{opacity:.08}22%{opacity:.5}100%{opacity:0}}.cinema-bars{z-index:11}.cinema-bars i{position:absolute;left:0;right:0;height:0;background:#000;transition:height .9s cubic-bezier(.2,.8,.1,1)}.cinema-bars i:first-child{top:0}.cinema-bars i:last-child{bottom:0}html.is-cinematic .cinema-bars i{height:5.5vh}
.entry-gate{position:fixed;z-index:300;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),#020304;transition:opacity 1.2s ease,visibility 1.2s}.entry-gate::before,.entry-gate::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%);background-size:80px 80px;mask-image:radial-gradient(circle,#000,transparent 72%);opacity:.45}.entry-gate::after{background-size:16px 16px;opacity:.12}html[data-state="entered"] .entry-gate{opacity:0;visibility:hidden}.entry-gate__radar{position:absolute;pointer-events:none;width:min(68vw,680px);aspect-ratio:1;border:1px solid rgba(255,255,255,.11);border-radius:50%;animation:slow-spin 24s linear infinite}.entry-gate__radar i{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:50%;inset:12%}.entry-gate__radar i:nth-child(2){inset:28%;border-style:dashed;animation:reverse-spin 12s linear infinite}.entry-gate__radar i:nth-child(3){inset:44%;box-shadow:0 0 40px color-mix(in srgb,var(--accent) 15%,transparent)}.entry-gate__radar b{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 84%,color-mix(in srgb,var(--accent) 28%,transparent) 92%,transparent);animation:slow-spin 3.6s linear infinite}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes reverse-spin{to{transform:rotate(-360deg)}}.entry-gate__content{position:relative;width:min(680px,calc(100vw - 40px));padding:2rem;border:1px solid rgba(255,255,255,.16);background:rgba(1,3,5,.66);backdrop-filter:blur(18px);box-shadow:0 40px 100px rgba(0,0,0,.5)}.entry-gate__top{display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.22em;color:var(--muted);margin-bottom:5rem}.entry-gate__terminal{display:flex;align-items:center;gap:.8rem;min-height:3rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.82rem,1.3vw,1rem);letter-spacing:.16em}.entry-gate__terminal>span{color:var(--accent)}.entry-gate__terminal i{width:8px;height:1.1em;background:var(--accent);animation:caret .8s steps(1) infinite}@keyframes caret{50%{opacity:0}}.entry-gate__meter{height:1px;background:rgba(255,255,255,.12);margin:1.2rem 0 2.2rem}.entry-gate__meter span{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 20px var(--accent);transition:width .4s ease}.primary-button{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.35rem;background:var(--fg);color:#020304;letter-spacing:.16em;font-size:.75rem;font-weight:800;overflow:hidden}.primary-button::before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-102%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.primary-button:hover::before{transform:translateX(0)}.primary-button span,.primary-button i{position:relative;z-index:1}.primary-button i{width:34px;height:1px;background:currentColor}.primary-button i::after{content:"";position:absolute;right:0;transform:translateY(-4px) rotate(45deg);width:8px;height:8px;border-right:1px solid;border-top:1px solid}.entry-gate__content p{margin:1rem 0 0;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.site-header{position:fixed;z-index:80;left:0;right:0;top:0;padding:1.15rem 1.4rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;opacity:0;transform:translateY(-20px);transition:opacity 1s .3s,transform 1s .3s;pointer-events:none}html[data-state="entered"] .site-header{opacity:1;transform:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;width:max-content}.brand__mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);font-weight:900;font-size:.68rem;letter-spacing:.08em;position:relative;overflow:hidden}.brand__mark::before{content:"";position:absolute;inset:-60%;background:conic-gradient(transparent,var(--accent),transparent);animation:slow-spin 7s linear infinite;opacity:.55}.brand__mark::after{content:"";position:absolute;inset:1px;background:#080a0c}.brand__mark{isolation:isolate}.brand__mark::after{z-index:-1}.brand__copy{display:flex;flex-direction:column;gap:.1rem}.brand__copy b{font-size:.72rem;letter-spacing:.15em}.brand__copy small{font-size:.5rem;letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.act-readout{display:flex;align-items:center;gap:.7rem;font-size:.58rem;letter-spacing:.18em}.act-readout span{color:var(--accent);font-family:ui-monospace,monospace}.act-readout i{width:32px;height:1px;background:rgba(255,255,255,.3)}.act-readout b{font-weight:500}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:.55rem}.audio-live,.text-link,.small-control{height:34px;display:flex;align-items:center;gap:.45rem;padding:0 .75rem;border:1px solid rgba(255,255,255,.15);background:rgba(3,5,7,.35);backdrop-filter:blur(12px);font-size:.56rem;letter-spacing:.13em;text-decoration:none}.audio-live i{width:5px;height:5px;border-radius:50%;background:#75ff9a;box-shadow:0 0 10px #75ff9a;animation:audio-live 1.1s ease-in-out infinite}@keyframes audio-live{50%{opacity:.35;transform:scale(.65)}}.small-control{cursor:none}.small-control span{color:var(--accent)}.small-control b{font-size:.54rem}.progress-rail{position:fixed;z-index:70;right:1.4rem;top:23%;bottom:23%;width:1px;background:rgba(255,255,255,.12);opacity:0;transition:opacity 1s .6s}.progress-rail span{position:absolute;top:0;left:0;width:1px;height:0;background:var(--accent);box-shadow:0 0 12px var(--accent)}.progress-rail b{position:absolute;right:.8rem;bottom:-1rem;font-family:ui-monospace,monospace;font-size:.55rem;color:var(--muted);font-weight:500}.hud{position:fixed;z-index:60;left:1.4rem;bottom:1.3rem;display:flex;gap:1.4rem;opacity:0;transition:opacity 1s .8s}.hud div{display:flex;flex-direction:column;gap:.16rem}.hud span{font-size:.47rem;letter-spacing:.18em;color:var(--muted)}.hud b{font-family:ui-monospace,monospace;font-size:.62rem;letter-spacing:.08em}.caption{position:fixed;z-index:60;right:3.2rem;bottom:1.3rem;width:min(300px,38vw);text-align:right;opacity:0;transition:opacity .6s}.caption span{font-family:ui-monospace,monospace;font-size:.5rem;letter-spacing:.18em;color:var(--accent)}.caption p{margin:.35rem 0 0;font-size:.66rem;line-height:1.45;color:var(--muted)}html[data-state="entered"] .progress-rail,html[data-state="entered"] .hud,html[data-state="entered"] .caption{opacity:1}
#experience{position:relative;z-index:20}.act-marker{position:absolute;pointer-events:none}.scene{position:relative;min-height:155vh;display:flex;align-items:center;padding:14vh max(7vw,70px);isolation:isolate}.scene--hero,.scene--finale{min-height:230vh}.scene--hero{align-items:flex-start;padding-top:24vh}.scene--cinematic{min-height:190vh}.scene--marquee{min-height:135vh;overflow:hidden}.scene::before{content:attr(data-scene);position:absolute;left:1.4rem;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;font-family:ui-monospace,monospace;font-size:.45rem;letter-spacing:.24em;color:rgba(255,255,255,.25)}.scene__copy{width:min(1080px,100%);position:relative;opacity:calc(.14 + var(--visibility,.86));transform:translate3d(0,calc((.5 - var(--local,.5))*54px),0);transition:opacity .25s}.scene--align-right .scene__copy{margin-left:auto;text-align:right}.scene--align-center .scene__copy{margin-inline:auto;text-align:center}.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;font-size:.56rem;letter-spacing:.24em;color:var(--accent)}.eyebrow i{width:42px;height:1px;background:var(--accent)}.scene h1,.scene h2{margin:0;text-transform:uppercase;font-weight:700;line-height:.84;letter-spacing:-.06em;max-width:13ch;font-size:clamp(4.2rem,11vw,10rem);text-wrap:balance;transform:translate3d(var(--drift,0px),0,0);transition:transform .12s linear}.scene--hero h1{font-size:clamp(5.2rem,15vw,14rem);max-width:10ch}html[data-theme="city"] .scene--hero h1{font-size:clamp(4.8rem,12.5vw,11.5rem);max-width:13ch}.scene--align-right h1,.scene--align-right h2{margin-left:auto}.scene--align-center h1,.scene--align-center h2{margin-inline:auto}.scene__body{max-width:52ch;margin:2rem 0 0;font-size:clamp(.86rem,1.25vw,1.08rem);line-height:1.7;color:var(--muted)}.scene--align-right .scene__body{margin-left:auto}.scene--align-center .scene__body{margin-inline:auto}.scene__code{margin-top:1.5rem;font-family:ui-monospace,monospace;font-size:.58rem;letter-spacing:.22em;color:var(--accent)}.scene--statement h2{font-size:clamp(3.2rem,8.7vw,8.4rem);max-width:16ch}.scene--metric .metric{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(5rem,17vw,17rem);line-height:.78;letter-spacing:-.09em;color:var(--fg);text-shadow:0 0 70px color-mix(in srgb,var(--accent) 20%,transparent)}.scene--metric h2{font-size:clamp(.8rem,1.2vw,1.1rem);letter-spacing:.25em;line-height:1.2;margin-top:1.6rem;max-width:none}.scene--terminal .terminal-box{width:min(780px,100%);padding:clamp(1.3rem,3vw,2.5rem);border:1px solid rgba(255,255,255,.18);background:rgba(2,4,6,.56);backdrop-filter:blur(20px);box-shadow:0 30px 90px rgba(0,0,0,.32)}.terminal-box__prompt{font-family:ui-monospace,monospace;font-size:.57rem;letter-spacing:.2em;color:var(--accent);margin-bottom:3.6rem}.terminal-box h2{font-family:ui-monospace,monospace;font-size:clamp(1.5rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.04em;max-width:18ch}.terminal-box h2 .typing-caret{display:inline-block;width:.38em;height:.9em;background:var(--accent);margin-left:.14em;animation:caret .8s steps(1) infinite}.scene--split .split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.45fr);gap:8vw;align-items:end}.scene--split h2{font-size:clamp(3.8rem,10vw,9rem)}.split-grid aside{border-left:1px solid var(--accent);padding-left:1.2rem;color:var(--muted);font-size:.72rem;letter-spacing:.12em;line-height:1.8}.scene--marquee{padding-inline:0}.scene--marquee .scene__copy{width:100%;max-width:none}.marquee{display:flex;width:max-content;gap:2.8vw;animation:marquee 22s linear infinite;transform:translateX(calc(var(--local,.5) * -8vw))}.marquee span{font-size:clamp(4.5rem,13vw,13rem);font-weight:800;letter-spacing:-.07em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}.marquee span:nth-child(even){color:var(--fg);-webkit-text-stroke:0}@keyframes marquee{to{transform:translateX(calc(-33.333% - 2vw))}}.marquee-words{display:flex;justify-content:center;gap:3vw;margin-top:3rem;font-family:ui-monospace,monospace;font-size:.55rem;letter-spacing:.22em;color:var(--accent)}.scene--cinematic .scene__copy{width:100%;max-width:none;text-align:center}.scene--cinematic h2{max-width:14ch;margin:auto;font-size:clamp(5rem,13vw,13rem)}.scene--finale .scene__copy{margin:auto;text-align:center}.scene--finale h2{font-size:clamp(4rem,12vw,12rem);max-width:12ch;margin:auto}.final-cta{display:inline-flex;align-items:center;gap:3rem;margin-top:3rem;padding:1.1rem 1.3rem;border:1px solid rgba(255,255,255,.28);text-decoration:none;font-size:.7rem;letter-spacing:.17em;background:rgba(0,0,0,.25);backdrop-filter:blur(15px);transition:background .3s,color .3s,border-color .3s}.final-cta:hover{background:var(--accent);color:#020304;border-color:var(--accent)}.final-credit{margin-top:1rem;font-size:.6rem;letter-spacing:.2em;color:var(--muted)}.reveal-word{display:inline-block;white-space:nowrap}.reveal-char{display:inline-block;opacity:0;transform:translateY(.7em) rotateX(-70deg);transition:opacity .35s,transform .55s cubic-bezier(.15,.85,.2,1);transition-delay:calc(var(--i)*18ms)}.scene.is-active .reveal-char{opacity:1;transform:none}.scene.is-active .scene__copy{--visibility:1}.scene:not(.is-near) .scene__copy{--visibility:.04}
.index-panel{position:fixed;z-index:180;inset:0;visibility:hidden;opacity:0;transition:.5s}.index-panel[aria-hidden="false"]{visibility:visible;opacity:1}.index-panel__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.index-panel__body{position:absolute;right:0;top:0;bottom:0;width:min(720px,100%);padding:1.3rem;background:rgba(3,5,7,.96);border-left:1px solid rgba(255,255,255,.14);transform:translateX(100%);transition:transform .7s cubic-bezier(.16,.86,.2,1);display:flex;flex-direction:column}.index-panel[aria-hidden="false"] .index-panel__body{transform:none}.index-panel__head,.index-panel__foot{display:flex;align-items:center;justify-content:space-between;font-size:.58rem;letter-spacing:.17em;color:var(--muted)}.index-panel__head button{background:none;color:var(--fg);cursor:none}.index-panel ol{list-style:none;padding:5vh 0;margin:0;overflow:auto;counter-reset:acts}.index-panel li{counter-increment:acts;border-top:1px solid rgba(255,255,255,.1)}.index-panel li:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.index-panel a[data-act-link]{display:grid;grid-template-columns:54px 1fr auto;align-items:center;padding:1rem 0;text-decoration:none;transition:padding .3s,color .3s}.index-panel a[data-act-link]::before{content:counter(acts,decimal-leading-zero);font-family:ui-monospace,monospace;font-size:.55rem;color:var(--accent)}.index-panel a[data-act-link] span{font-size:clamp(1rem,2vw,1.4rem);letter-spacing:-.02em}.index-panel a[data-act-link] b{font-size:.52rem;letter-spacing:.15em;color:var(--muted)}.index-panel a[data-act-link]:hover{padding-left:.8rem;color:var(--accent)}.index-panel__foot a{color:var(--fg);text-decoration:none}.cursor{position:fixed;z-index:400;left:0;top:0;width:54px;height:54px;border:1px solid rgba(255,255,255,.35);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;mix-blend-mode:difference;transition:width .25s,height .25s,border-color .25s}.cursor i{width:4px;height:4px;background:#fff;border-radius:50%}.cursor b{position:absolute;top:calc(100% + 7px);font-size:.45rem;letter-spacing:.15em;font-weight:600;white-space:nowrap}.cursor.is-hover{width:76px;height:76px;border-color:#fff}.cursor.is-down{width:42px;height:42px}.resume-audio{position:fixed;z-index:450;left:50%;bottom:1.5rem;transform:translate(-50%,30px);padding:.8rem 1rem;background:#fff;color:#000;font-size:.62rem;letter-spacing:.16em;opacity:0;pointer-events:none;transition:.3s}.resume-audio.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.noscript{position:fixed;z-index:999;inset:0;display:grid;place-items:center;text-align:center;background:#020304;padding:2rem}.noscript a{color:var(--accent)}
@media(max-width:900px){body{cursor:auto}.cursor{display:none}.site-header{grid-template-columns:1fr auto;padding:.9rem}.act-readout{display:none}.brand__copy small,.text-link,.audio-live{display:none}.header-actions{gap:.3rem}.small-control{padding:0 .55rem}.scene{padding-inline:1.2rem;min-height:145vh}.scene::before{display:none}.scene h1,.scene h2{font-size:clamp(3.3rem,15vw,7rem)}.scene--hero h1{font-size:clamp(4rem,20vw,8rem)}html[data-theme="city"] .scene--hero h1{font-size:clamp(3.3rem,14.5vw,6.5rem);max-width:100%}.scene--metric .metric{font-size:clamp(4.6rem,24vw,10rem)}.scene--split .split-grid{grid-template-columns:1fr;gap:2rem}.split-grid aside{max-width:28ch}.hud{left:.9rem;bottom:.9rem;gap:.8rem}.hud div:nth-child(2){display:none}.caption{right:.9rem;bottom:.9rem;width:48vw}.progress-rail{right:.9rem}.entry-gate__content{padding:1.2rem}.entry-gate__top{margin-bottom:3.2rem}.entry-gate__radar{width:105vw}.marquee span{font-size:22vw}.marquee-words{gap:1rem;flex-wrap:wrap}.index-panel__body{padding:1rem}}@media(max-width:540px){.scene:not(.scene--hero) h1,.scene:not(.scene--hero) h2{font-size:clamp(2.85rem,13.5vw,5.8rem)}.scene--hero{padding-top:22vh}.brand__copy b{font-size:.58rem;max-width:18ch}.small-control b{display:none}.small-control{width:34px;justify-content:center}.scene{min-height:132vh;padding-top:18vh;padding-bottom:18vh}.scene--hero,.scene--finale{min-height:210vh}.scene--cinematic{min-height:170vh}.scene__body{font-size:.82rem;max-width:36ch}.hud div:nth-child(3){display:none}.caption{display:none}.progress-rail{top:30%;bottom:30%}.entry-gate__content p{line-height:1.5}.entry-gate__top span:first-child{max-width:25ch}.scene--metric h2{font-size:.7rem}.final-cta{gap:1.5rem;width:100%;justify-content:space-between}.index-panel__foot span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.film-grain{display:none}}