:root { color: #102b3a; background: #fff6df; font-family: "Avenir Next", "Trebuchet MS", Arial, sans-serif; line-height: 1.6; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 17px; }
a { color: #135f7b; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #f2b544; outline-offset: 4px; }
header, footer { padding: 24px max(22px, calc((100vw - 760px) / 2)); background: #081c25; color: #fff6df; }
header a { color: #fff6df; font-weight: 800; }
main { max-width: 760px; min-height: calc(100vh - 160px); margin: auto; padding: 72px 22px; }
.eyebrow { color: #a5322b; text-transform: uppercase; letter-spacing: .15em; font-size: 12px; font-weight: 900; }
h1, h2 { font-family: "Arial Narrow", "Franklin Gothic Condensed", sans-serif; line-height: 1; text-transform: uppercase; }
h1 { font-size: clamp(42px, 8vw, 72px); margin: 12px 0 26px; }
h2 { font-size: 27px; margin-top: 44px; }
.lead { font-size: 21px; color: #3f555e; }
footer { font-size: 13px; }