* { box-sizing: border-box; }
html { color-scheme: light; -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; background: #f5f2eb; color: #17242b; font: 18px/1.5 Arial, Helvetica, sans-serif; }
.page { width: min(100% - 3rem, 48rem); margin: 0 auto; padding: clamp(6rem, 18vh, 11rem) 0 4rem; }
.eyebrow { margin: 0 0 1.2rem; font: 700 .9rem/1.3 Arial, Helvetica, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; max-width: 14ch; font-size: clamp(2.7rem, 8vw, 5rem); line-height: 1.05; letter-spacing: -.045em; }
.message { max-width: 36rem; margin: 2rem 0 0; font-size: clamp(1.1rem, 2.5vw, 1.35rem); }
.skip_link { position: absolute; top: -6rem; left: 1rem; padding: .7rem 1rem; background: #fff; color: #17242b; }
.skip_link:focus { top: 1rem; }
a:focus-visible { outline: 3px solid #17242b; outline-offset: 5px; }
@media (max-width: 600px) { .page { width: min(100% - 2.25rem, 48rem); padding-top: 7rem; } }