@font-face { font-family: "Source Sans 3"; font-weight: 400 800; font-display: swap; src: url("source-sans-3-latin.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 600 700; font-display: swap; src: url("source-serif-4-latin.woff2") format("woff2"); }
:root { color: #202420; background: #f4f1e8; font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif; }
* { box-sizing: border-box; letter-spacing: 0; }
body { margin: 0; }
header { background: #1e3a34; color: #f4f1e8; padding: 20px max(24px, calc((100% - 1120px) / 2)); }
.wordmark { font-family: "Source Serif 4", Georgia, serif; font-size: 24px; font-weight: 700; }
.landscape { min-height: 380px; display: flex; align-items: flex-end; background: #3f5a4b url("bentwen-hero-camping-alps.jpg") center 48% / cover; }
h1 { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 36px 0; color: white; font: 700 64px/1.1 "Source Serif 4", Georgia, serif; text-shadow: 0 2px 12px #142c27; }
.message { width: min(1120px, calc(100% - 48px)); margin: auto; padding: 40px 0; }
h2 { margin: 0 0 16px; color: #1e3a34; font: 650 36px/1.25 "Source Serif 4", Georgia, serif; }
p { max-width: 660px; margin: 0; color: #3f5a4b; font-size: 20px; line-height: 1.65; }
footer { border-top: 1px solid #d8d2c8; padding: 24px; color: #5f685f; text-align: center; }
@media (max-width: 600px) {
  .landscape { min-height: 240px; }
  h1 { font-size: 42px; padding: 24px 0; }
  h2 { font-size: 28px; }
  p { font-size: 18px; }
  .message { padding: 32px 0; }
}