@font-face{font-family:Instrument;src:url('assets/instrument-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#092c23;--paper:#ece7dc;--gold:#eab34e;--muted:#c3cec4}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--paper);background:radial-gradient(ellipse at 48% 43%,#154738 0%,#0b3026 62%,#061e18 100%);font-family:Instrument,Georgia,serif;min-width:280px}
#constellations{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}
.page{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:clamp(26px,4vw,64px) clamp(24px,4vw,64px) 30px;overflow:hidden}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:1}header p,footer p{margin:0}.wordmark,.status,.teaser,footer{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-weight:400;font-size:12px;letter-spacing:.19em;line-height:1.7}.wordmark{letter-spacing:.2em}.status{color:#c9a258;display:flex;align-items:center;gap:10px;font-size:12px}.status span{height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #eab34e30}
main{position:relative;z-index:1;margin-top:clamp(75px,12vh,140px)}h1{font-weight:400;font-size:clamp(52px,7.5vw,120px);line-height:1.02;letter-spacing:-.028em;margin:0}h1 em{color:var(--gold);font-weight:400}.rule{width:64px;height:1px;background:var(--gold);margin:36px 0 25px}.intro{color:var(--muted);font-size:23px;line-height:1.5;max-width:600px;margin:0;text-wrap:pretty}.teaser{display:table;margin:30px 0 0;padding-bottom:7px;letter-spacing:.22em;border-bottom:1px solid #b88d3e;font-size:12px}
.wave{height:120px;min-height:100px;margin:0 calc(-1 * clamp(24px,4vw,64px));position:relative}#waveform{width:100%;height:100%;display:block}footer{margin-top:auto;padding-top:25px;color:#afbdaf;font-size:12px;letter-spacing:.19em}
@media(min-width:1600px){main{margin-top:14vh}.wave{height:150px}}
@media(max-width:760px){.page{padding-top:28px;padding-bottom:28px}header{align-items:flex-start;flex-direction:column;gap:12px}.wordmark{font-size:12px;letter-spacing:.15em}.status{font-size:12px;letter-spacing:.12em}main{margin-top:60px}h1{font-size:clamp(48px,9.8vw,74px);line-height:1.05;max-width:640px}.intro{font-size:22px;max-width:510px}.rule{margin:28px 0 22px}.teaser{font-size:12px;letter-spacing:.12em;margin-top:28px}.wave{height:110px;margin-top:10px}footer{font-size:12px;letter-spacing:.12em;max-width:330px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.opening{font-family:Instrument,Georgia,serif;font-size:clamp(23px,2.3vw,34px);line-height:1.3;color:#d9d9bb;margin:0 0 30px;max-width:1000px;text-wrap:balance;letter-spacing:.005em}
@media(max-width:760px){.opening{font-size:25px;max-width:530px;margin-bottom:28px}}