
#heroVideo{
  background:radial-gradient(120% 110% at 28% 0%, #0F2A33 0%, #0A1E27 55%, #071720 100%);
}
#heroVideo::before{
  background:var(--m-paper,#F4F2EE);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.55);
}
@media (max-width:989px){
  #heroVideo .pxh-copy{
    width:92vw; max-width:1880px;
    margin:clamp(96px,12vh,116px) auto clamp(26px,3.4vw,38px);
    padding:clamp(34px,4.4vw,56px) clamp(26px,3.6vw,68px);
    background:var(--m-paper,#F4F2EE);
    border:1px solid rgba(3,43,59,.08);
    border-radius:20px;
  }
  #heroVideo .pxh-canvas{
    width:92vw; max-width:1880px;
    margin:0 auto clamp(34px,5vw,56px);
  }
}
@media (max-width:700px){
  #heroVideo .pxh-copy,
  #heroVideo .pxh-canvas{ width:calc(100% - 44px); }
}

#heroVideo .pxh-canvas{
  border-color:rgba(123,219,211,.16);
  background:linear-gradient(168deg,#0B2531 0%,#08202A 58%,#05161E 100%);
}

.evid{ width:min(100%, 1180px); margin-inline:auto; }

#watch{
  background:var(--m-paper,#F4F2EE);
  padding-block:clamp(56px,6vw,96px);
}

.evid-frame{
  display:block; width:100%; margin:0; padding:0; border:0; cursor:pointer;
  position:relative; aspect-ratio:16/9; overflow:hidden;
  border-radius:clamp(16px,1.6vw,24px);
  background:var(--ink,#04222B);
  box-shadow:0 40px 90px -46px rgba(0,0,0,.7);
  outline-offset:4px;
}
.evid-poster{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
  filter:saturate(1.02) brightness(.92);
  transition:transform .6s ease, filter .4s ease;
}
.evid-grain{
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(70% 70% at 50% 46%, rgba(4,34,43,.12), rgba(4,34,43,.62));
  transition:background .4s ease;
}
.evid-frame:hover .evid-poster,
.evid-frame:focus-visible .evid-poster{ transform:scale(1.02); filter:saturate(1.06) brightness(.98); }
.evid-frame:hover .evid-grain{ background:radial-gradient(70% 70% at 50% 46%, rgba(4,34,43,.06), rgba(4,34,43,.5)); }

.evid-play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:clamp(62px,5.4vw,84px); height:clamp(62px,5.4vw,84px); border-radius:50%;
  display:grid; place-items:center;
  color:#fff;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);
          backdrop-filter:blur(10px) saturate(1.1);
  box-shadow:0 10px 30px -12px rgba(0,0,0,.45);
  transition:transform .3s ease, background .3s ease, border-color .3s ease, color .3s ease;
}
.evid-play svg{ width:34%; height:34%; fill:currentColor; margin-left:5%; }
.evid-frame:hover .evid-play,
.evid-frame:focus-visible .evid-play{
  transform:translate(-50%,-50%) scale(1.05);
  background:var(--teal,#12BAB0);
  border-color:var(--teal,#12BAB0);
  color:#04222B;
}

.evid.is-playing .evid-frame{ cursor:default; }
.evid iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0; display:block;
}

.vlb{
  position:fixed; inset:0; z-index:140;
  display:grid; place-items:center;
  padding:clamp(16px,4vw,56px);
  background:rgba(3,20,27,.86);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  opacity:0; transition:opacity .28s ease;
}
.vlb.is-open{ opacity:1; }
.vlb-stage{
  position:relative; width:min(100%, 1180px); aspect-ratio:16/9;
  border-radius:clamp(12px,1.4vw,20px); overflow:hidden;
  background:#04222B;
  box-shadow:0 60px 120px -50px rgba(0,0,0,.8);
  transform:scale(.98); transition:transform .28s ease;
}
.vlb.is-open .vlb-stage{ transform:none; }
.vlb-stage iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.vlb-close{
  position:absolute; top:clamp(12px,2vw,26px); right:clamp(12px,2vw,26px);
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center; cursor:pointer;
  color:#EAF7F6; background:rgba(255,255,255,.1);
  border:1px solid rgba(234,247,246,.28);
  transition:background .25s ease, color .25s ease, border-color .25s ease;
}
.vlb-close:hover{ background:var(--teal,#12BAB0); border-color:var(--teal,#12BAB0); color:#04222B; }
.vlb-close svg{ width:18px; height:18px; stroke:currentColor; stroke-width:1.8; fill:none; }
@media (prefers-reduced-motion:reduce){
  .vlb, .vlb-stage{ transition:none; }
}
