:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1c1714;
  background: #f7f2e8;
}

* { box-sizing: border-box; }

body { margin: 0; line-height: 1.6; }

main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 80px; }

.brand { color: #8f3d22; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }

h1 { font-size: clamp(2.1rem, 6vw, 3.6rem); line-height: 1.05; margin: 20px 0 16px; }

h2 { font-size: 1.25rem; margin: 34px 0 8px; }

p, li { color: #514841; }

a { color: #8f3d22; font-weight: 650; }

.lead { font-size: 1.14rem; max-width: 620px; }

.card { border: 1px solid #d8cbbc; border-radius: 16px; background: #fffdf9; padding: 20px; margin-top: 20px; }

footer { border-top: 1px solid #d8cbbc; margin-top: 52px; padding-top: 20px; font-size: .9rem; }

nav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; }