/* TOP photo: fluid height and a left focal point keep the reception sign in view.
   Image pixels and clinical content are unchanged. */
body.v2-layout.v3-layout .home-v3-hero-photo img {
  min-height: 0;
  object-position: 50% 45%;
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
  body.v2-layout.v3-layout .home-v3-hero-copy { padding-inline: clamp(40px, 5.5vw, 72px); padding-bottom: 96px; }
  body.v2-layout.v3-layout .home-v3-hero-copy h1 { font-size: clamp(42px, 4.2vw, 54px); }
}
@media screen and (max-width: 1000px) {
  body.v2-layout.v3-layout .home-v3-hero {
    grid-template-rows: clamp(510px, 75vh, min(680px, 150vw)) auto;
    grid-template-rows: clamp(510px, 75svh, min(680px, 150vw)) auto;
  }
  body.v2-layout.v3-layout .home-v3-hero-photo img { object-position: 28% 45%; }
}
@media screen and (max-width: 760px) {
  body.v2-layout.v3-layout .home-v3-hero-copy h1 { font-size: clamp(30px, 8.8vw, 35px); }
}
/* Short landscape screens need enough room for the copy without a 600px image. */
@media screen and (max-width: 1000px) and (max-height: 540px) and (orientation: landscape) {
  body.v2-layout.v3-layout .home-v3-hero { grid-template-rows: minmax(360px, 90svh) auto; }
  body.v2-layout.v3-layout .home-v3-hero-copy { padding: 0 32px 32px; }
  body.v2-layout.v3-layout .home-v3-hero-copy h1 { font-size: 32px; line-height: 1.3; }
  body.v2-layout.v3-layout .home-v3-lead { max-width: 36em; margin-top: 16px; font-size: 16px; }
  body.v2-layout.v3-layout .home-v3-hero-photo img { object-position: 35% 38%; }
}

@media screen and (min-width: 1281px) and (max-height: 800px) {
  body.v2-layout.v3-layout .home-v3-hero-copy { padding-bottom: 100px; }
}
@media screen and (min-width: 1001px) and (max-height: 760px) {
  body.v2-layout.v3-layout .home-v3-hero-copy { padding-bottom: 64px; }
  body.v2-layout.v3-layout .home-v3-hero-copy h1 { font-size: clamp(42px, 4vw, 52px); line-height: 1.25; }
}