:root { --bg: #0b0908; --ink: #f3eadb; --muted: #a89c8b; --gold: #c4a165; --line: rgba(243, 234, 219, .14); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/1.65 'Barlow', system-ui, sans-serif; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 28px; }
header img { height: 56px; width: auto; }
h1 { font: 900 clamp(44px, 9vw, 80px)/.95 'Barlow Condensed', sans-serif; text-transform: uppercase; margin: 48px 0 24px; }
h2 { font: 800 22px/1.2 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: .06em; color: var(--gold); margin: 36px 0 8px; }
p { margin: 0 0 12px; color: #e6dccb; }
a { color: var(--gold); }
.ph { color: #ff8a3d; }
.small { color: var(--muted); font-size: 14px; }
footer { border-top: 1px solid var(--line); margin-top: 56px; padding-top: 20px; padding-bottom: 40px; color: var(--muted); }