/* PROTAR hero video v1 — full-bleed looping drone footage behind the hero copy.
   Loaded after protar-overlay-v24-2.css. Remove this file + switch back to
   protar-overlay-v24-2-cms-v1.js to restore the blueprint hero. */

.hero.hero--video{
  --phv-ov:.85;
  position:relative;
  isolation:isolate;
  background:#001635!important;
}
.hero.hero--video .hero-grid,
.hero.hero--video .hero-glow{display:none!important}

/* Video layer */
.hero.hero--video .phv-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#001635 url("/media/hero/protar-hero-poster.webp?v=1") center/cover no-repeat}
.hero.hero--video .phv-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* Navy fall-off from the copy side, plus a soft floor for the scroll cue */
.hero.hero--video .phv-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(0,22,53,var(--phv-ov)) 0%,
      rgba(0,22,53,calc(var(--phv-ov)*.92)) 30%,
      rgba(0,22,53,calc(var(--phv-ov)*.55)) 48%,
      rgba(0,22,53,calc(var(--phv-ov)*.12)) 66%,
      rgba(0,22,53,0) 80%),
    linear-gradient(0deg, rgba(0,22,53,calc(var(--phv-ov)*.6)) 0%, rgba(0,22,53,0) 26%);
}
.hero.hero--video .hero-layout{position:relative;z-index:2}
.hero.hero--video .scroll-cue{z-index:3!important}

/* The old dashboard / blueprint column is not used */
.hero.hero--video .energy-console{display:none!important}

/* Pause / play control (WCAG 2.2.2) */
.hero.hero--video .phv-toggle{
  position:absolute;z-index:4;right:max(20px,env(safe-area-inset-right,0px));bottom:22px;
  width:38px;height:38px;padding:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.45);background:rgba(0,22,53,.35);color:#fff;
  display:grid;place-items:center;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:background .2s ease,border-color .2s ease;
}
.hero.hero--video .phv-toggle svg{width:14px;height:14px}
.hero.hero--video .phv-toggle:hover{background:rgba(0,22,53,.6);border-color:#d8b457}
.hero.hero--video .phv-toggle:focus-visible{outline:2px solid #f2c94c;outline-offset:3px}

/* The mobile blueprint watermark from v24.8 is replaced by the footage */
.hero.hero--video::after{content:none!important;display:none!important;background:none!important}

/* Tablet / phone: copy sits over the footage, shade becomes vertical */
@media (max-width:1080px){
  .hero.hero--video .phv-shade{
    background:linear-gradient(180deg,
      rgba(0,22,53,calc(var(--phv-ov)*.35)) 0%,
      rgba(0,22,53,calc(var(--phv-ov)*.62)) 35%,
      rgba(0,22,53,calc(var(--phv-ov)*.86)) 65%,
      rgba(0,22,53,var(--phv-ov)) 100%);
  }
  .hero.hero--video .phv-media video{object-position:62% center}
  .hero.hero--video .phv-toggle{bottom:16px;right:max(16px,env(safe-area-inset-right,0px))}
}