/* HAD V11 — fullscreen hero video on desktop/mobile + sticky background scroll effect */
:root{
  --had-topbar-h:36px;
  --had-header-h:92px;
}
.hero-v4{
  position:relative;
  width:100vw;
  height:170svh;
  min-height:1200px;
  overflow:clip;
  background:#0b3355;
  isolation:isolate;
}
.hero-v4-stage{
  position:sticky;
  top:0;
  height:100svh;
  min-height:100svh;
  overflow:hidden;
}
.hero-v4-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.hero-v4-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,35,62,.82) 0%,rgba(3,35,62,.62) 28%,rgba(4,36,61,.18) 58%,rgba(3,31,54,.38) 100%),
    linear-gradient(180deg,rgba(2,26,45,.10),rgba(2,26,45,.28));
}
.hero-v4-content{
  position:relative;
  z-index:2;
  width:min(1540px,calc(100% - 96px));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:120px 0 84px;
}
.hero-v4-copy{margin-top:0}
.hero-v4-controls{bottom:24px}
.expertise-v4{
  position:relative;
  z-index:5;
  margin-top:-118px;
  padding:42px 0 30px;
  background:#f4f8fb;
  border-radius:38px 38px 0 0;
  box-shadow:0 -18px 48px rgba(4,33,64,.08);
}
.wide-shell{width:min(1600px,calc(100% - 64px))}
@media (max-width:1080px){
  .hero-v4{
    height:160svh;
    min-height:1080px;
  }
  .hero-v4-content,
  .hero-v4-controls,
  .wide-shell{width:calc(100% - 46px)}
  .hero-v4-content{padding-top:112px;padding-bottom:78px}
  .expertise-v4{margin-top:-86px;border-radius:30px 30px 0 0}
}
@media (max-width:650px){
  :root{--had-header-h:74px}
  .hero-v4{
    height:155svh;
    min-height:980px;
  }
  .hero-v4-stage{
    height:100svh;
    min-height:100svh;
  }
  .hero-v4-video{object-position:60% center}
  .hero-v4-overlay{
    background:
      linear-gradient(90deg,rgba(3,35,62,.90),rgba(3,35,62,.58) 72%,rgba(3,35,62,.30)),
      linear-gradient(180deg,rgba(2,26,45,.10),rgba(2,26,45,.26));
  }
  .hero-v4-content{
    width:calc(100% - 30px);
    min-height:100%;
    padding:92px 0 94px;
    display:block;
  }
  .hero-v4-controls{width:calc(100% - 30px);bottom:18px}
  .hero-v4-side{position:absolute;right:0;bottom:88px}
  .expertise-v4{
    margin-top:-34px;
    padding-top:20px;
    border-radius:24px 24px 0 0;
  }
  .wide-shell{width:calc(100% - 22px)}
}
@media (prefers-reduced-motion:reduce){
  .hero-v4{height:auto;min-height:720px}
  .hero-v4-stage{position:relative;height:auto;min-height:720px}
}