/*
 * Ruhigere redaktionelle Typografie für die produktive Website.
 * Constantia wirkt auf Windows feiner und weniger plakativ als Georgia;
 * die systemnahen Alternativen verhindern zusätzliche Font-Downloads.
 */
:root {
  --font-display: Constantia, "Palatino Linotype", Palatino, Georgia, serif;
}

body h1,
body h2,
body h3 {
  font-family: var(--font-display) !important;
  font-weight: 500;
  letter-spacing: -.022em;
}

body h1 {
  font-size: clamp(2.4rem, 4.2vw, 4.25rem) !important;
  line-height: 1.04 !important;
}

body h2 {
  font-size: clamp(1.9rem, 3.15vw, 2.85rem) !important;
  line-height: 1.1 !important;
}

body h3 {
  font-size: clamp(1.2rem, 1.7vw, 1.5rem) !important;
  line-height: 1.18 !important;
}

.home--final .hero-copy h1 {
  font-size: clamp(2.55rem, 3.75vw, 3.45rem) !important;
}

.mallorca-hotels-page .mallorca-hotels-hero h1 {
  font-size: clamp(2.6rem, 3.2vw, 3.45rem) !important;
}

.mallorca-hotels-page .mallorca-hotel-story h3 {
  font-size: clamp(2.15rem, 3.4vw, 3.35rem) !important;
}

.site-footer h2 {
  font-family: var(--font-ui) !important;
  font-size: .78rem !important;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

@media (max-width: 680px) {
  body h1 {
    font-size: clamp(2rem, 9vw, 2.8rem) !important;
    line-height: 1.06 !important;
  }

  body h2 {
    font-size: clamp(1.7rem, 7vw, 2.25rem) !important;
  }

  .home--final .hero-copy h1,
  .mallorca-hotels-page .mallorca-hotels-hero h1 {
    font-size: clamp(2rem, 8.6vw, 2.7rem) !important;
  }
}