:root { --navy:#090a24; --cream:#fff4c4; --red:#ff3b47; --blue:#1cd3ff; --gold:#ffca27; font-family:Arial Black,Arial,sans-serif; }
*{box-sizing:border-box} body{margin:0;background:var(--navy);color:var(--cream);overflow-x:hidden} .scanlines{position:fixed;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);mix-blend-mode:screen}
header,footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);font-size:.64rem;letter-spacing:.13em;border-bottom:1px solid rgba(255,244,196,.25)} .status{color:var(--gold)}
.hero{position:relative;display:grid;place-items:center;min-height:86vh;padding:5rem 1rem;text-align:center;background:radial-gradient(circle at 50% 55%,#29215f 0,transparent 42%),linear-gradient(135deg,transparent 47%,rgba(28,211,255,.08) 48% 52%,transparent 53%)}
.eyebrow,.chapter{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)} h1{position:relative;margin:.2rem 0 0;font-size:clamp(5rem,17vw,15rem);line-height:.72;letter-spacing:-.09em;text-shadow:-7px 0 0 var(--red),7px 0 0 var(--blue);transform:skew(-3deg)} h1 span{display:block;font-size:.25em;letter-spacing:.55em;text-shadow:none;margin-left:.55em}.tagline{margin:1.5rem 0 0;color:var(--gold);font-family:Georgia,serif;font-style:italic;font-size:clamp(1.2rem,3vw,2.4rem)}
.glasses{display:flex;gap:8px;margin:2.2rem}.glasses i,.glasses b{display:block;width:72px;height:46px;border:6px solid var(--cream);border-radius:50% 45%;box-shadow:0 0 28px currentColor}.glasses i{color:var(--red);background:rgba(255,59,71,.5);transform:rotate(5deg)}.glasses b{color:var(--blue);background:rgba(28,211,255,.5);transform:rotate(-5deg)}
.pitch{font:1rem/1.6 'Courier New',monospace}button{cursor:pointer;padding:1rem 1.4rem;border:3px solid var(--cream);background:var(--red);color:white;box-shadow:7px 7px 0 var(--blue);font:900 .78rem Arial,sans-serif;letter-spacing:.12em;transition:.15s}button:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--blue)}
.marquee{overflow:hidden;padding:1rem 0;background:var(--gold);color:var(--navy);white-space:nowrap;transform:rotate(-1deg) scale(1.02)}.marquee div{width:max-content;animation:scroll 22s linear infinite;font-size:.75rem;letter-spacing:.12em}@keyframes scroll{to{transform:translateX(-50%)}}
.story{width:min(1100px,calc(100% - 2rem));margin:auto;padding:clamp(5rem,11vw,10rem) 0}.story h2{max-width:1000px;margin:1rem 0 3rem;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.92;letter-spacing:-.055em}.story em{color:var(--blue)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);font:1.08rem/1.7 Georgia,serif;color:#d9d3bd}.incident{padding:6rem 1rem;text-align:center;background:var(--red)}.incident h2{font-size:clamp(2.5rem,7vw,6rem);margin:1rem auto 2rem;max-width:900px}.incident button{background:var(--navy)}footer{border-top:1px solid rgba(255,244,196,.25);border-bottom:0}@media(max-width:650px){header span:last-child{display:none}.columns{grid-template-columns:1fr}.glasses i,.glasses b{width:54px;height:36px}}