/* DRUK V8.8 — Homepage hero 75/25 visual lock
   75%+ of the hero remains image-led. Content stays in a compact bottom zone.
   This file intentionally loads after all legacy/home recovery styles. */

body.v83-home .vh-section.vh-hero{
  --hero-content-ratio:25%;
  height:clamp(620px,calc(100svh - 82px),820px)!important;
  min-height:620px!important;
  max-height:820px!important;
}

body.v83-home .vh-hero-slide>img{
  object-fit:cover!important;
  object-position:center center!important;
  filter:brightness(.94) saturate(1.06)!important;
}

/* Darken only the lower portion used by the copy; keep the upper image open. */
body.v83-home .vh-hero-shade{
  display:block!important;
  background:linear-gradient(
    to top,
    rgba(3,22,42,.92) 0%,
    rgba(3,22,42,.78) 12%,
    rgba(3,22,42,.38) 22%,
    rgba(3,22,42,.10) 29%,
    rgba(3,22,42,0) 35%
  )!important;
}

body.v83-home .vh-hero-inner{
  width:min(calc(100% - 40px),var(--container))!important;
  height:100%!important;
  padding:0 0 28px!important;
  display:flex!important;
  align-items:flex-end!important;
}

body.v83-home .vh-hero-card{
  width:min(760px,72vw)!important;
  max-width:760px!important;
  min-height:0!important;
  height:var(--hero-content-ratio)!important;
  max-height:var(--hero-content-ratio)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
  color:#fff!important;
}

body.v83-home .vh-hero-card h1,
body.v83-home .vh-hero-card h2{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0 0 7px!important;
  max-width:720px!important;
  font-size:clamp(2rem,3.35vw,3.35rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  color:#fff!important;
}

body.v83-home .vh-hero-card>p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-width:650px!important;
  margin:0 0 9px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:clamp(.88rem,1.25vw,1.05rem)!important;
  line-height:1.34!important;
}

body.v83-home .vh-hero-short-course-list{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  margin:0 0 9px!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  max-width:min(650px,100%)!important;
}
body.v83-home .vh-hero-short-course-list::-webkit-scrollbar{display:none!important}
body.v83-home .vh-hero-short-course-list li{
  flex:0 0 auto!important;
  min-height:0!important;
  padding:5px 9px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:999px!important;
  background:rgba(4,31,58,.32)!important;
  color:#fff!important;
  white-space:nowrap!important;
  font-size:.72rem!important;
  font-weight:750!important;
  line-height:1.05!important;
}

