:root{--void:#090d10;--deep:#10171c;--panel:#151e24;--line:#2a3942;--paper:#eee8d9;--fog:#b8c1c3;--dim:#77868d;--amber:#e9a83b;--rust:#b9543c;--ocean:#4f9aaa;--ink:#171a19}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--fog);font-family:'Source Serif 4',Georgia,serif;line-height:1.72}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:rgba(9,13,16,.94)}
.nav{max-width:1160px;margin:auto;min-height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;font-family:'Special Elite',monospace;color:var(--paper);font-size:18px;letter-spacing:.04em}
.brand span{color:var(--amber)}
nav{display:flex;gap:22px;align-items:center}
nav a{text-decoration:none;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--dim)}
nav a:hover,nav a:focus-visible{color:var(--amber)}
.hero{border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(79,154,170,.14),transparent 34%),linear-gradient(150deg,#111a20,#090d10 64%)}
.hero-grid{max-width:1160px;margin:auto;padding:70px 24px 58px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:58px;align-items:center}
.kicker,.label,.article-meta,.source-kind{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--amber)}
h1,h2,h3{color:var(--paper);font-family:'Special Elite',monospace;font-weight:400}
h1{font-size:clamp(42px,6.2vw,76px);line-height:1.02;margin:16px 0 20px;max-width:800px}
.dek{font-size:20px;line-height:1.55;color:#ccd2d0;max-width:720px;margin:0 0 26px}
.byline{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);display:flex;gap:15px;flex-wrap:wrap}
.hero-art{position:relative;border:1px solid #3c4d56;background:#0c1216;box-shadow:16px 16px 0 rgba(0,0,0,.25);transform:rotate(1deg)}
.hero-art:before{content:"FIELD ILLUSTRATION / NOT EVIDENCE";position:absolute;z-index:2;top:12px;left:14px;color:rgba(238,232,217,.65);font:8px 'JetBrains Mono',monospace;letter-spacing:.12em}
.hero-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.fact-band{border-bottom:1px solid var(--line);background:#0c1216}
.facts{max-width:1160px;margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr)}
.fact{padding:23px 26px;border-left:1px solid var(--line)}
.fact:last-child{border-right:1px solid var(--line)}
.fact strong{display:block;color:var(--paper);font-family:'Special Elite',monospace;font-size:17px;font-weight:400;margin-top:5px}
main{max-width:1160px;margin:auto;padding:66px 24px 90px;display:grid;grid-template-columns:minmax(0,720px) minmax(260px,1fr);gap:72px;align-items:start}
.article-body>p:first-of-type:first-letter{float:left;color:var(--amber);font:66px/52px 'Special Elite',monospace;padding:9px 10px 0 0}
.article-body p{font-size:18px;margin:0 0 24px}
.article-body h2{font-size:31px;line-height:1.2;margin:52px 0 18px}
.article-body h3{font-size:21px;margin:32px 0 12px}
.article-body blockquote{margin:36px 0;padding:20px 24px;border-left:3px solid var(--amber);background:var(--deep);color:var(--paper);font-size:20px;font-style:italic}
.reality-check{margin:46px 0;border:1px solid var(--line);background:var(--deep)}
.reality-check h2{margin:0;padding:20px 24px;border-bottom:1px solid var(--line);font-size:23px}
.check-grid{display:grid;grid-template-columns:1fr 1fr}
.check{padding:24px}
.check+ .check{border-left:1px solid var(--line)}
.check h3{margin:0 0 12px;font-size:17px}
.check ul{margin:0;padding-left:18px}
.check li{margin:9px 0}
.known h3{color:#89b49d}.unknown h3{color:#d78b73}
.sources{margin-top:52px;padding-top:26px;border-top:1px solid var(--line)}
.sources h2{margin:0 0 20px;font-size:24px}
.source{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding:15px 2px}
.source:hover .source-title{color:var(--amber)}
.source-title{display:block;color:var(--paper);font-weight:700;transition:color .15s}
.sidebar{position:sticky;top:30px}
.dossier{border:1px solid var(--line);background:var(--deep);padding:25px;position:relative}
.dossier:after{content:"OPEN FILE";position:absolute;right:18px;top:18px;border:1px solid var(--rust);color:var(--rust);padding:4px 7px;transform:rotate(5deg);font:9px 'JetBrains Mono',monospace;letter-spacing:.08em}
.dossier h2{font-size:22px;margin:18px 0 12px}
.dossier p{font-size:14px;color:var(--dim)}
.signal{margin:22px 0 0;padding:16px;border:1px dashed #3d4c54;font:11px/1.7 'JetBrains Mono',monospace;color:#97a4a7}
.related{margin-top:28px}
.related h2{font-size:20px;margin:0 0 12px}
.related a{display:block;text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--fog)}
.related a:hover{color:var(--amber)}
footer{border-top:1px solid var(--line);background:#070a0c}
.footer-inner{max-width:1160px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;gap:20px;color:var(--dim);font:10px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.07em}
.footer-inner a{text-decoration:none;color:var(--amber)}
@media(max-width:860px){.hero-grid,main{grid-template-columns:1fr}.hero-grid{padding-top:48px}.hero-art{max-width:620px}.sidebar{position:static}.facts{grid-template-columns:1fr}.fact,.fact:last-child{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}nav{display:none}}
@media(max-width:560px){h1{font-size:40px}.dek{font-size:18px}.hero-grid{gap:36px}.check-grid{grid-template-columns:1fr}.check+.check{border-left:0;border-top:1px solid var(--line)}main{padding-top:46px}.footer-inner{flex-direction:column}}
