/* Command center overview video (Corey 2026-11-06). Sits where the ATLAS tablet used to be, on the page's own star sky.
   16:9 on desktop; the portrait cut swaps in at 800px (same breakpoint as tools/ops-mobile-videos.json). */
.cc-film{position:relative;padding:clamp(48px,6vw,96px) 24px clamp(40px,5vw,72px);background:linear-gradient(180deg,#0b0714 0%,rgba(11,7,20,0) 38%)}
.cc-film__frame{position:relative;width:min(1180px,100%);margin:0 auto;aspect-ratio:16/9;overflow:hidden;border-radius:clamp(14px,2vw,26px);background:#05030f;border:1px solid rgba(190,160,255,.3);box-shadow:0 30px 80px rgba(4,2,14,.7),0 0 0 1px rgba(0,0,0,.65),0 0 100px rgba(123,70,212,.3)}
.cc-film__frame video{display:block;width:100%;height:100%;object-fit:cover;background:#05030f}
.cc-film__transcript{width:min(1180px,100%);margin:clamp(18px,2.4vw,28px) auto 0;color:#e4def5}
.cc-film__transcript summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 2px;cursor:pointer;font:600 16px/1.3 Lato,sans-serif;color:#d9ccff;list-style:none}
.cc-film__transcript summary::-webkit-details-marker{display:none}
.cc-film__transcript summary::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.cc-film__transcript[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.cc-film__transcript summary:hover{color:#fff}
.cc-film__transcript summary:focus-visible{outline:3px solid #c4a8ff;outline-offset:4px;border-radius:6px}
.cc-film__text{max-width:860px;padding:6px 0 4px}
.cc-film__text p{margin:0 0 14px;font:400 17px/1.7 Lato,sans-serif;color:#e4def5}
@media (max-width:800px){
  .cc-film{padding:36px 16px 32px}
  .cc-film__frame{aspect-ratio:9/16;width:min(100%,460px);border-radius:16px}
}