@font-face { font-family: "DM Sans"; src: url(/fonts/dm-sans-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url(/fonts/dm-sans-700.woff2) format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "DM Serif Display"; src: url(/fonts/dm-serif-display-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Oswald"; src: url(/fonts/oswald-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "DM Sans", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.6; color: #171a22; background: #fbf8f2; }
a { color: #171a22; text-decoration-color: #b8681c; text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
a:hover { color: #b8681c; }
header { border-bottom: 1px solid #e2d9c8; }
header .wrap { height: 72px; display: flex; align-items: center; justify-content: space-between; }
header img { width: 231px; height: 36px; }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
main { padding: 64px 0 96px; }
.eyebrow { font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; color: #6a6558; }
h1, h2 { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; line-height: 1.1; }
h1 { font-size: clamp(2.2rem, 5vw, 3.2rem); margin: .3em 0 .5em; }
h2 { font-size: 1.5rem; margin: 1.6em 0 .4em; }
p, li { max-width: 64ch; }
.btn { display: inline-block; background: #e08a32; color: #171a22; text-decoration: none; font-weight: 700; padding: 13px 24px; border-radius: 999px; }
.btn:hover { background: #ea9a48; color: #171a22; }
footer { background: #0f1117; color: #aca596; padding: 32px 0; font-size: .88rem; }
footer a { color: #f3ede1; }
@media (max-width: 560px) { header img { width: 180px; height: 28px; } }