@font-face { font-family: 'League Spartan'; src: url('/assets/league-spartan-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
:root { color: #172b2b; background: #f4ebd8; font: 17px/1.65 'Segoe UI', sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #083e43; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #b84937; outline-offset: 3px; }
header, main, footer { padding: 24px max(20px, calc((100vw - 760px)/2)); }
header { border-bottom: 1px solid #8d8778; }
header a { font-weight: 800; text-transform: uppercase; text-decoration: none; }
main { min-height: calc(100vh - 170px); padding-top: 64px; padding-bottom: 80px; }
h1, h2 { font-family: 'League Spartan', 'Arial Narrow', sans-serif; line-height: 1; text-transform: uppercase; }
h1 { max-width: 12ch; margin: 0 0 24px; font-size: clamp(3rem, 9vw, 5rem); }
h2 { margin-top: 40px; font-size: 1.5rem; }
p, li { max-width: 68ch; }
.eyebrow { color: #083e43; font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
footer { color: #52615d; border-top: 1px solid #8d8778; font-size: .85rem; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }