:root { --green:#263c33; --clay:#c4744f; --cream:#f8f5ef; --ink:#1f2924; --muted:#647169; --line:rgba(31,41,36,.14); }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: "Helvetica Neue", Arial, sans-serif; line-height: 1.7; }
header { display: flex; min-height: 80px; align-items: center; justify-content: space-between; padding: 14px 6vw; border-bottom: 1px solid var(--line); }
header img { width: 145px; mix-blend-mode: multiply; }
header a { color: var(--green); font-size: 13px; font-weight: 700; }
main { width: min(850px, calc(100% - 40px)); margin: 70px auto 100px; }
.kicker { color: var(--clay); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1 { max-width: 760px; margin: 14px 0 22px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(44px, 7vw, 72px); font-weight: 500; letter-spacing: -.04em; line-height: 1; }
.intro { margin-bottom: 48px; color: var(--muted); font-size: 18px; }
section { padding: 28px 0; border-top: 1px solid var(--line); }
h2 { margin: 0 0 12px; font-family: Georgia, "Times New Roman", serif; font-size: 26px; font-weight: 500; }
p, li { color: var(--muted); }
a { color: var(--green); }
.notice { padding: 18px 20px; border-radius: 14px; background: #eee4d3; }
footer { padding: 28px 6vw; color: rgba(255,255,255,.7); background: #1c2b24; font-size: 12px; }
@media (max-width:600px) { header { padding-inline:20px; } header img { width:125px; } main { margin-top:50px; } }