:root { color-scheme: dark; font-family: system-ui, sans-serif; color: #f3f0e7; background: #151610; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
main { width: min(100% - 3rem, 44rem); margin: 0 auto; padding: 4rem 0; }
nav, footer { display: flex; flex-wrap: wrap; gap: 1.5rem; }
nav { margin-bottom: 4rem; }
a { color: #efbd65; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:hover { color: #fff0c9; }
a:focus-visible { outline: 2px solid #efbd65; outline-offset: 5px; border-radius: 2px; }
h1 { font-family: Georgia, serif; font-size: clamp(2.5rem, 7vw, 4rem); line-height: 1.12; font-weight: 400; letter-spacing: -.025em; margin: .6rem 0 1.2rem; }
h2 { font-size: 1.2rem; font-weight: 600; line-height: 1.35; margin: 0 0 .8rem; }
p { margin: .7rem 0; }
.eyebrow { font-size: .8rem; color: #b0ad9e; letter-spacing: .14em; text-transform: uppercase; }
.lead { font-size: 1.15rem; color: #b0ad9e; margin-bottom: 3rem; }
section { border-top: 1px solid #393b30; margin-top: 2rem; padding-top: 2rem; }
section p { color: #ceccbf; }
footer { border-top: 1px solid #393b30; margin-top: 3rem; padding-top: 1.5rem; color: #b0ad9e; font-size: .85rem; }
.preview { padding: .7rem 1rem; border: 1px solid #6e5633; border-radius: .5rem; color: #efbd65; margin-bottom: 2rem; }
@media (max-width: 480px) { main { padding-top: 2rem; } nav { margin-bottom: 2.5rem; } }