/* The site's video player (data-promo-player in site.js): /video and the homepage. */
.promo-shell{border:1px solid #ffffff17;background:#141715;border-radius:26px;padding:8px;box-shadow:0 38px 90px #0008}
.promo-frame{aspect-ratio:16/9;background:#050606;border-radius:19px;position:relative;overflow:hidden;isolation:isolate}
.promo-frame:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;background:linear-gradient(180deg,#0002 55%,#000b);opacity:.52;transition:opacity .3s}
.promo-frame video{width:100%;height:100%;object-fit:cover;display:block}
.promo-shell.is-playing .promo-frame:after{opacity:.18}
.promo-center-play{z-index:4;color:#fff;background:#0e1110c7;border:1px solid #ffffff35;border-radius:999px;align-items:center;gap:12px;min-height:54px;padding:9px 20px 9px 9px;font:800 10px var(--text);letter-spacing:.1em;text-transform:uppercase;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;backdrop-filter:blur(14px);transition:opacity .2s,transform .2s,background .2s}
.promo-center-play span{background:var(--brand);border-radius:50%;place-items:center;width:36px;height:36px;padding-left:2px;display:grid}
.promo-center-play:hover,.promo-center-play:focus-visible{background:#171b18;transform:scale(1.03)}
.promo-shell.is-playing .promo-center-play,.promo-shell.is-previewing .promo-center-play{opacity:0;pointer-events:none}
.promo-controls{z-index:5;color:#fff;background:#090b0aeb;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:34px minmax(100px,1fr) auto auto auto;align-items:center;gap:10px;padding:9px 10px;display:grid;position:absolute;right:14px;bottom:14px;left:14px;transform:translateY(8px);opacity:0;transition:opacity .2s,transform .2s;backdrop-filter:blur(16px)}
.promo-frame:hover .promo-controls,.promo-frame:focus-within .promo-controls,.promo-shell.is-playing .promo-controls{opacity:1;transform:none}
.promo-controls button{color:#fff;background:transparent;border:0;border-radius:8px;min-width:34px;min-height:34px;padding:0 7px;font:750 9px var(--text);letter-spacing:.04em;cursor:pointer}
.promo-controls button:hover,.promo-controls button:focus-visible{background:#ffffff14;outline:1px solid #ffffff3d}
.promo-controls output{font:700 9px var(--mono);color:#bdc3bc;white-space:nowrap}
.promo-controls input{appearance:none;background:linear-gradient(90deg,var(--brand) var(--video-progress,0%),#ffffff26 0);border-radius:99px;width:100%;height:4px;cursor:pointer}
.promo-controls input::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid var(--brand);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 6px #000}
.promo-status{z-index:4;color:#c4c9c3;background:#090b0a99;border:1px solid #ffffff17;border-radius:99px;padding:7px 10px;font:750 8px var(--text);letter-spacing:.12em;text-transform:uppercase;position:absolute;top:14px;left:14px;backdrop-filter:blur(12px)}
.promo-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:6px 3px 0;display:grid}
.promo-chapters button{text-align:left;color:#8f958e;background:transparent;border:0;border-radius:15px;grid-template-columns:30px 1fr;column-gap:10px;padding:14px 16px;display:grid;cursor:pointer;transition:background .2s,color .2s}
.promo-chapters button:hover,.promo-chapters button:focus-visible,.promo-chapters button.is-active{color:#fff;background:#ffffff0c;outline:none}
.promo-chapters button.is-active span{color:#fff;background:var(--brand)}
.promo-chapters span{font:800 9px var(--mono);border:1px solid #ffffff26;border-radius:50%;place-items:center;width:30px;height:30px;grid-row:1/3;display:grid;transition:background .2s}
.promo-chapters b{font:800 11px var(--text);letter-spacing:.09em;text-transform:uppercase}
.promo-chapters small{color:#717771;font-size:9px;margin-top:3px}
.promo-disclosure{color:#717771;font-size:9px;line-height:1.55;padding:3px 19px 12px}
.promo-disclosure b{color:#aab0aa}
@media (width<=1000px){.promo-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (width<=720px){.promo-shell{border-radius:19px;padding:5px}.promo-frame{border-radius:14px}.promo-controls{grid-template-columns:34px minmax(70px,1fr) auto;right:8px;bottom:8px;left:8px;opacity:1;transform:none}.promo-controls [data-video-mute],.promo-controls output{display:none}.promo-chapters{grid-template-columns:1fr}.promo-chapters button{padding:10px 12px}.promo-center-play b{display:none}.promo-center-play{padding-right:9px}.promo-status{top:8px;left:8px}.promo-disclosure{padding:5px 12px 10px}}
@media (prefers-reduced-motion:reduce){.promo-center-play,.promo-controls,.promo-frame:after,.promo-chapters button{transition:none}}