*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e8e3d8;background:#07070a;margin:0;font-family:Chakra Petch,system-ui,sans-serif;overflow-x:hidden}::selection{background:#ff932966}:root{--bg:#07070a;--ink:#e8e3d8;--dim:#9a938a;--ember:#ff9329;--rust:#b4562e;--teal:#40e0d0;--mark:"Silkscreen", monospace;--body:"Chakra Petch", system-ui, sans-serif}.embers{z-index:2;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0}.scanlines{z-index:3;pointer-events:none;opacity:.55;background:repeating-linear-gradient(#0000 0 2px,#00000024 3px);position:fixed;inset:0}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(18px)}.reveal.shown{opacity:1;transform:none}.hero{justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-art{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;animation:30s ease-in-out infinite alternate slow-zoom;position:absolute;inset:0}@keyframes slow-zoom{0%{transform:scale(1)}to{transform:scale(1.07)}}.hero-shade{background:radial-gradient(ellipse at 50% 42%, #07070a00 30%, #07070a8c 78%), linear-gradient(to bottom, #07070a8c, #07070a0d 30%, #07070a1a 62%, var(--bg) 97%);position:absolute;inset:0}.hero-inner{z-index:4;text-align:center;padding:0 16px;position:relative}.kicker{font-family:var(--body);letter-spacing:.55em;text-indent:.55em;color:var(--dim);margin:0 0 .6rem;font-size:clamp(.7rem,1.6vw,.95rem);font-weight:300;transition-delay:.15s}.wordmark{font-family:var(--mark);color:var(--ink);text-shadow:0 0 18px #ff93298c,0 0 60px #ff932940,0 4px #0000008c;margin:0;font-size:clamp(2rem,8.2vw,6.2rem);font-weight:700;line-height:1}.tagline{font-family:var(--body);letter-spacing:.45em;text-indent:.45em;color:var(--ember);text-shadow:0 0 14px #ff932980;margin:1.2rem 0 0;font-size:clamp(.8rem,2.2vw,1.25rem);font-weight:600;transition-delay:.35s}.coming{font-family:var(--mark);letter-spacing:.3em;color:var(--teal);text-shadow:0 0 16px #40e0d099;margin:2.4rem 0 0;font-size:clamp(.7rem,1.8vw,1rem);transition-delay:.55s}.blink{animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.scroll-hint{z-index:4;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint span{border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);width:12px;height:12px;animation:1.8s ease-in-out infinite hint;display:block;transform:rotate(45deg)}@keyframes hint{0%,to{opacity:.4;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(6px,6px)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;opacity:0;position:absolute;inset:0;overflow:hidden}.glitch:before{color:#ff2d78;animation:4.2s step-end infinite glitch-a}.glitch:after{color:var(--teal);animation:3.8s step-end infinite glitch-b}@keyframes glitch-a{0%,89.9%,to{opacity:0;clip-path:none;transform:none}90%{opacity:.75;clip-path:inset(12% 0 58%);transform:translate(-6px,2px)}92%{opacity:.7;clip-path:inset(60% 0 18%);transform:translate(5px,-2px)}94%{opacity:.6;clip-path:inset(35% 0 40%);transform:translate(-3px,1px)}96%{opacity:0}}@keyframes glitch-b{0%,84.9%,to{opacity:0;clip-path:none;transform:none}85%{opacity:.7;clip-path:inset(55% 0 22%);transform:translate(6px,-2px)}87%{opacity:.65;clip-path:inset(8% 0 70%);transform:translate(-5px,2px)}90%{opacity:.5;clip-path:inset(42% 0 33%);transform:translate(3px,-1px)}93%{opacity:0}}.story{text-align:center;background:radial-gradient(at 50% 0,#b4562e14,#0000 55%);padding:clamp(90px,16vh,170px) 24px}.story-line{font-family:var(--body);letter-spacing:.14em;color:var(--ink);margin:0 0 1.5rem;font-size:clamp(1.15rem,3.4vw,1.9rem);font-weight:300}.story-line:nth-child(2){transition-delay:.15s}.story-line:nth-child(3){transition-delay:.3s}.story-em{color:var(--ember);text-shadow:0 0 18px #ff932973;margin-top:3rem;font-weight:600;transition-delay:.5s}.panels{flex-direction:column;gap:clamp(70px,11vh,130px);max-width:1180px;margin:0 auto;padding:20px 24px 60px;display:flex}.panel{grid-template-columns:7fr 5fr;align-items:center;gap:clamp(24px,4vw,56px);display:grid}.panel.flip .panel-img{order:2}.panel.flip .panel-copy{text-align:right;order:1}.panel-img{border:1px solid #ff932940;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009,0 24px 60px #0000008c,0 0 40px #b4562e1f}.panel-img:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #07070aa6}.panel-img img{width:100%;height:auto;image-rendering:pixelated;transition:transform .8s;display:block;transform:scale(1.02)}.panel:hover .panel-img img{transform:scale(1.08)}.panel-copy h2{font-family:var(--mark);letter-spacing:.08em;color:var(--ember);text-shadow:0 0 14px #ff932959;margin:0 0 .9rem;font-size:clamp(1rem,2.6vw,1.55rem);font-weight:700}.panel-copy p{font-family:var(--body);letter-spacing:.04em;color:var(--dim);margin:0;font-size:clamp(.95rem,2vw,1.15rem);font-weight:300;line-height:1.75}.outro{text-align:center;background:radial-gradient(at 50% 100%,#b4562e1f,#0000 60%);padding:clamp(90px,18vh,190px) 24px}.outro-mark{font-family:var(--mark);color:var(--ink);text-shadow:0 0 18px #ff932973,0 0 60px #ff932933;margin:0;font-size:clamp(1.6rem,6vw,4rem);font-weight:700}.outro-sub{font-family:var(--body);letter-spacing:.4em;text-indent:.4em;color:var(--dim);margin:1.4rem 0 0;font-size:clamp(.7rem,1.6vw,.9rem);font-weight:300}.outro-soon{font-family:var(--mark);letter-spacing:.3em;color:var(--teal);text-shadow:0 0 16px #40e0d08c;margin:2.2rem 0 0;font-size:clamp(.8rem,2vw,1.1rem);transition-delay:.2s}.foot{text-align:center;border-top:1px solid #ffffff0f;padding:28px 24px 34px}.foot p{font-family:var(--body);letter-spacing:.18em;color:#5c564f;margin:0;font-size:.8rem;font-weight:300}.foot-studio{margin-bottom:.7rem!important}.foot-studio a{color:var(--dim);border-bottom:1px solid #ff932959;padding-bottom:1px;text-decoration:none;transition:color .3s,border-color .3s,text-shadow .3s}.foot-studio a:hover{color:var(--ember);border-color:var(--ember);text-shadow:0 0 12px #ff932973}@media (width<=760px){.panel,.panel.flip{grid-template-columns:1fr}.panel.flip .panel-img{order:1}.panel.flip .panel-copy{text-align:left;order:2}}