/* Visual theme only. Scroll timelines and transforms remain in script.js. */
body{color:#edf1ff;background:#0b1329;font-family:'Segoe UI',Arial,sans-serif}
.stage{background:radial-gradient(ellipse at 95% 100%,#243960 0,transparent 60%),linear-gradient(115deg,#090f21,#14213c)}
.arcs,.arcs:after{border-color:#a2b9ef22}
header a{font-family:'Segoe UI',Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:.02em;color:#a6c8ff}
h1{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-.06em}
h1 em{font-family:'Segoe UI',Arial,sans-serif;font-style:normal;font-weight:300;letter-spacing:-.06em;color:#a6c8ff}
.intro{font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(28px,8vw,140px);color:#c2d8ff}
.rule{background:#b7c9ed33}
.counter{font-family:'Segoe UI',Arial,sans-serif;font-weight:300;background:#111c34;border-color:#99bfff;color:#deebff;box-shadow:0 0 0 5px #101a3288}
.counter button{color:#c3d9ff}
.aside{color:#a5b4ce;font-family:'Segoe UI',Arial,sans-serif;font-weight:300}
.copy h2{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(21px,2.05vw,36px);font-weight:400;letter-spacing:-.055em;color:#edf1ff}
.copy p{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(15px,1.22vw,22px);font-weight:300;line-height:1.6;letter-spacing:-.02em;color:#b3c3dd}
.card{background:#142849;box-shadow:0 22px 33px #0007}
.top{background:#c2d8ff;color:#0b1329;box-shadow:0 12px 24px #0005}
.scroll-hint{color:#a6c8ff}
a:focus-visible,button:focus-visible{outline:2px solid #dfc78e;outline-offset:5px}
@media(max-width:760px){.intro{font-size:8vw}.copy h2{font-size:22px}.copy p{font-size:15px}}
/* Locally served editorial typography. */
@font-face{font-family:'Instrument Serif';src:url('assets/instrument-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
body,.aside,.copy p,header a{font-family:'DM Sans',sans-serif;font-weight:400}
header a{font-size:clamp(12px,.9vw,16px);text-transform:uppercase;letter-spacing:.16em;text-decoration:none}
h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(36px,4.3vw,74px);letter-spacing:-.035em;line-height:.98}
h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em}
.intro{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(48px,11vw,190px);font-weight:400;letter-spacing:-.045em;line-height:1}
.counter{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(26px,2.6vw,45px)}
.copy h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(24px,2.8vw,49px);letter-spacing:-.035em;line-height:1.08}
.copy p{letter-spacing:-.015em;line-height:1.65}
.aside{font-size:clamp(15px,1.25vw,22px);line-height:1.6;letter-spacing:-.02em}
.scroll-hint{font-family:'DM Sans',sans-serif;letter-spacing:.22em}
@media(max-width:760px){.intro{font-size:13vw}h1{font-size:42px}header a{font-size:11px}.copy h2{font-size:27px}.copy p{font-size:15px}.counter{font-size:27px}}