/* Goolab Home Hero Video V1 — split editorial hero */
.site-home .home3-video-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#07101f;
}
.site-home .home3-video-hero .hero-vignette{
  z-index:1;
  background:linear-gradient(90deg,
    #07101f 0%,
    rgba(7,16,31,.985) 31%,
    rgba(7,16,31,.92) 43%,
    rgba(7,16,31,.42) 55%,
    rgba(7,16,31,.10) 74%,
    rgba(7,16,31,.16) 100%);
}
.site-home .home3-hero-media{
  position:absolute;
  z-index:0;
  inset:0 0 0 auto;
  width:56%;
  overflow:hidden;
  background:#07101f center/cover no-repeat;
  pointer-events:none;
}
.site-home .home3-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,8,17,.15) 0%,rgba(3,8,17,0) 42%,rgba(3,8,17,.30) 100%);
  pointer-events:none;
}
.site-home .home3-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  opacity:.98;
  transform:scale(1.002);
}
.site-home .home3-hero-media-wash{
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:22%;
  background:linear-gradient(90deg,#07101f 0%,rgba(7,16,31,.84) 28%,rgba(7,16,31,0) 100%);
  pointer-events:none;
}
.site-home .home3-hero-grid{
  grid-template-columns:minmax(0,46rem) minmax(0,1fr)!important;
  gap:clamp(2rem,5vw,6rem)!important;
  min-height:calc(100svh - 5rem);
  align-items:center;
}
.site-home .home3-hero-copy{
  position:relative;
  z-index:4;
  max-width:46rem;
  padding-right:clamp(1rem,3vw,3rem);
}
.site-home .home3-video-hero h1{
  max-width:10.8ch!important;
  font-size:clamp(3rem,5.1vw,5rem)!important;
}
.site-home .home3-video-hero .lead{max-width:34rem!important}
.site-home .home3-video-hero .scroll-cue{z-index:5}

@media (max-width:1100px){
  .site-home .home3-hero-media{width:52%}
  .site-home .home3-video-hero .hero-vignette{
    background:linear-gradient(90deg,#07101f 0%,rgba(7,16,31,.97) 38%,rgba(7,16,31,.54) 60%,rgba(7,16,31,.18) 100%);
  }
}

@media (max-width:820px){
  .site-home .home3-video-hero{
    min-height:100svh!important;
    padding:7.3rem 0 0!important;
    align-items:flex-start!important;
  }
  .site-home .home3-hero-grid{
    display:block!important;
    min-height:100svh;
  }
  .site-home .home3-hero-copy{
    max-width:100%;
    padding:0 0 52svh;
  }
  .site-home .home3-hero-media{
    inset:auto 0 0 0;
    width:100%;
    height:52svh;
  }
  .site-home .home3-hero-video{
    object-position:center 18%;
  }
  .site-home .home3-video-hero .hero-vignette{
    z-index:1;
    background:linear-gradient(180deg,
      #07101f 0%,
      #07101f 39%,
      rgba(7,16,31,.96) 47%,
      rgba(7,16,31,.62) 58%,
      rgba(7,16,31,.10) 78%,
      rgba(7,16,31,.20) 100%);
  }
  .site-home .home3-hero-media-wash{
    inset:0 0 auto 0;
    width:100%;
    height:25%;
    background:linear-gradient(180deg,#07101f 0%,rgba(7,16,31,.72) 38%,rgba(7,16,31,0) 100%);
  }
  .site-home .home3-video-hero h1{
    max-width:11ch!important;
    font-size:clamp(2.45rem,11vw,3.55rem)!important;
    line-height:1.01!important;
  }
  .site-home .home3-video-hero .lead{
    max-width:31rem!important;
    font-size:.98rem!important;
    line-height:1.56!important;
  }
  .site-home .home3-video-hero .hero-ctas{margin-top:1.55rem}
  .site-home .home3-video-hero .hero-note{margin-top:.95rem}
}

@media (max-width:520px){
  .site-home .home3-video-hero{padding-top:6.6rem!important}
  .site-home .home3-hero-copy{padding-bottom:48svh}
  .site-home .home3-hero-media{height:49svh}
  .site-home .home3-video-hero h1{font-size:clamp(2.2rem,10.7vw,3rem)!important}
  .site-home .home3-video-hero .hero-ctas{gap:.65rem}
  .site-home .home3-video-hero .btn{min-height:48px}
}

@media (prefers-reduced-motion:reduce){
  .site-home .home3-hero-video{display:none}
}