body.v83-home .vh-hero-stat-cards{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  margin:0 0 9px!important;
  max-width:min(650px,100%)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
body.v83-home .vh-hero-stat-cards::-webkit-scrollbar{display:none!important}
body.v83-home .vh-hero-stat-cards span{
  flex:0 0 auto!important;
  min-width:104px!important;
  min-height:0!important;
  padding:6px 10px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:12px!important;
  background:rgba(4,31,58,.34)!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  text-align:left!important;
}
body.v83-home .vh-hero-stat-cards strong,
body.v83-home .vh-hero-stat-cards small{
  display:inline!important;
  color:#fff!important;
  line-height:1.08!important;
}
body.v83-home .vh-hero-stat-cards strong{font-size:.76rem!important}
body.v83-home .vh-hero-stat-cards small{font-size:.64rem!important;color:rgba(255,255,255,.78)!important}

body.v83-home .vh-actions.single{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
body.v83-home .vh-actions.single .btn{
  min-height:34px!important;
  padding:8px 13px!important;
  border-radius:9px!important;
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:800!important;
}

body.v83-home .vh-slider-controls{
  top:auto!important;
  right:max(18px,calc((100vw - var(--container))/2))!important;
  bottom:22px!important;
  left:auto!important;
}

/* Keep faces/subjects visible per approved homepage slide mapping. */
body.v83-home .vh-hero-slide:nth-child(1)>img{object-position:center 42%!important}
body.v83-home .vh-hero-slide:nth-child(2)>img{object-position:center 38%!important}
body.v83-home .vh-hero-slide:nth-child(3)>img{object-position:center 42%!important}
body.v83-home .vh-hero-slide:nth-child(4)>img{object-position:center 40%!important}

@media(max-width:900px){
  body.v83-home .vh-section.vh-hero{
    --hero-content-ratio:25%;
    height:calc(100svh - 70px)!important;
    min-height:620px!important;
    max-height:760px!important;
  }
  body.v83-home .vh-hero-slide>img{
    filter:brightness(.92) saturate(1.05)!important;
  }
  body.v83-home .vh-hero-shade{
    background:linear-gradient(
      to top,
      rgba(3,22,42,.95) 0%,
      rgba(3,22,42,.80) 13%,
      rgba(3,22,42,.40) 23%,
      rgba(3,22,42,.10) 30%,
      rgba(3,22,42,0) 36%
    )!important;
  }
  body.v83-home .vh-hero-inner{
    width:100%!important;
    padding:0 14px 20px!important;
    align-items:flex-end!important;
  }
  body.v83-home .vh-hero-card{
    width:calc(100% - 58px)!important;
    max-width:none!important;
    height:25%!important;
    max-height:25%!important;
    margin:0!important;
  }
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    margin-bottom:5px!important;
    max-width:100%!important;
    font-size:clamp(1.48rem,6.6vw,2rem)!important;
    line-height:1.02!important;
  }
  body.v83-home .vh-hero-card>p{
    margin-bottom:6px!important;
    font-size:clamp(.72rem,3.15vw,.84rem)!important;
    line-height:1.26!important;
  }
  body.v83-home .vh-hero-short-course-list,
  body.v83-home .vh-hero-stat-cards{
    gap:5px!important;
    margin-bottom:6px!important;
  }
  body.v83-home .vh-hero-short-course-list li{
    padding:4px 7px!important;
    font-size:.63rem!important;
  }
  body.v83-home .vh-hero-stat-cards span{
    min-width:88px!important;
    padding:5px 7px!important;
    border-radius:9px!important;
  }
  body.v83-home .vh-hero-stat-cards strong{font-size:.66rem!important}
  body.v83-home .vh-hero-stat-cards small{font-size:.57rem!important}
  body.v83-home .vh-actions.single .btn{
    min-height:31px!important;
    padding:7px 10px!important;
    font-size:.66rem!important;
  }
  body.v83-home .vh-slider-controls{
    right:10px!important;
    bottom:16px!important;
  }
  body.v83-home .vh-hero-slide:nth-child(1)>img{object-position:58% center!important}
  body.v83-home .vh-hero-slide:nth-child(2)>img{object-position:58% center!important}
  body.v83-home .vh-hero-slide:nth-child(3)>img{object-position:58% center!important}
  body.v83-home .vh-hero-slide:nth-child(4)>img{object-position:55% center!important}
}

@media(max-width:390px){
  body.v83-home .vh-section.vh-hero{
    --hero-content-ratio:25%;
    min-height:600px!important;
    max-height:700px!important;
  }
  body.v83-home .vh-hero-inner{padding:0 10px 16px!important}
  body.v83-home .vh-hero-card{width:calc(100% - 50px)!important;height:25%!important;max-height:25%!important}
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{font-size:clamp(1.36rem,6.2vw,1.74rem)!important}
  body.v83-home .vh-hero-card>p{font-size:.69rem!important;line-height:1.22!important}
  body.v83-home .vh-hero-short-course-list li{font-size:.59rem!important;padding:4px 6px!important}
  body.v83-home .vh-actions.single .btn{font-size:.62rem!important;min-height:29px!important;padding:6px 9px!important}
  body.v83-home .vh-slider-controls{right:7px!important;bottom:12px!important}
}