/* DRUK V8.10 — Style3 cinematic hero adapted to approved 75/25 rule.
   Reference behaviour: full-bleed photo, fade + subtle zoom, bottom gradient,
   compact controls/progress. Existing DR UK header/menu and four approved slides retained. */

body.v83-home .vh-section.vh-hero{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#061b31!important;
}
body.v83-home .vh-hero-slides,
body.v83-home .vh-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body.v83-home .vh-hero-slide{
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s!important;
  z-index:1!important;
}
body.v83-home .vh-hero-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}
body.v83-home .vh-hero-slide>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  left:0!important;
  right:auto!important;
  transform:scale(1.035)!important;
  transition:transform 7.5s ease-out!important;
  filter:brightness(.98) saturate(1.05) contrast(1.02)!important;
}
body.v83-home .vh-hero-slide.is-active>img{transform:scale(1)!important}

/* Only the lower quarter is materially darkened. The upper ~75% remains image-led. */
body.v83-home .vh-hero-shade{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(to top,
      rgba(3,20,38,.96) 0%,
      rgba(3,20,38,.84) 9%,
      rgba(3,20,38,.56) 17%,
      rgba(3,20,38,.22) 24%,
      rgba(3,20,38,.06) 29%,
      rgba(3,20,38,0) 36%)!important;
}

body.v83-home .vh-hero-inner{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  width:min(calc(100% - 48px),var(--container))!important;
  height:100%!important;
  margin-inline:auto!important;
  padding:0 0 46px!important;
  display:flex!important;
  align-items:flex-end!important;
}
body.v83-home .vh-hero-card{
  width:min(790px,68vw)!important;
  max-width:790px!important;
  min-height:0!important;
  height:auto!important;
  max-height:25%!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;
  color:#fff!important;
  overflow:hidden!important;
}
body.v83-home .vh-cinematic-tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 7px!important;
  color:#bff7ef!important;
  font-size:clamp(.62rem,.72vw,.76rem)!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.v83-home .vh-cinematic-tag::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#2dd4bf;
  box-shadow:0 0 0 4px rgba(45,212,191,.14);
}
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 6px!important;
  max-width:760px!important;
  color:#fff!important;
  font-size:clamp(2rem,3.5vw,3.65rem)!important;
  line-height:.99!important;
  letter-spacing:-.04em!important;
  text-shadow:0 4px 26px rgba(0,0,0,.36)!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:680px!important;
  margin:0 0 7px!important;
  color:rgba(255,255,255,.9)!important;
  font-size:clamp(.82rem,1.05vw,1rem)!important;
  line-height:1.32!important;
}
body.v83-home .vh-hero-short-course-list,
body.v83-home .vh-hero-stat-cards{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  max-width:660px!important;
  margin:0 0 7px!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
body.v83-home .vh-hero-short-course-list::-webkit-scrollbar,
body.v83-home .vh-hero-stat-cards::-webkit-scrollbar{display:none!important}
body.v83-home .vh-hero-short-course-list li,
body.v83-home .vh-hero-stat-cards span{
  flex:0 0 auto!important;
  min-height:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(5,28,50,.34)!important;
  color:#fff!important;
  backdrop-filter:blur(5px)!important;
}
body.v83-home .vh-hero-short-course-list li{
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
body.v83-home .vh-hero-stat-cards span{
  min-width:98px!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
body.v83-home .vh-hero-stat-cards strong{font-size:.7rem!important;color:#fff!important}
body.v83-home .vh-hero-stat-cards small{font-size:.59rem!important;color:rgba(255,255,255,.76)!important}
body.v83-home .vh-actions.single{margin:0!important}
body.v83-home .vh-actions.single .btn{
  min-height:31px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:0 7px 20px rgba(0,0,0,.18)!important;
}

/* Compact cinematic controls, away from the content copy. */
body.v83-home .vh-slider-controls{
  position:absolute!important;
  z-index:8!important;
  top:auto!important;
  left:auto!important;
  right:max(22px,calc((100vw - var(--container))/2))!important;
  bottom:18px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:0!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  background:rgba(4,25,45,.52)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(9px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
body.v83-home .home-slider-arrow{width:30px!important;height:30px!important}
body.v83-home .home-slider-dots button{height:5px!important;width:7px!important;border-radius:999px!important}
body.v83-home .home-slider-dots button.is-active{width:24px!important;background:#2dd4bf!important}
body.v83-home .home-slider-count{font-size:.65rem!important}
body.v83-home .home-slider-count strong{font-size:.72rem!important}

body.v83-home .vh-slider-progress{
  position:absolute!important;
  z-index:9!important;
  left:0!important;right:0!important;bottom:0!important;
  height:3px!important;
  background:rgba(255,255,255,.12)!important;
  pointer-events:none!important;
}
body.v83-home .vh-slider-progress>span{
  display:block!important;
  width:0%;height:100%!important;
  background:#2dd4bf!important;
  box-shadow:0 0 10px rgba(45,212,191,.7)!important;
}

/* Approved slide-specific focal crops. */
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:920px){
  body.v83-home .vh-hero-inner{
    width:100%!important;
    padding:0 14px 42px!important;
  }
  body.v83-home .vh-hero-card{
    width:calc(100% - 48px)!important;
    max-width:none!important;
    max-height:25%!important;
  }
  body.v83-home .vh-cinematic-tag{margin-bottom:5px!important;font-size:.58rem!important}
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    margin-bottom:4px!important;
    font-size:clamp(1.35rem,6.1vw,1.95rem)!important;
    line-height:1!important;
  }
  body.v83-home .vh-hero-card>p{
    margin-bottom:5px!important;
    font-size:clamp(.68rem,3vw,.8rem)!important;
    line-height:1.2!important;
  }
  body.v83-home .vh-hero-short-course-list,
  body.v83-home .vh-hero-stat-cards{margin-bottom:5px!important;gap:4px!important}
  body.v83-home .vh-hero-short-course-list li{font-size:.59rem!important;padding:3px 6px!important}
  body.v83-home .vh-hero-stat-cards span{min-width:82px!important;padding:4px 6px!important}
  body.v83-home .vh-hero-stat-cards strong{font-size:.61rem!important}
  body.v83-home .vh-hero-stat-cards small{font-size:.53rem!important}
  body.v83-home .vh-actions.single .btn{font-size:.61rem!important;min-height:28px!important;padding:6px 9px!important}
  body.v83-home .vh-slider-controls{right:8px!important;bottom:10px!important;padding:4px 5px!important}
  body.v83-home .home-slider-arrow{width:27px!important;height:27px!important}
  body.v83-home .home-slider-count{display:none!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:520px){
  /* Keep the copy truly within the lower quarter: essential copy + CTA only. */
  body.v83-home .vh-hero-short-course-list,
  body.v83-home .vh-hero-stat-cards{display:none!important}
  body.v83-home .vh-hero-inner{padding:0 12px 38px!important}
  body.v83-home .vh-hero-card{width:calc(100% - 42px)!important;max-height:25%!important;overflow:hidden!important}
  body.v83-home .vh-cinematic-tag{font-size:.54rem!important;letter-spacing:.09em!important}
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{font-size:clamp(1.25rem,6vw,1.62rem)!important}
  body.v83-home .vh-hero-card>p{font-size:.65rem!important;-webkit-line-clamp:2!important}
  body.v83-home .vh-actions.single .btn{font-size:.58rem!important;min-height:27px!important;padding:5px 8px!important}
}

@media(prefers-reduced-motion:reduce){
  body.v83-home .vh-hero-slide,
  body.v83-home .vh-hero-slide>img{transition:none!important}
}