[data-background-video] { opacity: 0; transition: opacity .4s ease; }
[data-background-video].is-playing { opacity: 1; }
.tf-video-prompt { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; min-height:12rem; }
.tf-video-open { display:flex; align-items:center; justify-content:center; width:5.5rem; height:5.5rem; border-radius:50%; background:#c97a3e; border:1px solid #ffffff66; box-shadow:0 8px 30px #0006; color:white; }
.tf-video-open:disabled { background:#18181baa; cursor:default; }
.tf-video-open:focus-visible, .tf-video-toggle:focus-visible { outline:3px solid white; outline-offset:5px; }
.tf-video-label { padding:.4rem .8rem; background:#09090bcc; border-radius:999px; font-size:.875rem; color:white; }
.tf-video-toggle { color:white; text-decoration:underline; text-underline-offset:4px; background:#09090baa; padding:.35rem .7rem; border-radius:6px; font-size:.8rem; }
.tf-video-captions { position:relative; z-index:10; max-width:48rem; margin:2rem auto 0; padding:.7rem 1rem; border-radius:.5rem; background:#09090be6; color:white; white-space:pre-line; text-align:center; font-size:clamp(1rem,2vw,1.25rem); line-height:1.4; }
.tf-video-dialog { padding:0; width:calc(100% - 2rem); max-width:72rem; border:1px solid #ffffff33; border-radius:1rem; background:#09090b; color:white; }
.tf-video-dialog::backdrop { background:#000c; backdrop-filter:blur(6px); }
.tf-video-dialog video { display:block; width:100%; max-height:80dvh; aspect-ratio:16/9; object-fit:contain; }
.tf-video-dialog-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem 1rem; }
.tf-video-dialog-bar button { border:1px solid #ffffff66; border-radius:999px; padding:.4rem .8rem; }
[data-taskforce-video] [hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { [data-background-video] { transition:none; } }
@media (max-width: 767px) {
  section[data-taskforce-video] {
    background:#0a0a0a;
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    padding:2rem 1rem;
    row-gap:2rem;
  }
  [data-taskforce-video] .tf-hero-content { display:contents; }
  [data-taskforce-video] .tf-hero-copy { grid-column:1; grid-row:1; min-width:0; }
  [data-taskforce-video] .tf-hero-media {
    position:relative;
    inset:auto;
    grid-column:1;
    grid-row:2;
    width:100%;
    aspect-ratio:540 / 732;
    overflow:hidden;
    border-radius:1.5rem;
    background:#18181b;
  }
  [data-taskforce-video] .tf-hero-media > img { position:absolute; inset:0; }
  [data-taskforce-video] .tf-hero-media > div { display:none; }
  [data-taskforce-video] .tf-video-prompt {
    grid-column:1;
    grid-row:2;
    z-index:1;
    min-height:0;
    pointer-events:none;
  }
  [data-taskforce-video] .tf-video-prompt button { pointer-events:auto; }
  [data-taskforce-video] .tf-video-open:disabled { display:none; }
  [data-taskforce-video] > div:last-child { grid-column:1; grid-row:3; }
  [data-taskforce-video] > div:last-child:has([hidden]) { display:none; }
}