:root{--bg:#030303;--fg:#fff;--g:#00ff85;--b:#1e90ff;--p:#f09;--mute:#9a9a9a;--pad:clamp(20px, 4vw, 56px);--mono:"Share Tech Mono", ui-monospace, monospace;--wash:transparent}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none;transition:color .18s}body{background:var(--bg);color:var(--fg);font-family:Sora,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}body:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--wash), transparent 55%), linear-gradient(180deg, #000 0%, transparent 18%, transparent 82%, #000 100%);opacity:.9;transition:background .4s;position:fixed;inset:0}#app{z-index:2;position:relative}a:focus-visible{outline:2px solid var(--g);outline-offset:4px}#grain{pointer-events:none;z-index:8;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}#fx{z-index:12;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#progress{z-index:20;background:var(--g);transform-origin:0;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}nav{z-index:15;padding:16px var(--pad);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;transition:border-color .3s,background .3s;display:flex;position:fixed;top:0;left:0;right:0}body.scrolled nav{background:var(--bg);border-bottom-color:#141414}.nav-links{font-family:var(--mono);letter-spacing:.08em;gap:22px;font-size:13px;display:flex}.nav-links a{color:#cfcfcf}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--g)}.glitch{font-family:var(--mono);letter-spacing:.06em;color:var(--fg);font-weight:400;line-height:.95;display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.glitch:before{color:var(--g);mix-blend-mode:screen;opacity:.55;transform:translate(-2px)}.glitch:after{color:var(--p);mix-blend-mode:screen;opacity:.45;transform:translate(2px)}.glitch.sm{letter-spacing:.08em;font-size:clamp(16px,2.2vw,28px)}.glitch.xs{letter-spacing:.18em;font-size:12px}h1 .glitch{font-size:clamp(48px,12vw,128px)}@media (prefers-reduced-motion:no-preference){.glitch{animation:3.2s steps(2,end) infinite jitter}.glitch:before{animation:2.4s steps(2,end) infinite rgb-l}.glitch:after{animation:2.1s steps(2,end) infinite rgb-r}}@keyframes jitter{0%,92%,to{transform:none}93%{transform:translate(1px,-1px)}96%{transform:translate(-1px,1px)}}@keyframes rgb-l{0%,88%,to{transform:translate(-2px)}90%{transform:translate(-5px,1px)}}@keyframes rgb-r{0%,85%,to{transform:translate(2px)}87%{transform:translate(6px,-1px)}}.hero{text-align:center;min-height:100svh;padding:80px var(--pad) 40px;place-content:center;display:grid;position:relative}.hero-kicker{color:var(--g);margin-bottom:20px}.hero-line{font-family:var(--mono);letter-spacing:.03em;color:#ededed;text-wrap:balance;margin-top:30px;font-size:clamp(14px,1.7vw,20px);line-height:1.65}.scroll-cue{color:#fff;flex-direction:column;align-items:center;gap:14px;margin-top:52px;display:inline-flex}.scroll-cue-label{display:block}.scroll-cue-stack{width:18px;height:36px;position:relative}.scroll-cue-stack i{border-right:2px solid var(--g);border-bottom:2px solid var(--g);opacity:0;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.scroll-cue-stack i:first-child{top:0}.scroll-cue-stack i:nth-child(2){border-color:var(--b);top:10px}.scroll-cue-stack i:nth-child(3){border-color:var(--p);top:20px}@media (prefers-reduced-motion:no-preference){.scroll-cue-label{animation:2.8s steps(2,end) infinite cue-flicker}.scroll-cue-stack i:first-child{animation:1.35s steps(3,end) infinite cue-drop}.scroll-cue-stack i:nth-child(2){animation:1.35s steps(3,end) .18s infinite cue-drop}.scroll-cue-stack i:nth-child(3){animation:1.35s steps(3,end) .36s infinite cue-drop}.scroll-cue:hover .scroll-cue-stack{filter:drop-shadow(2px 0 var(--g)) drop-shadow(-2px 0 var(--p))}}@keyframes cue-flicker{0%,88%,to{opacity:1;letter-spacing:.18em}90%{opacity:.35;letter-spacing:.32em}93%{opacity:1;letter-spacing:.1em;transform:translate(2px)}96%{opacity:.7;transform:translate(-2px)}}@keyframes cue-drop{0%{opacity:0;transform:translate(-50%)translateY(-6px)rotate(45deg)}20%,55%{opacity:1;transform:translate(-50%)translateY(0)rotate(45deg)}80%,to{opacity:0;transform:translate(-50%)translateY(10px)rotate(45deg)}}.ticker{border-block:1px solid #121212;padding:14px 0;overflow:hidden}.ticker-track{gap:48px;width:max-content;display:flex}.ticker-track span{white-space:nowrap}@media (prefers-reduced-motion:no-preference){.ticker-track{animation:28s linear infinite marquee}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.film{min-height:92svh;position:relative}.film-sticky{min-height:92svh;padding:108px var(--pad) 72px;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.film-copy h2{margin:0 0 8px}.film-copy h2 .glitch{font-size:clamp(32px,6vw,76px)}.kicker{margin-bottom:14px}.lede{color:#cfcfcf;max-width:46ch;margin:18px 0 30px;font-size:17px;line-height:1.6}.shot{aspect-ratio:16/10;will-change:transform;background:#080808;border:1px solid #1a1a1a;width:100%;position:relative;overflow:hidden}.shot img{object-fit:contain;filter:saturate(.95)contrast(1.03);width:100%;height:100%;display:block}.shot:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000021 0 1px,#0000 1px 3px);position:absolute;inset:0}.acts{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid var(--g);color:var(--g);font-family:var(--mono);letter-spacing:.08em;align-items:center;padding:10px 16px;font-size:13px;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--g) 14%, transparent)}.btn.ghost{color:#c4c4c4;border-color:#3a3a3a}.btn.ghost:hover{color:#fff;background:0 0;border-color:#6a6a6a}.scene .btn:not(.ghost){border-color:var(--accent);color:var(--accent)}.scene .btn:not(.ghost):hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.scene{min-height:74svh;padding:72px var(--pad);isolation:isolate;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.scene.flip>.shot{order:2}.scene.flip>.scene-copy{order:1}.scene:before{content:attr(data-idx);right:var(--pad);z-index:0;font-family:var(--mono);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px var(--accent,#00ff85);opacity:calc(var(--p,0) * .16);pointer-events:none;transform:translateY(calc((1 - var(--p,0)) * 40px));font-size:clamp(64px,14vw,170px);line-height:.8;position:absolute;bottom:6%}.scene.flip:before{right:auto;left:var(--pad)}.scene-copy{z-index:1;transform:translate3d(0, calc((1 - var(--p,0)) * 48px), 0);opacity:calc(.2 + var(--p,0) * .8);position:relative}.scene-copy h3{margin-bottom:16px}.scene-copy h3 .glitch{font-size:clamp(28px,4.4vw,56px)}.scene-copy p{color:#cfcfcf;max-width:46ch;line-height:1.6}.stack{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:14px 0 24px;font-size:12px}.scene .shot{z-index:1;transform:translate3d(0, calc((.5 - var(--p,0)) * -36px), 0) scale(calc(.94 + var(--p,0) * .08));border-color:color-mix(in srgb, var(--accent,#00ff85) calc(var(--p,0) * 55%), #141414);box-shadow:0 0 calc(var(--p,0) * 48px) color-mix(in srgb, var(--accent,#00ff85) 18%, transparent)}.scene .acts,.scene .stack,.scene .kicker{opacity:calc(var(--p,0) * var(--p,0));transform:translateY(calc((1 - var(--p,0)) * 18px));transition:opacity .2s linear}.film-sticky .shot{transform:scale(calc(.96 + var(--fp,0) * .06));border-color:color-mix(in srgb, var(--g) calc(var(--fp,0) * 50%), #141414);box-shadow:0 0 calc(var(--fp,0) * 40px) color-mix(in srgb, var(--g) 16%, transparent)}.film-copy{transform:translate3d(0, calc((1 - var(--fp,0)) * 20px), 0)}.interlude{min-height:80svh;padding:var(--pad);place-items:center;display:grid;position:relative}.interlude:before{content:"";background:linear-gradient(90deg, transparent, var(--g), var(--p), transparent);height:1px;opacity:calc(var(--p,0) * .7);transform:scaleX(var(--p,0));position:absolute;left:10%;right:10%}.whisper{text-align:center}.whisper .glitch{letter-spacing:calc(.06em + (1 - var(--p,0)) * .28em);opacity:calc(.25 + var(--p,0) * .75);font-size:clamp(28px,7vw,80px)}@media (prefers-reduced-motion:no-preference){[data-reveal]:not(.scene):not(.interlude){opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}[data-reveal].in:not(.scene):not(.interlude){opacity:1;transform:none}}.about-page{padding:132px var(--pad) 64px;max-width:1280px;margin-inline:auto}.about-body{grid-template-columns:minmax(0,66ch) 1fr;align-items:start;gap:88px;display:grid}.log-rail{position:sticky;top:104px}.rail-label{color:var(--mute);margin-bottom:18px}@media (width<=1080px){.about-body{grid-template-columns:1fr;gap:0}.log-rail{margin-top:8px;position:static}}.about-page h1{margin-bottom:8px}.lede.wide{color:#f2f2f2;text-wrap:balance;max-width:34ch;margin:26px 0 0;font-size:clamp(19px,2.4vw,26px);line-height:1.3}.about-aliases{font-family:var(--mono);letter-spacing:.1em;color:var(--mute);text-transform:uppercase;flex-wrap:wrap;gap:10px 28px;margin:34px 0 72px;font-size:12px;display:flex}.about-aliases b{color:#e8e8e8;text-transform:none;font-size:13px;font-weight:400}.about-aliases a:hover,.about-aliases a:hover b{color:var(--g)}.about-story{gap:76px;margin:0 0 40px;display:grid}.about-story article{position:relative}.act{font-family:var(--mono);color:var(--g);margin-bottom:10px}.about-story h2{margin-bottom:20px}.about-story h2 .glitch{font-size:clamp(24px,3.6vw,40px);line-height:1.05}.about-story p{color:#c9c9c9}.about-story p+p{margin-top:18px}.about-story b{font-family:var(--mono);color:#fff;letter-spacing:.02em;font-weight:400}.about-story code{font-family:var(--mono);color:var(--b);font-size:.92em}.closer{font-family:var(--mono);border-top:1px solid #161616;padding-top:20px;font-size:14px;line-height:1.6;color:#eaeaea!important;margin-top:26px!important}.log{border-top:1px solid #161616;margin:0 0 72px;list-style:none}.log li{border-bottom:1px solid #161616;grid-template-columns:58px 1fr;gap:18px;padding:16px 0;transition:background .2s;display:grid}.log li:hover{background:#0a0a0a}.log time{font-family:var(--mono);letter-spacing:.14em;color:var(--g);font-size:13px}.log p{color:#c9c9c9}footer{padding:32px var(--pad) 40px;color:var(--mute);font-family:var(--mono);border-top:1px solid #121212;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}footer div{gap:22px;display:flex}footer a:hover{color:var(--g)}@media (width<=800px){.scene,.scene.flip,.film-sticky{min-height:auto;padding:64px var(--pad);grid-template-columns:1fr;gap:28px}.scene.flip>.shot,.scene.flip>.scene-copy{order:0}.film{height:auto}.film-sticky{padding-top:96px;position:relative}.scene:before{opacity:calc(var(--p,0) * .2);font-size:88px;top:24px;bottom:auto}.scene-copy p,.lede{max-width:none}.log li{grid-template-columns:64px 1fr;gap:16px}.about-story{gap:56px}}@media (width<=560px){nav{padding:12px var(--pad)}.nav-links{gap:16px;font-size:12px}.nav-links a:nth-child(n+3){display:none}.about-aliases{gap:8px 18px;font-size:11px}}@media (prefers-reduced-motion:reduce){.film{height:auto}.film-sticky{position:relative}html{scroll-behavior:auto}.scene .shot,.scene-copy,.film-sticky .shot,.film-copy,.whisper .glitch{letter-spacing:.06em!important;opacity:1!important;transform:none!important}.scene:before{opacity:.04;transform:none}}