/* DRUK R5.8 — Responsive hero typography lock.
   Desktop: Nextwebi/Techasoft-style left-center hierarchy inside the approved 30/40/30 composition.
   Mobile: PPG-style compact typography inside the approved bottom 25% copy zone.
   Layout, images, 4-slide order and controls remain unchanged. */

/* DESKTOP — strong but restrained editorial hierarchy */
@media (min-width:921px){
  body.v83-home .vh-cinematic-tag{
    font-size:clamp(.72rem,.78vw,.84rem)!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    margin-bottom:10px!important;
    font-weight:800!important;
  }
  body.v83-home .vh-hero-card{
    width:min(700px,51vw)!important;
    max-width:700px!important;
    max-height:25%!important;
  }
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    max-width:690px!important;
    font-size:clamp(2.7rem,4vw,3.8rem)!important;
    line-height:1.03!important;
    letter-spacing:-.04em!important;
    margin:0 0 12px!important;
    font-weight:800!important;
    text-wrap:balance!important;
  }
  body.v83-home .vh-hero-card>p{
    max-width:610px!important;
    font-size:clamp(1rem,1.18vw,1.15rem)!important;
    line-height:1.46!important;
    margin:0 0 15px!important;
    color:rgba(255,255,255,.92)!important;
  }
  body.v83-home .vh-actions.single .btn{
    min-height:42px!important;
    padding:10px 18px!important;
    font-size:.82rem!important;
  }
}

/* TABLET — retain image-first composition with restrained copy */
@media (min-width:521px) and (max-width:920px){
  body.v83-home .vh-cinematic-tag{
    font-size:.62rem!important;
    margin-bottom:6px!important;
  }
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    font-size:clamp(1.8rem,4.6vw,2.35rem)!important;
    line-height:1.04!important;
    margin-bottom:6px!important;
  }
  body.v83-home .vh-hero-card>p{
    font-size:clamp(.78rem,1.8vw,.92rem)!important;
    line-height:1.35!important;
    margin-bottom:8px!important;
  }
}

/* MOBILE — PPG-like compact title sizing; bottom text zone remains <=25%. */
@media (max-width:520px){
  body.v83-home .vh-hero-inner{
    padding-left:18px!important;
    padding-right:18px!important;
    padding-bottom:54px!important;
  }
  body.v83-home .vh-hero-card{
    width:calc(100% - 36px)!important;
    max-height:25%!important;
  }
  body.v83-home .vh-cinematic-tag{
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:1.15px!important;
    margin-bottom:6px!important;
  }
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    font-size:clamp(26px,7.4vw,30px)!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    margin:0 0 6px!important;
    max-width:100%!important;
    text-wrap:balance!important;
  }
  body.v83-home .vh-hero-card>p{
    font-size:clamp(12.5px,3.3vw,14px)!important;
    line-height:1.32!important;
    margin:0 0 7px!important;
    max-width:96%!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.v83-home .vh-actions.single .btn{
    min-height:31px!important;
    padding:7px 11px!important;
    font-size:11px!important;
  }
}

@media (max-width:340px){
  body.v83-home .vh-hero-card h1,
  body.v83-home .vh-hero-card h2{
    font-size:25px!important;
  }
  body.v83-home .vh-hero-card>p{
    font-size:12px!important;
  }
}