*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-subtle: #121212;--text: #f0ebe0;--paper: #f0ebe0;--red: #dc2626;--red-dark: #991b1b;--red-glow: rgba(220, 38, 38, .4);--yellow: #facc15;--yellow-glow: rgba(250, 204, 21, .3);--blue: #3b82f6;--green: #22c55e;--gray: #2a2a2a;--border: #3a3a3a;--font-display: "Abril Fatface", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-gap: clamp(4rem, 12vh, 8rem);--max-width: 1200px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;cursor:default}body.intro-active{overflow:hidden!important}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;background-repeat:repeat;mix-blend-mode:overlay}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--yellow)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--red);margin-bottom:.75rem;display:inline-block;opacity:.85}.btn-primary{font-family:var(--font-body);font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;background:var(--red);color:var(--paper);border:none;padding:.9rem 2.8rem;border-radius:2px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #dc262633}.btn-primary:hover{background:#b91c1c;transform:translateY(-2px) scale(1.02);box-shadow:0 0 35px #dc262666}.btn-secondary{font-family:var(--font-body);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;background:transparent;color:var(--paper);border:1.5px solid rgba(240,235,224,.3);padding:.9rem 2.2rem;border-radius:2px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{border-color:var(--paper);color:var(--paper);background:#f0ebe014;transform:translateY(-2px)}#cinematic-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#030303;color:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-mono);isolation:isolate;-webkit-user-select:none;user-select:none;transition:opacity .9s cubic-bezier(.76,0,.24,1),visibility .9s}#cinematic-intro.is-done{opacity:0;visibility:hidden;pointer-events:none}.intro-noise,.intro-scanlines,.intro-vignette,.intro-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.intro-noise{opacity:.15;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:screen;animation:introNoise .12s steps(2) infinite}.intro-scanlines{opacity:.08;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.08) 4px);mix-blend-mode:overlay}.intro-vignette{background:radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.85) 100%);z-index:2}.intro-grid{position:absolute;width:130vmax;height:130vmax;border-radius:50%;opacity:.35;background:repeating-radial-gradient(circle at center,transparent 0 70px,rgba(240,235,224,.04) 71px 72px);transform:scale(.25);animation:introGrid 14s cubic-bezier(.16,1,.3,1) forwards}.intro-crosshair{position:absolute;left:50%;top:50%;width:min(85vw,1100px);height:min(65vh,650px);transform:translate(-50%,-50%);z-index:3}.intro-crosshair:before,.intro-crosshair:after{content:"";position:absolute;background:#f0ebe01f}.intro-crosshair:before{width:1px;height:100%;left:50%}.intro-crosshair:after{height:1px;width:100%;top:50%}.intro-corner{position:absolute;width:38px;height:38px;border-color:#f0ebe059;border-style:solid}.intro-corner.tl{top:0;left:0;border-width:1.5px 0 0 1.5px}.intro-corner.tr{top:0;right:0;border-width:1.5px 1.5px 0 0}.intro-corner.bl{bottom:0;left:0;border-width:0 0 1.5px 1.5px}.intro-corner.br{bottom:0;right:0;border-width:0 1.5px 1.5px 0}.intro-meta{position:absolute;top:6%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.25em;color:#f0ebe066;z-index:4}.intro-meta .danger{color:var(--red);font-weight:700}.intro-content{position:relative;z-index:5;width:min(1000px,90vw);text-align:center;display:flex;justify-content:center;align-items:center;min-height:400px}.intro-line{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;pointer-events:none}.intro-line .small{display:block;font-size:clamp(10px,1.2vw,13px);letter-spacing:.55em;color:#f0ebe073;margin-bottom:1.8rem;text-transform:uppercase}.intro-line .big{display:block;font-family:var(--font-display);font-size:clamp(2.8rem,9.5vw,8.5rem);line-height:.9;letter-spacing:-.025em;text-transform:uppercase;color:var(--paper)}.intro-line.highlight-yellow .big{color:var(--yellow)}.intro-line.highlight-red .big{color:var(--red)}.intro-silence .big{font-family:var(--font-mono);font-size:clamp(2rem,6vw,5rem);letter-spacing:.3em;color:#f0ebe040;animation:pulseSilence 1.5s infinite ease-in-out}.intro-no .big{font-size:clamp(6rem,26vw,24rem);color:var(--red);text-shadow:0 0 50px rgba(220,38,38,.4),0 0 100px rgba(220,38,38,.2);letter-spacing:-.04em}.intro-subtitle{position:absolute;bottom:6%;left:7%;font-size:10px;letter-spacing:.2em;color:#f0ebe04d;z-index:5}.intro-subtitle b{color:var(--red)}.intro-controls{position:absolute;right:7%;bottom:6%;z-index:10;display:flex;align-items:center;gap:1rem}.intro-btn{border:1px solid rgba(240,235,224,.25);background:#0a0a0a99;color:#f0ebe099;padding:8px 14px;font:700 10px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.intro-btn:hover{color:var(--paper);border-color:var(--paper);background:#f0ebe01a}.intro-flash{z-index:20;background:#fff;opacity:0}#cinematic-intro.rupture .intro-flash{animation:introFlash .45s 0s both}#cinematic-intro.rupture{animation:introShake .6s steps(8) both}@keyframes introNoise{0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}to{transform:translate(-1%,-1%)}}@keyframes introGrid{0%{opacity:0;transform:scale(.25)}25%{opacity:.6}to{opacity:.15;transform:scale(1.3)}}@keyframes pulseSilence{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(.98)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.02)}}@keyframes introFlash{0%{opacity:0}20%{opacity:.95}to{opacity:0}}@keyframes introShake{0%{transform:translate(0)}20%{transform:translate(-10px,6px)}40%{transform:translate(9px,-6px)}60%{transform:translate(-5px,-3px)}80%{transform:translate(7px,5px)}to{transform:translate(0)}}.cinematic-replay{position:fixed;right:1.5rem;bottom:1.5rem;z-index:9000;display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;border:1px solid rgba(240,235,224,.22);background:#0a0a0ad9;color:#f0ebe0bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000080;border-radius:2px}.cinematic-replay:hover{color:var(--paper);border-color:var(--red);transform:translateY(-3px);box-shadow:0 0 25px #dc26264d}@media(max-width:640px){.intro-meta{top:4%;left:4%;right:4%;font-size:8px}.intro-subtitle{left:4%;bottom:4%;font-size:8px}.intro-controls{right:4%;bottom:4%}.cinematic-replay{right:1rem;bottom:1rem;padding:.6rem .9rem;font-size:.65rem}}