:root{--ink:#141414;--ink2:#1b1b1d;--paper:#f1efea;--t2:#b3b0aa;--t3:#8a8681;--acc:#e8553f;--line:#2a2a2d}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font:400 18px/1.6 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}:focus-visible{outline:2px solid var(--paper);outline-offset:3px;border-radius:4px}
button{font:inherit;color:inherit}
.u{font:italic 400 1.04em/1 Fraunces;letter-spacing:-.01em}.st{color:var(--acc)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hdr{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 clamp(16px,4vw,48px);background:linear-gradient(#141414 30%,#14141400)}
.logo{font:800 24px/1 'DM Sans';letter-spacing:-.03em;text-decoration:none}
.hdr nav{display:flex;gap:26px;font:500 15px/1 'DM Sans'}.hdr nav a{text-decoration:none;color:#cfccc7;padding:8px 0;white-space:nowrap}.hdr nav a[aria-current=page]{color:var(--paper);box-shadow:inset 0 -2px 0 var(--acc)}
.vlabel{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;font:600 11px/1 'DM Sans';letter-spacing:.14em;text-transform:uppercase;background:#000c;color:#bbb;padding:8px 12px;border-radius:999px;text-decoration:none;border:1px solid #333}
@media(max-width:600px){.logo{font-size:20px}.hdr nav{gap:14px;font-size:14px}}
