@font-face{font-family:Geist;src:url(/fonts/Geist.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/GeistMono.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--black:#0a0a0a;--char:#2f3334;--gray:#52564e;--mute:#8a8d86;--white:#f8f8f8;--gold:#9c8154;--gold-hi:#c2a46e}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font:400 15px/1.6 Geist,system-ui,sans-serif;min-height:100svh}
#grid{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
main{position:relative;z-index:1;max-width:34rem;padding:clamp(4rem,14vh,9rem) 1.5rem 3rem;margin:0 auto 0 clamp(0px,12vw,14rem);min-height:100svh;display:flex;flex-direction:column;gap:3rem}
.mark{display:block;width:88px;height:88px;margin:-12px 0 -4px -12px;background:#0a0a0a;object-fit:cover;cursor:pointer;outline:none}
h1{margin-top:1.75rem;font-weight:600;font-size:1.05rem;letter-spacing:-.01em}
.amp{color:var(--gold)}
.lede{margin-top:.25rem;color:var(--white);font-family:"Geist Mono",monospace;font-size:.82rem;min-height:1.6em}
.sub{margin-top:1rem;color:var(--mute);max-width:28rem}
.rows{list-style:none;font-family:"Geist Mono",monospace;font-size:.78rem}
.rows li{display:grid;grid-template-columns:6rem 1fr;padding:.8rem 0;border-top:1px solid #1d1f1f}
.rows li:last-child{border-bottom:1px solid #1d1f1f}
.rows li span:first-child{color:var(--gray);text-transform:uppercase;letter-spacing:.08em}
.dot{display:inline-block;width:6px;height:6px;margin-right:.6rem;vertical-align:1px;background:var(--gold);border-radius:1px;animation:blink 2.4s steps(1) infinite}
@keyframes blink{50%{opacity:.15}}
.contact{color:var(--mute)}
.contact a{color:var(--white);text-decoration:none;border-bottom:1px solid var(--gray);margin-left:.4rem;transition:color .2s,border-color .2s}
.contact a:hover,.contact a:focus-visible{color:var(--gold-hi);border-color:var(--gold)}
footer{margin-top:auto;display:flex;justify-content:space-between;gap:1rem;font-family:"Geist Mono",monospace;font-size:.7rem;color:var(--gray)}
footer button{all:unset;cursor:pointer;color:var(--gray);transition:color .2s}
footer button:hover,footer button:focus-visible{color:var(--gold)}
:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
/* cloaked: everything goes dim except the crown */
body.cloaked main>*:not(header):not(footer),body.cloaked h1,body.cloaked .lede,body.cloaked .sub{opacity:.08;filter:blur(2px)}
body.cloaked footer{opacity:1;filter:none}
main>*,h1,.lede,.sub{transition:opacity .8s,filter .8s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#edge{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:0;box-shadow:inset 0 0 160px rgba(207,161,93,.2),inset 0 0 40px rgba(207,161,93,.1)}
@media (max-width:640px){#edge{box-shadow:inset 0 0 90px rgba(207,161,93,.18),inset 0 0 24px rgba(207,161,93,.09)}}
@media (prefers-reduced-motion:reduce){#edge{display:none}}
.rows li:last-child span:last-child{padding-left:calc(6px + .6rem);text-indent:calc(-6px - .6rem)}