/* Regional decorative landscapes. Page-specific crops and contrast live in the HTML. */
body.region-page .region-hero.region-image-hero {
  min-height: 530px;
  padding-block: 38px 46px;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #0b2027;
  background-image: linear-gradient(90deg, rgba(7,24,31,var(--region-shade)) 0%, rgba(7,24,31,.82) 38%, rgba(7,24,31,.70) 53%, rgba(7,24,31,.22) 73%, rgba(7,24,31,.05) 100%), var(--region-image);
  background-size: cover;
  background-position: center, var(--region-position);
  background-repeat: no-repeat;
}
body.region-page .region-image-hero .region-hero-inner { width: min(1160px, calc(100% - 48px)); max-width: 1160px; padding: 0; }
body.region-page .region-image-hero .region-image-copy { width: 55%; max-width: 640px; min-width: 0; }
body.region-page .region-image-hero .service-breadcrumb { margin: 0 0 24px; color: #e1ebed; font-size: .85rem; line-height: 1.6; white-space: normal; overflow-wrap: anywhere; }
body.region-page .region-image-hero .service-breadcrumb a { color: #f3fbfa; }
body.region-page .region-image-hero .section-kicker { color: #a6f0db; font-size: .83rem; margin-bottom: 14px; }
body.region-page .region-image-hero h1 { color: #fff; max-width: 100%; font-size: clamp(2rem,3.15vw,2.75rem); line-height: 1.14; margin: 0 0 21px; overflow-wrap: break-word; hyphens: auto; text-wrap: balance; }
body.region-page .region-image-hero p:not(.section-kicker) { max-width: 100%; color: #f2f6f7; font-size: 1.06rem; line-height: 1.65; }
body.region-page .region-image-hero p.regional-visit-note { color: #dbe9e9; font-size: .92rem; line-height: 1.6; margin: 19px 0 0; }
body.region-page .region-image-hero .region-hero-actions { margin-top: 23px; }
body.region-page .region-image-hero .button-secondary { background: rgba(7,24,31,.5); border-color: #c7dedb; color: #fff; }
body.region-page .region-image-hero a:focus-visible { outline: 3px solid #a6f0db; outline-offset: 4px; }
@media (max-width: 900px) {
  body.region-page .region-hero.region-image-hero {
    min-height: 0;
    padding-block: calc(56.3vw - 16px) 36px;
    background-image: linear-gradient(to bottom, transparent 58%, rgba(11,32,39,.15) 74%, #0b2027 100%), var(--region-mobile-image);
    background-size: 100% 56.3vw, 100% auto;
    background-position: top center;
    align-items: flex-start;
  }
  body.region-page .region-image-hero .region-hero-inner { width: min(680px,calc(100% - 40px)); }
  body.region-page .region-image-hero .region-image-copy { width: 100%; max-width: none; }
  body.region-page .region-image-hero .service-breadcrumb { margin-bottom: 20px; font-size: .8rem; }
  body.region-page .region-image-hero h1 { font-size: clamp(1.85rem,5.3vw,2.5rem); line-height: 1.16; }
  body.region-page .region-image-hero p:not(.section-kicker) { font-size: 1rem; }
  body.region-page .region-image-hero p.regional-visit-note { font-size: .9rem; }
}
@media print {
  body.region-page .region-hero.region-image-hero { background: #fff; min-height: 0; padding: 20px 0; }
  body.region-page .region-image-hero .region-image-copy { width: 100%; }
  body.region-page .region-image-hero :is(h1,p,a,nav) { color: #172b35 !important; }
}