@font-face{font-family:'DM Sans';src:url('fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{color-scheme:dark;--bg:#09090b;--ink:#f2ede4;--muted:#8a857c;--faint:#55524c;--gold:#e3b25f}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;background:radial-gradient(90% 60% at 50% 42%,#15141a 0,var(--bg) 70%);color:var(--ink);font:15px/1.6 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:1px solid var(--gold);outline-offset:6px;border-radius:6px}
.sky{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
main{width:min(560px,100% - 40px);margin:auto;padding:56px 0 72px;animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}
.back{display:inline-block;margin-bottom:40px;font-size:20px;font-weight:300;letter-spacing:.42em;color:var(--ink);opacity:.9}
h1{margin:0 0 32px;font-size:26px;font-weight:400;letter-spacing:-.01em}
h2{margin:28px 0 6px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
p{margin:0;color:#cfc9bf;font-size:15px}
p a{border-bottom:1px solid var(--faint);transition:border-color .3s,color .3s}
p a:hover{color:var(--ink);border-color:var(--gold)}
.home main{padding-top:min(22vh,180px)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
