:root{color-scheme:dark;--bg:#0a090b;--surface:#121013;--surface2:#1c1519;--ink:#f3ece4;--muted:#a99e9c;--red:#e72d37;--line:#3a2e33;--mono:'Space Mono',monospace;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.21'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #ff7a7f;outline-offset:5px}
.skip{position:absolute;z-index:60;left:20px;top:-90px;padding:12px 18px;background:var(--red);color:#fff}.skip:focus{top:15px}
.site{overflow:clip;position:relative;min-height:100vh}
.site::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(to bottom,#000 0%,transparent 90%)}
.topbar{position:relative;z-index:10;min-height:84px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:16px clamp(22px,6vw,100px);gap:24px;background:#0a090bdb;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:baseline;white-space:nowrap;font:900 clamp(29px,3vw,38px)/1 var(--display);letter-spacing:-.035em}.brand small{font-size:.45em;margin-right:.3em}.brand .red{color:var(--red)}
.nav{display:flex;align-items:center;gap:clamp(16px,3vw,42px);font:700 10px/1.5 var(--mono);letter-spacing:.08em}.nav a{transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--red)}
.signal{display:inline-flex;align-items:center;gap:11px;font:700 10px/1.5 var(--mono);letter-spacing:.08em;color:#c6b8b5;white-space:nowrap}
.led{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 14px #e72d37;animation:blink 2.8s infinite}
@keyframes blink{50%{opacity:.38;box-shadow:0 0 3px #e72d37}}
.eyebrow,.micro,.meta,.case-tag,.case-status,.scanner-label,.archive-index,.archive-state,.crumbs,.footer,.signal-response,.section-topline,.transmission-status{font:700 10px/1.6 var(--mono);letter-spacing:.12em}
.eyebrow{display:flex;align-items:center;gap:13px;color:#f16c71}.eyebrow::before{content:"";height:2px;width:30px;background:var(--red)}
.hero{min-height:min(800px,calc(100svh - 84px));position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:2vw;padding:75px clamp(22px,6vw,100px) 80px}
.hero::before,.case-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--mx,75%) var(--my,40%),#8c263026,transparent 43%)}
.hero-copy{position:relative;z-index:2;max-width:780px}
.hero-kicker{margin:52px 0 14px;color:#c6b7b3;font-size:clamp(16px,1.5vw,20px)}
h1,h2,h3,p{margin-top:0}
.display{font:900 clamp(86px,10.3vw,166px)/.84 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0}
.display span{display:block}.display em,.section-title em,.case-title em{color:var(--red);font-style:normal}
.hero-lead{margin:36px 0 32px;max-width:480px;color:#bfb1ad;line-height:1.75;font-size:clamp(15px,1.25vw,18px)}
.hero-lead strong{color:var(--ink)}
.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.button{border:1px solid var(--red);background:var(--red);color:#fff;min-height:55px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 20px;cursor:pointer;font:700 11px/1.5 var(--mono);letter-spacing:.06em;transition:transform .25s,background .25s,border-color .25s}
.button:hover{transform:translateY(-3px);background:#bc202b}
.button-ghost{background:transparent;border-color:#675054}.button-ghost:hover{background:#2a161c;border-color:var(--red)}
.hero-footnote{margin-top:60px;color:#8d7c79;display:flex;gap:30px;flex-wrap:wrap}
.hero-art{position:relative;z-index:1;min-height:575px;display:grid;place-items:center;perspective:900px}
.orbit{position:absolute;width:min(90%,570px);aspect-ratio:1;border:1px solid #a9363c42;border-radius:50%;animation:spin 34s linear infinite}
.orbit::before,.orbit::after{content:"";position:absolute;border:1px solid #b6383b35;border-radius:50%;inset:11%}
.orbit::after{inset:23%;border-style:dashed;animation:spin 18s linear infinite reverse}
.orbit-dot{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 24px var(--red)}
.art-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#8e1e2a52;filter:blur(85px)}
.folder-back{position:absolute;width:min(66%,365px);height:440px;background:#523a37;border:1px solid #9b726d;transform:rotate(11deg) translate(25px,-7px);box-shadow:25px 25px 65px #0009}
.dossier{width:min(70%,390px);min-height:475px;position:relative;background:#dfd5c5;color:#241d1b;padding:36px 34px 28px;transform:rotate(-7deg) rotateX(var(--tiltx,0deg)) rotateY(var(--tilty,0deg));box-shadow:24px 38px 80px #000c;transition:transform .2s ease-out;animation:levitate 7s ease-in-out infinite}
.dossier::before{content:"";position:absolute;inset:10px;border:1px solid #a89f94;pointer-events:none}
.clip{position:absolute;top:-14px;left:calc(50% - 40px);width:80px;height:17px;border:3px solid #857b71;border-radius:3px;background:#211d1d}
.dossier-top,.dossier-bottom{display:flex;justify-content:space-between;font:700 9px/1.5 var(--mono)}
.dossier-rule{height:2px;background:#2d2524;margin:22px 0 43px}
.dossier-label{font:700 15px/1.4 var(--mono);color:#af242d}
.dossier-head{font:900 clamp(50px,4.2vw,70px)/.88 var(--display);letter-spacing:-.025em;margin:19px 0 22px}
.redactions{display:grid;gap:9px;margin:0 0 26px}.redactions i{display:block;background:#2d2524;height:10px;width:87%}.redactions i:nth-child(2){width:60%}.redactions i:nth-child(3){width:96%}.redactions i:nth-child(4){width:43%}
.dossier-stamp{position:absolute;right:18px;bottom:85px;transform:rotate(-12deg);border:4px solid #b82931;padding:8px 10px;color:#b82931;font:700 21px/1 var(--mono)}
.dossier-bottom{margin-top:40px;color:#726761}
.seal{position:absolute;right:-30px;top:-30px;width:88px;height:88px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #e72d3750,0 10px 24px #0008;display:grid;place-items:center;color:#fff;font:900 65px var(--display);transform:rotate(15deg)}
.art-coordinate{position:absolute;top:8%;left:3%;color:#b45c64}.art-cross{position:absolute;right:2%;bottom:8%;font:400 36px var(--mono);color:#8b3b45}
@keyframes levitate{50%{translate:0 -11px}}@keyframes spin{to{transform:rotate(360deg)}}
.marquee{background:var(--red);color:#1a0d10;overflow:hidden;padding:13px 0;white-space:nowrap;font:900 23px/1 var(--display);letter-spacing:.07em}
.marquee-track{display:flex;width:max-content;gap:32px;animation:marquee 28s linear infinite}.marquee-track span{display:flex;gap:32px;align-items:center}@keyframes marquee{to{transform:translateX(-50%)}}
.archive{position:relative;padding:110px clamp(22px,6vw,100px) 120px;background:linear-gradient(180deg,#131014,#0c0a0c)}
.section-topline{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:23px;color:#a99794}
.section-topline b{color:var(--red)}
.archive-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:55px 0 32px}
.section-title{font:900 clamp(75px,9vw,144px)/.86 var(--display);letter-spacing:-.035em;margin:0}
.archive-aside{max-width:250px;color:#a99a95;font-size:14px;line-height:1.7}
.archive-aside strong{display:block;color:var(--red);font:900 64px/1 var(--display)}
.archive-intro{max-width:620px;line-height:1.8;color:#ac9d98;margin:0 0 44px}
.archive-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.archive-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;border:1px solid #453339;background:#181216;padding:22px;overflow:hidden;isolation:isolate;transition:transform .3s,border-color .3s,background .3s}
.archive-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--x,50%) var(--y,50%),#e72d3732,transparent 56%);opacity:0;transition:opacity .3s}
.archive-card:hover{transform:translateY(-9px);border-color:#d64049;background:#23151b}.archive-card:hover::before{opacity:1}
.archive-card:focus-visible{outline-offset:-4px}
.archive-card:first-child{border-top:3px solid var(--red)}
.archive-index{color:#c1a8a5;display:flex;justify-content:space-between}.archive-index strong{font:900 65px/.8 var(--display);letter-spacing:-.03em;color:var(--ink)}
.archive-icon{font:400 90px/1 var(--display);text-align:center;color:#5c333b;transform:rotate(-16deg);transition:transform .35s,color .35s}.archive-card:hover .archive-icon{transform:rotate(0) scale(1.1);color:#a12b38}
.archive-name{font:900 clamp(31px,3.1vw,49px)/.92 var(--display);letter-spacing:-.015em}.archive-name small{display:block;font:700 10px/1.5 var(--mono);color:#b3a19d;letter-spacing:.07em;margin-bottom:9px}
.archive-state{display:flex;justify-content:space-between;align-items:center;color:#bca7a3;margin-top:18px}.archive-state b{font-size:22px;color:var(--red)}
.archive-note{display:flex;gap:10px;align-items:center;margin-top:24px;color:#9b8c88;font:700 10px/1.5 var(--mono);letter-spacing:.04em}
.archive-note::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}
.intermission{padding:90px clamp(22px,6vw,100px);background:var(--red);color:#fff}
.intermission p{font:700 11px var(--mono);letter-spacing:.14em;margin-bottom:30px}
.intermission h2{font:900 clamp(70px,10vw,165px)/.87 var(--display);letter-spacing:-.03em;margin:0}.intermission h2 em{color:#241016;font-style:normal}
.footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:26px clamp(22px,6vw,100px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#a59491}.footer a:hover{color:var(--red)}
.case-hero{min-height:calc(100svh - 84px);position:relative;display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);border-bottom:1px solid var(--line)}
.case-rail{padding:44px 24px 50px clamp(22px,6vw,100px);border-right:1px solid var(--line);background:#100d10;position:relative;z-index:1}
.crumbs{display:flex;align-items:center;gap:9px;color:#a58e8e;margin-bottom:60px}.crumbs a:hover{color:var(--red)}
.case-rail-title{font:900 37px/1 var(--display);margin-bottom:24px}
.rail-list{display:grid;gap:6px}.rail-link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 14px;border:1px solid transparent;color:#a79795;font:700 11px var(--mono);transition:background .2s,color .2s}
.rail-link:hover{background:#2b171d;color:#fff}.rail-link[aria-current=page]{background:#2c151c;border-color:#72313a;color:#fff}.rail-link[aria-current=page] span:last-child{color:var(--red)}
.rail-hint{color:#8d7776;line-height:1.8;margin-top:55px}
.case-content{position:relative;z-index:1;padding:45px clamp(25px,6vw,110px) 85px;overflow:hidden}
.case-topline{display:flex;justify-content:space-between;gap:20px;color:#b3a09c;margin-bottom:50px}
.case-display{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:30px}
.case-tag{color:#f16c71;margin-bottom:24px}.case-title{font:900 clamp(92px,10vw,164px)/.81 var(--display);letter-spacing:-.035em;margin:0 0 26px}.case-title span{display:block}
.case-description{max-width:490px;color:#b8a6a1;line-height:1.8;font-size:16px;margin:0 0 24px}
.transmission-status{display:inline-flex;align-items:center;gap:11px;border:1px solid #64353b;padding:12px 15px;color:#d8c4bf}
.case-emblem{height:410px;position:relative;display:grid;place-items:center;isolation:isolate}
.case-emblem::before{content:"";position:absolute;inset:9%;border:1px solid #a92c384e;border-radius:50%;animation:spin 30s linear infinite}
.case-emblem::after{content:"";position:absolute;inset:21%;border:1px dashed #a92c384e;border-radius:50%;animation:spin 19s linear infinite reverse}
.emblem-number{font:900 clamp(150px,18vw,280px)/1 var(--display);letter-spacing:-.07em;color:#e62c3733;filter:drop-shadow(0 0 38px #e62c371e);transform:skew(-8deg)}
.emblem-cross{position:absolute;top:13%;right:13%;color:var(--red);font:900 24px var(--mono)}
.scanner{position:relative;margin-top:42px;max-width:900px;border:1px solid #4c3239;background:linear-gradient(130deg,#1d1217,#100d11);padding:25px;overflow:hidden}
.scanner::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 6px,#e72d3709 7px);pointer-events:none}
.scanner.is-scanning::after{content:"";position:absolute;inset:0;height:4px;background:#f35a62;box-shadow:0 0 22px #f35a62;animation:scan 1s linear 1;pointer-events:none}
@keyframes scan{from{top:0}to{top:100%}}
.scanner-label{color:#f16c71;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.scanner p{color:#b7a4a0;font-size:14px;line-height:1.7;max-width:620px;margin:0 0 20px}
.scanner-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.signal-response{color:#c9b2ad;min-height:18px}
.case-pager{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:44px}
.case-pager a{font:700 11px var(--mono);color:#e4d3cc;border-bottom:1px solid #76515b;padding-bottom:9px}.case-pager a:hover{color:var(--red)}
.release-link{margin-top:18px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media(hover:none){.archive-card:hover{transform:none}.button:hover{transform:none}}
@media(max-width:1200px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:0}.dossier{min-height:440px;padding:30px}.dossier-head{font-size:58px}.case-rail{padding-left:26px}.case-content{padding-left:48px;padding-right:48px}}
@media(max-width:850px){.topbar{min-height:72px}.nav{gap:18px}.nav .nav-extra{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{min-height:510px}.display{font-size:clamp(78px,15vw,140px)}.hero-footnote{margin-top:40px}.archive{padding-top:80px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-heading{align-items:start}.case-hero{grid-template-columns:1fr}.case-rail{border-right:0;border-bottom:1px solid var(--line);padding:18px 24px}.crumbs{margin:0}.case-rail-title,.rail-hint{display:none}.rail-list{display:flex;gap:6px;overflow-x:auto;margin-top:15px}.rail-link{flex:0 0 auto;padding:11px 14px}.case-content{padding:40px 24px 70px}.case-display{grid-template-columns:1fr 270px}.case-title{font-size:clamp(88px,12vw,130px)}.case-emblem{height:300px}}
@media(max-width:560px){.topbar{padding:15px 22px;min-height:70px}.brand{font-size:29px}.nav a{display:none}.signal{font-size:8px;letter-spacing:0}.hero{padding:57px 23px 60px}.hero-kicker{margin-top:43px}.display{font-size:clamp(66px,14vw,95px)}.hero-lead{margin:29px 0}.hero-art{min-height:440px}.dossier{width:min(72%,340px);min-height:365px;padding:23px}.folder-back{width:69%;height:370px}.dossier-rule{margin:16px 0 29px}.dossier-label{font-size:12px}.dossier-head{font-size:clamp(43px,11vw,60px)}.dossier-stamp{font-size:15px;border-width:3px;right:10px;bottom:64px}.dossier-bottom{font-size:7px}.seal{width:68px;height:68px;font-size:50px;right:-19px;top:-21px}.archive{padding:75px 23px 85px}.section-topline{font-size:9px}.section-topline span:last-child{display:none}.archive-heading{display:block;margin:45px 0 23px}.section-title{font-size:clamp(75px,14vw,110px)}.archive-aside{margin-top:26px}.archive-aside strong{font-size:50px}.archive-grid{grid-template-columns:1fr;gap:12px}.archive-card{min-height:220px;display:grid;grid-template-columns:1fr 100px;grid-template-rows:auto 1fr auto;align-items:center}.archive-index{grid-column:1/-1}.archive-icon{grid-column:2;grid-row:2/4;font-size:76px}.archive-name{grid-column:1;grid-row:2;font-size:44px}.archive-state{grid-column:1;grid-row:3}.intermission{padding:75px 23px}.intermission h2{font-size:clamp(64px,12vw,100px)}.case-topline{font-size:9px;margin-bottom:35px}.case-topline span:last-child{display:none}.case-display{grid-template-columns:1fr}.case-title{font-size:clamp(90px,21vw,142px)}.case-emblem{height:270px;margin-top:5px}.emblem-number{font-size:230px}.scanner{margin-top:24px;padding:20px}.case-pager{margin-top:35px}}
@media(max-width:370px){.display{font-size:61px}.brand{font-size:26px}.case-title{font-size:83px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.led,.orbit,.orbit::after,.dossier,.marquee-track,.case-emblem::before,.case-emblem::after,.scanner.is-scanning::after{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.button,.archive-card,.archive-icon{transition:none}}
