/* Shared polish for all internal pages */
.page-hero h1,
.page-hero h2,
.page-hero h3 {
  color: #fff;
}

.page-hero .eyebrow {
  color: #eee0bf;
}

.page-hero .lead {
  color: rgba(255, 255, 255, .88);
}

.page-hero .breadcrumbs {
  color: rgba(255, 255, 255, .72);
}

.page-hero .breadcrumbs a {
  color: rgba(255, 255, 255, .92);
}

@media (max-width: 760px) {
  .page-hero .shell {
    padding-top: 2.6rem;
    padding-bottom: 3rem;
  }

  .page-hero h1 {
    margin-bottom: .85rem;
    font-size: clamp(2.15rem, 10vw, 3.15rem);
    line-height: 1.04;
  }

  .page-hero .breadcrumbs {
    margin-bottom: .95rem;
  }

  .page-hero .eyebrow {
    margin-bottom: .6rem;
  }

  .page-hero .lead {
    margin-bottom: 1rem;
    font-size: 1.04rem;
    line-height: 1.55;
  }

  .page-hero .btn-row {
    gap: .65rem;
  }

  .section {
    padding-top: 3.35rem;
    padding-bottom: 3.35rem;
  }

  .section-sm {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .split,
  .booking-layout {
    gap: 2rem;
  }

  .section-heading {
    margin-bottom: 1.65rem;
  }

  .media-panel {
    min-height: 310px;
  }

  .site-footer {
    padding-top: 3.25rem;
  }

  .footer-grid {
    gap: 1.75rem;
  }

  .footer-bottom {
    margin-top: 2rem;
  }
}

@media (max-width: 480px) {
  .page-hero .shell {
    padding-top: 2.15rem;
    padding-bottom: 2.55rem;
  }

  .page-hero h1 {
    font-size: clamp(2rem, 11vw, 2.65rem);
  }

  .page-hero .btn-row .btn {
    width: 100%;
  }

  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .media-panel {
    min-height: 280px;
  }
}