/* A full-width cinema section; contain keeps the video's captions in frame. */
.explainer{background:var(--deep);color:var(--on-deep);scroll-margin-top:var(--hdr)}
.explainer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;min-height:64px;padding-block:14px}
.explainer-heading h2{font:500 22px/1.2 var(--display);letter-spacing:-.01em}
.explainer-note{font-size:14px;line-height:1.4;color:var(--on-deep-2);text-align:right;max-width:55ch}
.explainer-video{display:block;width:100%;height:calc(100svh - var(--hdr) - 64px);min-height:0;object-fit:contain;background:#080F16;color-scheme:dark}
.explainer-video:focus-visible{outline:2px solid var(--ochre);outline-offset:-2px;border-radius:0}
.explainer-error{padding-block:14px;color:var(--on-deep)}
.explainer-error[hidden]{display:none}
@media(max-width:767px){
  .explainer-heading{align-items:flex-start;flex-direction:column;gap:6px;min-height:0}
  .explainer-note{text-align:left}
  .explainer-video{height:auto;aspect-ratio:16/9}
}