:root{color-scheme:dark;--void: #01030a;--ink: #e6f7ff;--muted: #8fb3c9;--cyan: #5ef0ff;--cyan-dim: rgb(94 240 255 / .45);--cyan-faint: rgb(94 240 255 / .12);--violet: #c060ff;--amber: #ffc861;--alert: #ff4d6d;--glass: rgb(4 14 30 / .58);--mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, "DejaVu Sans Mono", monospace;--sans: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--void);text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--void);scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--void);overflow-x:hidden}a{color:inherit}.feed{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--void) url(/media/loopclimber-hype-poster.jpg) center / cover no-repeat}.feed-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feed-shade{position:absolute;inset:0;background:linear-gradient(90deg,#01030ae0,#01030a99 38%,#01030a1f 70%,#01030a4d),linear-gradient(180deg,rgb(1 3 10 / .55) 0%,transparent 18%,transparent 78%,rgb(1 3 10 / .7) 100%)}.feed-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgb(255 255 255 / .025) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;pointer-events:none}.hud-bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:1.5rem;justify-content:space-between;padding:1.1rem clamp(1rem,4vw,3rem);font:500 .72rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.hud-brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:700;letter-spacing:.32em}.hud-glyph{width:.85rem;height:.85rem;border:1.5px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px var(--cyan),inset 0 0 6px var(--cyan)}.hud-readout{color:var(--cyan-dim);margin-right:auto}.hud-live:before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.45rem;border-radius:50%;background:var(--alert);box-shadow:0 0 8px var(--alert);animation:blink 1.2s steps(2,jump-none) infinite}.hud-cta{padding:.75rem 1.1rem;transition:opacity .3s,visibility .3s,border-color .2s,box-shadow .2s,color .2s}.button-primary.hud-cta:after{content:"↓"}body[data-active-screen=contact] .hud-cta{opacity:0;visibility:hidden}.story{position:relative;z-index:1}.screen{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:6rem clamp(1rem,6vw,6rem) 4rem;scroll-snap-align:start;scroll-snap-stop:always}.panel{position:relative;width:fit-content;max-width:min(46rem,100%);padding:clamp(1.4rem,3vw,2.4rem) clamp(1.4rem,3.4vw,2.8rem);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}body[data-active-screen] .screen:not([data-active]) .panel{opacity:.18;transform:translateY(28px)}.screen[data-active] h2,.screen[data-active] h1{animation:glitch-in .7s steps(1,end) both}h1,h2{margin:0 0 1rem;font-weight:700;letter-spacing:-.025em;line-height:1.02;text-wrap:balance;text-shadow:0 2px 16px rgb(1 3 10 / .9),0 1px 4px rgb(1 3 10 / .85)}h1{font-size:clamp(2.6rem,7vw,5.4rem);text-shadow:0 2px 18px rgb(1 3 10 / .9),0 1px 4px rgb(1 3 10 / .85),0 0 40px rgb(94 240 255 / .25)}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 2px 18px rgb(1 3 10 / .9),0 0 24px rgb(94 240 255 / .75)}h2{font-size:clamp(2.2rem,5.6vw,4.4rem)}.index{margin:0 0 1rem;color:var(--cyan);font:600 .8rem/1 var(--mono);letter-spacing:.24em;text-shadow:0 2px 10px rgb(1 3 10 / .9),0 1px 3px rgb(1 3 10 / .85)}.index span{font-size:1.5rem;letter-spacing:.04em;text-shadow:0 2px 10px rgb(1 3 10 / .9),0 0 14px rgb(94 240 255 / .7);vertical-align:-.12em}.subtitle{margin:0;max-width:40rem;color:#b9d3e3;font:500 clamp(.95rem,1.5vw,1.15rem)/1.5 var(--mono);letter-spacing:.04em;text-shadow:0 2px 12px rgb(1 3 10 / .95),0 1px 3px rgb(1 3 10 / .9)}.subtitle:before{content:"› ";color:var(--cyan)}.panel-hero{width:min(48rem,100%)}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;text-decoration:none;font:600 .78rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid rgb(94 240 255 / .35);text-shadow:0 2px 10px rgb(1 3 10 / .9),0 1px 3px rgb(1 3 10 / .85);transition:border-color .2s,box-shadow .2s,color .2s}.button:hover,.button:focus-visible{border-color:var(--cyan);outline:none;box-shadow:inset 0 0 0 1px var(--cyan)}.button-primary{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 28px #5ef0ff73}.button-primary:hover,.button-primary:focus-visible{color:#a6f7ff;border-color:#a6f7ff}.button-primary:after{content:"→";font-family:var(--sans)}.scroll-cue{position:absolute;left:50%;bottom:2rem;width:1.6rem;height:2.6rem;margin-left:-.8rem;border:1px solid var(--cyan-dim);border-radius:1rem}.scroll-cue span{position:absolute;left:50%;top:.5rem;width:3px;height:.55rem;margin-left:-1.5px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:cue 1.6s ease-in-out infinite}.screen-contact{justify-content:center}.panel-contact{width:min(68rem,100%);max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;padding:clamp(1.6rem,4vw,3.2rem)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.1rem}.contact-form label{display:grid;gap:.45rem}.contact-form label>span{color:var(--cyan);font:500 .68rem/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 10px rgb(1 3 10 / .9),0 1px 3px rgb(1 3 10 / .85)}.contact-form small{font-size:inherit;color:var(--muted);text-transform:none;letter-spacing:.06em}.contact-form input,.contact-form textarea{width:100%;padding:.8rem .9rem;color:var(--ink);font:400 1rem/1.4 var(--sans);background:#010610b8;border:1px solid rgb(94 240 255 / .28);border-radius:0;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8fb3c980}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 18px #5ef0ff40}.contact-wide{grid-column:1 / -1}.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.contact-submit .button{background:none;cursor:pointer;padding:1rem 1.6rem}.contact-submit .button[aria-busy=true]{opacity:.6;cursor:progress}.form-status{margin:0;color:var(--muted);font:500 .8rem/1.4 var(--mono);text-shadow:0 2px 10px rgb(1 3 10 / .9)}.form-status[data-state=success]{color:var(--cyan)}.form-status[data-state=error]{color:var(--alert)}.form-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}@keyframes blink{50%{opacity:.2}}@keyframes cue{0%{transform:translateY(0);opacity:1}80%{transform:translateY(1rem);opacity:0}to{opacity:0}}@keyframes glitch-in{0%{opacity:0;transform:translate(-6px);text-shadow:3px 0 var(--alert),-3px 0 var(--cyan)}15%{opacity:1;transform:translate(4px)}30%{opacity:.4;transform:translate(-2px);text-shadow:-2px 0 var(--violet),2px 0 var(--cyan)}45%{opacity:1;transform:none}to{opacity:1;transform:none}}@media(max-width:760px){.hud-readout{display:none}.hud-bar{padding:.9rem 1rem;gap:.75rem}.hud-brand{letter-spacing:.22em}.screen{align-items:flex-end;padding:5rem 1rem 2.5rem}.screen-hero{align-items:center}.feed-shade{background:linear-gradient(180deg,#01030a99,#01030a40 30%,#01030ab3 62%,#01030aeb)}.scroll-cue{display:none}.screen-contact{align-items:center;padding-top:4.2rem;padding-bottom:1.2rem}.panel-contact{grid-template-columns:1fr;gap:1.4rem;padding:1.3rem .2rem}.contact-form{grid-template-columns:1fr;gap:.8rem}.contact-form textarea{min-height:5rem}.contact-form input,.contact-form textarea{padding:.65rem .8rem}.hud-cta{padding:.6rem .8rem;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel{transition:none}.screen[data-active] h2,.screen[data-active] h1,.hud-live:before,.scroll-cue span{animation:none}}