@import url('/styles.css');
body { background:#0b0b0c; color:#eeeee8; }
main { width:min(740px,calc(100% - 40px)); margin:56px auto 80px; }
.brand { display:inline-block; color:#cda95e; font:600 22px var(--serif); letter-spacing:.12em; text-decoration:none; margin-bottom:42px; }
.kicker { color:#cda95e; font:11px var(--mono); letter-spacing:.12em; text-transform:uppercase; }
h1 { font:500 clamp(38px,8vw,64px)/1.08 var(--serif); margin:16px 0 30px; }
h2 { font:500 23px var(--serif); margin:32px 0 12px; }
p { color:#b3b3ac; font:15px/1.8 var(--sans); margin:14px 0; }
a { color:#d8b870; text-underline-offset:4px; } strong { color:#eeeee8; }
nav { display:flex; gap:15px 25px; flex-wrap:wrap; border-top:1px solid #32322d; margin-top:38px; padding-top:25px; font:12px var(--sans); }
@media(max-width:580px) { main { margin:30px auto 48px; } .brand { margin-bottom:28px; } p { font-size:14px; } }