/* Click-to-load video facade.
   Nothing is requested from YouTube until the visitor presses play, so the
   landing page keeps making zero third-party tracking requests on load. */
.video-section{background:var(--forest,#142b30);color:#eef4ef;padding:86px 0}
.video-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.video-copy .section-label{color:var(--lime,#d6f657);margin-bottom:22px}
.video-copy h2{font-weight:800;font-size:clamp(38px,4.4vw,62px);letter-spacing:-.055em;
  line-height:1.04;margin:0 0 22px;color:#fff}
.video-copy h2 em{font-style:normal;color:var(--lime,#d6f657)}
.video-copy p{font-size:20px;line-height:1.6;color:#c2d2ca;margin:0 0 18px;max-width:46ch}
.video-attrib{display:flex;align-items:center;gap:13px;margin-top:26px;
  border-top:1px solid rgba(255,255,255,.16);padding-top:22px}
.video-attrib .vfrom{font-size:15px;color:#9fb3aa;line-height:1.45}
.video-attrib .vfrom b{display:block;color:#fff;font-size:17px;font-weight:700}

.video-frame{position:relative;border-radius:18px;overflow:hidden;background:#0a161a;
  aspect-ratio:16/9;border:1px solid rgba(255,255,255,.18);
  box-shadow:0 28px 70px rgba(0,0,0,.45)}
.video-frame img,.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;
  display:block;border:0}
.video-frame img{object-fit:cover}
.video-play{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;
  background:linear-gradient(180deg,rgba(10,22,26,.06),rgba(10,22,26,.30));
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  font-family:inherit;color:#fff;transition:background .18s}
.video-play:hover,.video-play:focus-visible{background:linear-gradient(180deg,rgba(10,22,26,0),rgba(10,22,26,.18))}
.video-play:focus-visible{outline:3px solid var(--lime,#d6f657);outline-offset:-4px}
.video-play .disc{width:84px;height:84px;border-radius:50%;background:var(--lime,#d6f657);
  display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .18s}
.video-play:hover .disc,.video-play:focus-visible .disc{transform:scale(1.07)}
.video-play .disc svg{width:32px;height:32px;fill:#142b30;margin-left:5px}
.video-play .plabel{font-size:16px;font-weight:700;letter-spacing:.02em;
  text-shadow:0 2px 10px rgba(0,0,0,.6)}
.video-note{margin-top:14px;font-size:14px;color:#8ea79c;line-height:1.5;display:flex;
  align-items:flex-start;gap:9px}
.video-note span[aria-hidden]{color:var(--lime,#d6f657);flex:none}
.video-fallback{margin-top:10px;font-size:14px}
.video-fallback a{color:var(--lime,#d6f657);font-weight:600}

@media(max-width:980px){
  .video-shell{grid-template-columns:1fr;gap:34px}
  .video-section{padding:64px 0}
  .video-copy p{font-size:18px;max-width:none}
}
@media(max-width:560px){
  .video-play .disc{width:66px;height:66px}
  .video-play .disc svg{width:25px;height:25px}
  .video-copy h2{font-size:clamp(32px,8.6vw,44px)}
  .video-section{padding:52px 0}
}