/* DR UK Institute R5.55 — homepage hero responsive-height stabilization.
   Scope: homepage hero only. Mobile uses stable small-viewport height, not unconstrained content height. */

@media (max-width:520px){
  /* V8.3: keep the homepage hero inside the live phone viewport so the approved
     text remains visible on the first screen, including short mobile heights. */
  body.v83-home .vh-section.vh-hero{
    height:calc(100vh - 80px)!important;
    height:calc(100dvh - 80px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.v83-home .vh-hero-inner{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    padding:0!important;display:block!important;
  }
  body.v83-home .vh-hero-card{
    position:absolute!important;left:16px!important;right:16px!important;
    bottom:clamp(48px,8dvh,72px)!important;top:auto!important;
    width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;
    min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important;
  }
  body.v83-home .vh-copy-visibility,
  body.v83-home .vh-copy-click-target{display:block!important;width:100%!important;max-width:100%!important;}
  body.v83-home .vh-copy-click-target h1,
  body.v83-home .vh-copy-click-target h2{
    margin:0!important;max-width:100%!important;font-size:clamp(22px,6.8vw,27px)!important;
    line-height:1.04!important;letter-spacing:-.025em!important;text-wrap:balance!important;
  }
  body.v83-home .vh-cinematic-tag{margin:0 0 6px!important;font-size:9px!important;line-height:1.05!important;}
  body.v83-home .vh-hero-shade{
    background:linear-gradient(0deg,rgba(3,17,31,.78) 0%,rgba(3,17,31,.42) 25%,rgba(3,17,31,.04) 57%,rgba(3,17,31,0) 100%)!important;
  }
  body.v83-home .vh-hero-short-course-list,
  body.v83-home .vh-hero-stat-cards{display:none!important;}
  body.v83-home .home-slider-prev,body.v83-home .home-slider-next{top:14px!important;}
}

@media (max-width:340px){
  body.v83-home .vh-section.vh-hero{
    height:calc(100vh - 76px)!important;
    height:calc(100dvh - 76px)!important;
    min-height:0!important;max-height:none!important;
  }
  body.v83-home .vh-hero-card{
    left:14px!important;right:14px!important;bottom:clamp(42px,7dvh,60px)!important;
  }
  body.v83-home .vh-copy-click-target h1,body.v83-home .vh-copy-click-target h2{font-size:21px!important;}
}

@media (min-width:521px) and (max-width:920px){
  body.v83-home .vh-section.vh-hero{
    height:clamp(560px,calc(100svh - var(--druk-header-live-height)),720px)!important;
    min-height:560px!important;max-height:720px!important;overflow:hidden!important;
  }
  body.v83-home .vh-hero-inner{height:100%!important;padding:0 24px 44px!important;display:flex!important;align-items:flex-end!important;}
  body.v83-home .vh-hero-card{width:min(620px,78vw)!important;max-width:620px!important;height:auto!important;max-height:none!important;overflow:visible!important;}
}

/* Narrow/short laptop view: keep text vertically centered instead of drifting to the bottom. */
@media (min-width:921px) and (max-height:760px){
  body.v83-home .vh-section.vh-hero{height:clamp(430px,calc(100svh - var(--druk-header-live-height) - 36px),610px)!important;min-height:430px!important;max-height:610px!important;}
  body.v83-home .vh-hero-inner{height:100%!important;padding:0!important;display:flex!important;align-items:center!important;}
  body.v83-home .vh-hero-card{align-self:center!important;max-height:none!important;}
}