/* Place the other facility link below the introduction at every screen size. */
.hero-with-info .hero-grid { min-height: clamp(480px, 37vw, 560px); }
.hero-with-info .hero-copy { padding-block: 44px; }
.hero-facility { margin-top: 28px; border-left: 3px solid var(--blue); padding-left: 19px; min-width: 0; }
.hero-region { font-size: 15px; line-height: 1.7; letter-spacing: .09em; margin: 0 0 4px; }
.hero-facility h2 { font-size: 32px; line-height: 1.5; letter-spacing: .04em; margin: 0; }
.hero-services { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 16px; line-height: 1.9; margin-top: 9px; }
.hero-services > span { white-space: nowrap; }
.hero-services > span + span { position: relative; }
.hero-services > span + span::before { content: ""; position: absolute; left: -10px; top: .85em; width: 3px; height: 3px; background: currentColor; border-radius: 50%; }
.facility-switch { background: #f3fafe; border-block: 1px solid #dcebf1; }
.facility-switch-inner { min-height: 66px; padding-block: 13px; display: flex; align-items: center; justify-content: center; gap: 28px; }
.facility-switch-inner > p { margin: 0; font-size: 14px; line-height: 1.8; }
.facility-switch-link { display: inline-flex; align-items: center; gap: 18px; padding-block: 7px; border-bottom: 1px solid var(--blue); font-size: 15px; line-height: 1.7; font-weight: 700; }
.facility-switch-link svg { display: block; width: 34px; height: 16px; flex-shrink: 0; }
.facility-switch-link:hover { border-bottom-width: 2px; padding-bottom: 6px; }
.facility-switch-link:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.intro-area { display: flex; flex-direction: column; }
.intro-area > .intro-block { order: 0; padding-bottom: 18px; }
.intro-area > .facility-switch { order: 1; background: transparent; border: 0; }
.intro-area .facility-switch-inner { justify-content: flex-end; gap: 20px; min-height: 0; padding-block: 0 34px; }
@media (max-width: 1000px) {
  .hero-with-info .hero-copy { padding-block: 42px; }
  .hero-facility h2 { font-size: 29px; }
  .hero-services { font-size: 15px; }
}
@media (min-width: 681px) and (max-width: 1000px) {
  .intro-area .facility-switch-inner { justify-content: center; }
}
@media (max-width: 680px) {
  .hero-with-info .hero-grid { min-height: 520px; }
  .hero-with-info .hero-copy { padding: 44px 25px; }
  .hero-facility { margin-top: 26px; padding-left: 15px; }
  .hero-region { font-size: 14px; }
  .hero-facility h2 { font-size: 28px; }
  .hero-services { font-size: 15px; gap: 3px 18px; margin-top: 7px; }
  .intro-area .facility-switch-inner { align-items: center; flex-direction: column; gap: 2px; padding-block: 0 30px; }
  .facility-switch-inner > p { font-size: 14px; }
  .facility-switch-link { font-size: 15px; min-height: 44px; padding-block: 8px; gap: 16px; }
  .facility-switch-link:hover { padding-bottom: 7px; }
}
@media (max-width: 360px) {
  .hero-with-info .hero-grid { min-height: 500px; }
  .hero-with-info .hero-copy { padding-inline: 22px; }
  .hero-facility h2 { font-size: 26px; }
}