/* V28 — Home hero video background only. Scoped to the home hero. */
html body.qa19-home-page .qa19-hero{
  --qa28-hero-height:max(620px, calc(100svh - 170px));
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:var(--qa28-hero-height) auto!important;
  position:relative!important;
  overflow:hidden!important;
  background:#071816!important;
  color:#fff!important;
  isolation:isolate!important;
}

html body.qa19-home-page .qa19-hero-media{
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:var(--qa28-hero-height)!important;
  min-height:0!important;
  z-index:0!important;
  overflow:hidden!important;
  background:#071816!important;
}

html body.qa19-home-page .qa19-hero-media .qa19-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.96) contrast(1.04) brightness(.88)!important;
}

/* Readability layer while keeping the uploaded video visible across the whole hero. */
html body.qa19-home-page .qa19-hero-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(4,22,20,.94) 0%, rgba(4,22,20,.84) 31%, rgba(4,22,20,.52) 55%, rgba(4,22,20,.16) 80%, rgba(4,22,20,.08) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.05) 58%, rgba(0,0,0,.26) 100%)!important;
}

html body.qa19-home-page .qa19-hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:2!important;
  width:min(760px, 100%)!important;
  min-height:var(--qa28-hero-height)!important;
  padding:
    clamp(54px,7vh,82px)
    42px
    54px
    max(32px, calc((100vw - var(--qa19-max))/2 + 24px))!important;
  background:transparent!important;
  overflow:visible!important;
  justify-content:center!important;
}

html body.qa19-home-page .qa19-hero-copy::after{display:none!important}

/* Remove the small green decorative mark only; keep its text. */
html body.qa19-home-page .qa19-kicker::before{display:none!important}
html body.qa19-home-page .qa19-kicker{padding-left:0!important;margin-left:0!important}

html body.qa19-home-page .qa19-hero h1,
html body.qa19-home-page .qa19-hero-tagline,
html body.qa19-home-page .qa19-hero-lead,
html body.qa19-home-page .qa19-shopline,
html body.qa19-home-page .qa19-kicker{
  text-shadow:0 2px 18px rgba(0,0,0,.36)!important;
}

/* Keep the existing address label and its words unchanged; only keep it above the video. */
html body.qa19-home-page .qa19-photo-label{z-index:4!important}

html body.qa19-home-page .qa19-price-rail{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  z-index:3!important;
}

@media (max-width:920px){
  html body.qa19-home-page .qa19-hero{
    --qa28-hero-height:max(720px, calc(100svh - 150px));
  }
  html body.qa19-home-page .qa19-hero-copy{
    width:min(720px,100%)!important;
    padding:58px 28px 54px!important;
  }
  html body.qa19-home-page .qa19-hero-media::after{
    background:
      linear-gradient(90deg, rgba(4,22,20,.92) 0%, rgba(4,22,20,.76) 55%, rgba(4,22,20,.34) 100%),
      linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.06) 55%, rgba(0,0,0,.38) 100%)!important;
  }
}

@media (max-width:640px){
  html body.qa19-home-page .qa19-hero{
    --qa28-hero-height:max(760px, calc(100svh - 130px));
  }
  html body.qa19-home-page .qa19-hero-copy{
    min-height:var(--qa28-hero-height)!important;
    padding:46px 20px 92px!important;
  }
  html body.qa19-home-page .qa19-hero-media .qa19-hero-video{
    object-position:center center!important;
  }
  html body.qa19-home-page .qa19-hero-media::after{
    background:
      linear-gradient(90deg, rgba(4,22,20,.90) 0%, rgba(4,22,20,.70) 100%),
      linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.04) 48%, rgba(0,0,0,.48) 100%)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  /* Keep the user's selected video available; browsers may pause it according to OS preference. */
  html body.qa19-home-page .qa19-hero-video{display:block!important}
}