/* V8: fit the landing image to the actual fixed inquiry surface.
   Only the hero geometry is changed. Colours, assets and the inquiry layout
   retain the approved V8 transparent-blue/navy-button design. */
@media screen {
  #home.hero {
    height:var(--dw-hero-fit-height, calc(100vh - 138px));
    height:var(--dw-hero-fit-height, calc(100dvh - 138px));
    min-height:var(--dw-hero-content-min, 0px);
    max-height:none;
    overflow-anchor:none;
  }
  #home.hero .hero-inner { min-height:0; }
}
/* Compact *height*, not a smaller monitor width. Preserve readable text
   rather than squeezing the entire page with zoom or scale transforms. */
@media screen and (min-width:761px) {
  #home.hero[data-fit-mode="compact"] .hero-inner,
  #home.hero[data-fit-mode="tight"] .hero-inner {
    padding-top:calc(var(--header) + 14px);
    padding-bottom:88px;
  }
  #home.hero[data-fit-mode="compact"] h1 {
    font-size:clamp(40px,4.1vw,60px);line-height:1.20;
  }
  #home.hero[data-fit-mode="compact"] .eyebrow,
  #home.hero[data-fit-mode="tight"] .eyebrow { margin-bottom:15px; }
  #home.hero[data-fit-mode="compact"] .hero-desc {
    font-size:15px;line-height:1.8;margin-top:16px;
  }
  #home.hero[data-fit-mode="compact"] .hero-links,
  #home.hero[data-fit-mode="tight"] .hero-links { margin-top:21px; }
  #home.hero[data-fit-mode="compact"] .hero-links .btn,
  #home.hero[data-fit-mode="tight"] .hero-links .btn {
    min-height:46px;padding-block:10px;font-size:13px;
  }
  #home.hero[data-fit-mode="tight"] h1 {
    font-size:clamp(36px,3.6vw,48px);line-height:1.16;
  }
  #home.hero[data-fit-mode="tight"] .hero-desc {
    font-size:14px;line-height:1.75;margin-top:14px;
  }
  #home.hero[data-fit-mode="compact"] .hero-bottom,
  #home.hero[data-fit-mode="tight"] .hero-bottom { bottom:22px; }
}
@media screen and (max-width:760px) {
  #home.hero { --dw-hero-fit-height:calc(100dvh - 70px); }
  #home.hero[data-fit-mode="phone-compact"] .hero-inner {
    padding-top:calc(var(--header) + 18px);padding-bottom:106px;
  }
  #home.hero[data-fit-mode="phone-compact"] .hero-bottom { bottom:24px; }
}