/* DRUK R5.9 — HERO TEXT-ONLY VISIBILITY LAYER
   Purpose: improve hero copy readability without darkening the full image or
   putting a background behind the entire hero card. Only tag + title +
   description receive a localized Photoshop-style readability plate.
   Existing desktop 30/40/30 position and mobile 75/25 image-first layout stay locked. */

body.v83-home .vh-copy-visibility{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  isolation:isolate!important;
}

/* Localized plate is painted behind the text only; absolute positioning means
   it does not add layout height or enlarge the approved 25% copy footprint. */
body.v83-home .vh-copy-visibility::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14px -20px -12px -18px;
  border-radius:18px;
  background:linear-gradient(105deg,
    rgba(4,20,36,.66) 0%,
    rgba(4,20,36,.54) 58%,
    rgba(4,20,36,.22) 84%,
    rgba(4,20,36,0) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 32px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  pointer-events:none;
}

body.v83-home .vh-copy-visibility h1,
body.v83-home .vh-copy-visibility h2{
  text-shadow:0 3px 16px rgba(0,0,0,.66),0 1px 2px rgba(0,0,0,.82)!important;
}
body.v83-home .vh-copy-visibility>p{
  text-shadow:0 2px 10px rgba(0,0,0,.72)!important;
}
body.v83-home .vh-copy-visibility .vh-cinematic-tag{
  text-shadow:0 1px 8px rgba(0,0,0,.72)!important;
}

/* Keep CTA outside the visibility plate, exactly as requested. */
body.v83-home .vh-hero-card>.vh-actions{
  position:relative!important;
  z-index:3!important;
  margin-top:12px!important;
}

@media (min-width:921px){
  body.v83-home .vh-copy-visibility{max-width:660px!important;}
}

@media (min-width:521px) and (max-width:920px){
  body.v83-home .vh-copy-visibility::before{
    inset:-11px -15px -10px -13px;
    border-radius:15px;
    background:linear-gradient(105deg,
      rgba(4,20,36,.67) 0%,rgba(4,20,36,.54) 66%,rgba(4,20,36,.12) 100%);
  }
  body.v83-home .vh-hero-card>.vh-actions{margin-top:9px!important;}
}

@media (max-width:520px){
  body.v83-home .vh-copy-visibility{max-width:100%!important;}
  body.v83-home .vh-copy-visibility::before{
    inset:-9px -11px -8px -10px;
    border-radius:13px;
    background:linear-gradient(105deg,
      rgba(4,20,36,.76) 0%,rgba(4,20,36,.62) 72%,rgba(4,20,36,.18) 100%);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
  }
  body.v83-home .vh-hero-card>.vh-actions{margin-top:7px!important;}
}

@media (prefers-reduced-transparency:reduce){
  body.v83-home .vh-copy-visibility::before{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:rgba(4,20,36,.72);
  }
}