:root { --ink:#05090c; --panel:#0d1418; --red:#f01624; --white:#fff; --muted:#b9bec1; --line:rgba(255,255,255,.22); --title:"Teko",Impact,sans-serif; --body:Manrope,Arial,sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; background:radial-gradient(circle at 80% 13%,rgba(109,11,20,.3),transparent 31%),var(--ink); color:var(--white); font:400 1rem/1.65 var(--body); }
.site-header, footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.4rem clamp(1.5rem,6vw,6rem); border-bottom:1px solid var(--line); }
.brand img { display:block; width:11rem; height:auto; }.back,.source-button,.notes a { color:var(--white); font:500 .75rem var(--mono); letter-spacing:.08em; text-decoration:none; }.back span,.source-button span,.notes a span { color:var(--red); font-size:1.15rem; margin-left:.5rem; }
main { width:min(1120px,100%); margin:0 auto; padding:clamp(4rem,10vw,8rem) clamp(1.5rem,5vw,4rem); }.intro { max-width:53rem; }.eyebrow,.number { margin:0 0 1.2rem; color:var(--red); font:500 .75rem var(--mono); letter-spacing:.11em; }.intro h1,.sources h2,.notes h2 { margin:0; font:700 clamp(4.25rem,10vw,8.5rem)/.78 var(--title); letter-spacing:.01em; text-transform:uppercase; }.intro h1 em { color:var(--red); font-style:normal; }.lead { max-width:42rem; margin:2.8rem 0 0; color:#d5d9da; font-size:1.08rem; }
.notes { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:clamp(4rem,10vw,8rem); border:1px solid var(--line); background:var(--line); }.notes article { min-height:24rem; padding:2rem; background:linear-gradient(145deg,#10191e,#070b0d); }.notes h2 { font-size:clamp(2.45rem,4vw,3.75rem); line-height:.86; }.notes article > p:not(.number) { color:var(--muted); font-size:.94rem; }.notes a { display:inline-block; margin-top:1.5rem; color:var(--red); }
.sources { max-width:48rem; margin:clamp(5rem,10vw,9rem) 0 0 auto; padding:2.1rem; border-left:4px solid var(--red); background:rgba(255,255,255,.045); }.sources h2 { font-size:clamp(2.9rem,6vw,5.25rem); }.sources p:not(.eyebrow) { color:var(--muted); }.source-button { display:inline-block; margin-top:.7rem; padding:.8rem 0; border-bottom:1px solid var(--red); }
footer { border-top:1px solid var(--line); border-bottom:0; color:var(--muted); font:500 .7rem var(--mono); letter-spacing:.08em; }.site-header + main { min-height:calc(100vh - 9rem); } footer a { color:var(--white); text-decoration:none; }
@media (max-width:760px) { .notes { grid-template-columns:1fr; }.site-header,footer { padding:1.15rem 1.5rem; }.brand img { width:8.5rem; } footer { align-items:flex-start; flex-direction:column; }.intro h1 { font-size:clamp(4rem,18vw,6.5rem); } }