:root{color-scheme:dark;--paper:#111619;--ink:#f0f1e9;--muted:#b6c0bd;--accent:#b6dac5;--line:#3c494b;--lilac:#cdc3de;font:100%/1.65 Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}.masthead,footer{width:min(1280px,100%);margin:auto;padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font:800 1.4rem/1.1 "Trebuchet MS",Arial,sans-serif;letter-spacing:-.04em}.wordmark small{display:block;font: .55rem ui-monospace,monospace;letter-spacing:.2em;margin-bottom:.4rem}.wordmark:after{content:"";display:block;height:3px;background:var(--accent);margin-top:.55rem}.status,.eyebrow,footer{font: .65rem/1.6 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.status{border:1px solid var(--line);border-radius:5px;padding:.45rem .7rem}main{flex:1;width:100%;max-width:1100px;padding:2rem 1.25rem 4rem;margin:auto;text-align:center}.mark{width:180px;height:160px;margin:0 auto 2.6rem;position:relative;display:grid;place-items:center}.mark i{position:absolute;width:135px;height:135px;border:1px solid var(--line);border-radius:24px;transform:rotate(-18deg)}.mark i:nth-child(2){transform:rotate(22deg);border-color:var(--accent);border-radius:50%}.mark span{font:900 7rem/1 Arial,sans-serif;letter-spacing:-.1em;color:var(--lilac);transform:rotate(-8deg)}.eyebrow{color:var(--accent);margin:0 0 1.4rem}h1{font:600 clamp(2.8rem,6vw,5.5rem)/1.02 "Trebuchet MS",Arial,sans-serif;letter-spacing:-.055em;margin:0;text-wrap:balance}.intro{color:var(--muted);margin:1.7rem 0 0;font-size:1rem}.rule{width:3rem;height:1px;background:var(--accent);margin:2.5rem auto 0}footer{border-top:1px solid var(--line);font-size:.58rem}
@media(max-width:600px){.masthead,footer{padding:1.5rem 1.25rem}.wordmark{font-size:1.1rem}.status{font-size:.55rem}main{padding-top:2rem}.mark{margin-bottom:2rem}footer{flex-wrap:wrap;letter-spacing:.09em}}

a{color:var(--accent);text-underline-offset:.25em}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Header utilities share the main site's restrained, divided control treatment. */
.header-tools{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.sound-control{position:relative}.sound-control button{display:flex;align-items:center;gap:.75rem;min-height:44px;font:.65rem/1.6 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);border-radius:5px;padding:.45rem .7rem;cursor:pointer}.sound-control button[hidden]{display:none}#ambient-state{border-left:1px solid var(--line);padding-left:.75rem;min-width:3ch}.sound-control button:hover,.sound-control button[aria-pressed=true] #ambient-state{color:var(--accent)}#ambient-note{position:absolute;right:0;top:100%;width:15rem;font-size:.75rem;color:var(--muted);background:var(--paper);z-index:1}#ambient-note:empty{display:none}footer{flex-wrap:wrap}.audio-credit{flex-basis:100%;text-align:right}
@media(max-width:600px){.masthead{flex-wrap:wrap}.header-tools{width:100%;justify-content:space-between;gap:.75rem}.sound-control button{font-size:.6rem}#ambient-note{width:min(15rem,80vw)}}

.header-tools>.status{display:flex;align-items:center;min-height:44px}.header-tools .status,.sound-control button{font-size:.65rem}
@media(max-width:600px){.header-tools .status,.sound-control button{font-size:.55rem}}

#reveal-gate{border:0;background:transparent;color:var(--ink);width:min(30rem,calc(100% - 2rem));max-height:calc(100svh - 2rem);padding:2.5rem 1.5rem;text-align:center;overflow:auto}#reveal-gate::backdrop{background:rgb(8 13 15 / .78);backdrop-filter:blur(14px)}.reveal-mark{font:900 6rem/1 Arial,sans-serif;letter-spacing:-.1em;color:var(--lilac);margin:1.5rem auto;transform:rotate(-8deg)}#reveal-title{font:600 clamp(2.4rem,7vw,3.5rem)/1.1 "Trebuchet MS",Arial,sans-serif;letter-spacing:-.055em;margin:1.5rem 0 2rem}.reveal-actions{display:grid;justify-items:center;gap:.8rem}.reveal-actions button{font:.8rem/1.6 ui-monospace,monospace;min-height:44px;cursor:pointer}#reveal-sound{display:flex;gap:2rem;align-items:center;background:var(--accent);color:var(--paper);border:1px solid var(--accent);border-radius:5px;padding:.75rem 1rem}#reveal-quiet{background:none;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:.45rem .2rem}.revealed main{animation:reveal-in .45s ease-out}h1:focus{outline:none}@keyframes reveal-in{from{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.revealed main{animation:none}}