/* DRUK R5.6 — Techasoft-inspired slideshow composition.
   LOCKS: Dr UK header/menu + 4 approved slides + institute images/content.
   Visual rule: full-bleed photo, localized left/bottom gradient, one CTA, compact controls,
   and hero copy footprint capped at 25% of the hero height on desktop and mobile. */

body.v83-home .vh-section.vh-hero{
  position:relative!important;
  background:#071a2d!important;
}

/* Keep the whole image visible; shade only the copy side and lower edge. */
body.v83-home .vh-hero-shade{
  inset:0!important;
  background:
    linear-gradient(90deg,
      rgba(3,17,31,.78) 0%,
      rgba(3,17,31,.62) 24%,
      rgba(3,17,31,.36) 40%,
      rgba(3,17,31,.10) 55%,
      rgba(3,17,31,0) 70%),
    linear-gradient(0deg,
      rgba(3,17,31,.55) 0%,
      rgba(3,17,31,.22) 18%,
      rgba(3,17,31,0) 42%)!important;
}

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

body.v83-home .vh-hero-card{
  width:min(720px,55vw)!important;
  max-width:720px!important;
  max-height:25%!important;
  overflow:visible!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Techasoft-style hero keeps only essential copy in the hero. */
body.v83-home .vh-hero-short-course-list,
body.v83-home .vh-hero-stat-cards{
  display:none!important;
}

body.v83-home .vh-cinematic-tag{
  margin:0 0 7px!important;
  color:#8ff3e6!important;
  font-size:clamp(.61rem,.7vw,.74rem)!important;
  letter-spacing:.13em!important;
}

body.v83-home .vh-hero-card h1,
body.v83-home .vh-hero-card h2{
  max-width:700px!important;
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:clamp(2.05rem,3.5vw,3.45rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
  text-shadow:0 3px 24px rgba(0,0,0,.42)!important;
  -webkit-line-clamp:2!important;
}

body.v83-home .vh-hero-card>p{
  max-width:620px!important;
  margin:0 0 10px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:clamp(.83rem,1vw,.98rem)!important;
  line-height:1.35!important;
  -webkit-line-clamp:2!important;
  text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
}

body.v83-home .vh-actions.single .btn{
  min-height:35px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  border:1.5px solid rgba(255,255,255,.75)!important;
  background:rgba(4,24,42,.24)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:800!important;
  box-shadow:none!important;
  backdrop-filter:blur(6px)!important;
}
body.v83-home .vh-actions.single .btn:hover,
body.v83-home .vh-actions.single .btn:focus-visible{
  border-color:#2dd4bf!important;
  background:#2dd4bf!important;
  color:#062038!important;
}

/* Controls: dots at bottom-left, count/arrows at bottom-right. */
body.v83-home .vh-slider-controls{
  position:absolute!important;
  left:max(32px,calc((100vw - var(--container))/2))!important;
  right:max(32px,calc((100vw - var(--container))/2))!important;
  bottom:18px!important;
  width:auto!important;
  min-height:36px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.v83-home .home-slider-dots{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
body.v83-home .home-slider-dots button{
  width:10px!important;
  height:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
}
body.v83-home .home-slider-dots button.is-active{
  width:34px!important;
  background:#2dd4bf!important;
}
body.v83-home .home-slider-count{
  position:absolute!important;
  right:90px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:rgba(255,255,255,.82)!important;
  font-size:.68rem!important;
}
body.v83-home .home-slider-count strong{color:#fff!important;font-size:.78rem!important}
body.v83-home .home-slider-prev,
body.v83-home .home-slider-next{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.48)!important;
  background:rgba(4,24,42,.34)!important;
  color:#fff!important;
  backdrop-filter:blur(7px)!important;
}
body.v83-home .home-slider-prev{right:44px!important}
body.v83-home .home-slider-next{right:0!important}
body.v83-home .home-slider-prev:hover,
body.v83-home .home-slider-next:hover{
  background:#2dd4bf!important;
  border-color:#2dd4bf!important;
  color:#062038!important;
}

body.v83-home .vh-slider-progress{
  height:2px!important;
  background:rgba(255,255,255,.10)!important;
}

/* Desktop focal points: keep people/faces clear of the copy zone where possible. */
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 44%!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-shade{
    background:
      linear-gradient(90deg,
        rgba(3,17,31,.72) 0%,
        rgba(3,17,31,.46) 48%,
        rgba(3,17,31,.08) 78%,
        rgba(3,17,31,0) 100%),
      linear-gradient(0deg,
        rgba(3,17,31,.68) 0%,
        rgba(3,17,31,.28) 22%,
        rgba(3,17,31,0) 48%)!important;
  }
  body.v83-home .vh-hero-inner{
    width:100%!important;
    padding:0 14px 58px!important;
  }
  body.v83-home .vh-hero-card{
    width:calc(100% - 42px)!important;
    max-width:560px!important;
    max-height:25%!important;
  }
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    font-size:clamp(1.42rem,6vw,2rem)!important;
    margin-bottom:5px!important;
  }
  body.v83-home .vh-hero-card>p{
    font-size:clamp(.69rem,2.8vw,.82rem)!important;
    margin-bottom:7px!important;
  }
  body.v83-home .vh-actions.single .btn{
    min-height:30px!important;
    padding:6px 10px!important;
    font-size:.62rem!important;
  }
  body.v83-home .vh-slider-controls{
    left:14px!important;
    right:12px!important;
    bottom:10px!important;
  }
  body.v83-home .home-slider-count{right:79px!important}
  body.v83-home .home-slider-prev,
  body.v83-home .home-slider-next{width:32px!important;height:32px!important}
  body.v83-home .home-slider-prev{right:38px!important}
  body.v83-home .home-slider-next{right:0!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:55% center!important}
  body.v83-home .vh-hero-slide:nth-child(4)>img{object-position:56% center!important}
}

@media(max-width:520px){
  body.v83-home .vh-hero-inner{padding:0 12px 52px!important}
  body.v83-home .vh-hero-card{
    width:calc(100% - 30px)!important;
    max-height:25%!important;
  }
  body.v83-home .vh-cinematic-tag{margin-bottom:4px!important;font-size:.53rem!important}
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    font-size:clamp(1.28rem,6.2vw,1.65rem)!important;
    line-height:1.02!important;
    margin-bottom:4px!important;
  }
  body.v83-home .vh-hero-card>p{
    font-size:clamp(.64rem,2.9vw,.74rem)!important;
    line-height:1.22!important;
    margin-bottom:5px!important;
  }
  body.v83-home .vh-actions.single .btn{
    min-height:28px!important;
    padding:5px 9px!important;
    font-size:.58rem!important;
  }
  body.v83-home .home-slider-count{display:none!important}
  body.v83-home .home-slider-dots button{width:8px!important}
  body.v83-home .home-slider-dots button.is-active{width:27px!important}
}

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

/* R5.7 — DESKTOP POSITION LOCK
   Desktop only: keep the copy on the left, vertically centered inside the hero.
   Composition target: top 30% / central 40% / bottom 30%.
   The copy itself remains compact and capped at 25% of hero height.
   Tablet/mobile retain the existing bottom 75/25 composition. */
@media (min-width:921px){
  body.v83-home .vh-hero-inner{
    min-height:100%!important;
    height:100%!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  body.v83-home .vh-hero-card{
    width:min(680px,50vw)!important;
    max-width:680px!important;
    max-height:25%!important;
    margin:0!important;
    align-self:center!important;
  }
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    font-size:clamp(2rem,3.15vw,3.25rem)!important;
    max-width:650px!important;
  }
  body.v83-home .vh-hero-card>p{
    max-width:600px!important;
  }
  /* Controls stay in their independent bottom band. */
  body.v83-home .vh-slider-controls{bottom:18px!important;}
}