/* Only the opened player changes the hero layout. */
#promo-trigger{font-family:inherit;cursor:pointer;background:transparent;color:var(--white)}
#promo-inline-film[hidden],#agentField[hidden],#promo-inline-film [hidden]{display:none!important}
.agent-hero-inner:has(#promo-inline-film:not([hidden])){grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:36px;max-width:1600px;padding-inline:4%}
#promo-inline-film{width:100%;min-width:0}
.promo-film-surface{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border:0;border-radius:10px;background:transparent}
#promo-video{display:block;width:100%;height:100%;object-fit:contain;border:0;background:transparent;cursor:pointer}
.promo-film-surface:focus{outline:none}
.promo-film-surface svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.promo-film-surface button{font:inherit;cursor:pointer}
.promo-film-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;background:#15131d66;backdrop-filter:blur(12px);color:#fff;opacity:0;pointer-events:none;transition:opacity .18s;z-index:3}
.promo-film-close:hover{background:#15131daa}
.promo-film-controls{position:absolute;inset:auto 0 0;padding:36px 16px 12px;background:linear-gradient(transparent,rgba(13,12,20,.76));color:white;opacity:0;pointer-events:none;transition:opacity .18s;z-index:2}
.promo-film-surface.show-controls .promo-film-controls,.promo-film-surface.show-controls .promo-film-close{opacity:1;pointer-events:auto}
.promo-control-row{display:flex;align-items:center;gap:9px;height:30px;margin-top:4px}
.promo-control-row button{display:grid;place-items:center;width:30px;height:30px;padding:5px;border:0;border-radius:5px;background:transparent;color:inherit}
.promo-control-row button:hover{background:#ffffff20}.promo-control-row span{font-size:11px;line-height:1;font-variant-numeric:tabular-nums}
.promo-control-spacer{flex:1}.promo-time-divider{opacity:.5}
#promo-seek{display:block;width:100%;height:14px;margin:0;appearance:none;background:transparent;accent-color:#c6b3ff;cursor:pointer}
#promo-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#c6b3ff var(--progress,0%),#ffffff45 var(--progress,0%))}
#promo-seek::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;margin-top:-3.5px}
#promo-volume{width:58px;height:3px;accent-color:white;cursor:pointer}
#promo-center-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#14121d66;border:1px solid #ffffff55;backdrop-filter:blur(10px);color:white;display:grid;place-items:center}
#promo-center-play svg{width:24px;height:24px}
#promo-player-message{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:14px;flex-direction:column;background:var(--ink);color:var(--white-2);font-size:13px}
#promo-retry{background:var(--white);color:var(--ink);border:0;padding:9px 16px;border-radius:7px}
.promo-film-surface button:focus-visible,.promo-film-surface input:focus-visible{outline:2px solid #c6b3ff;outline-offset:3px}
.promo-film-surface:fullscreen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto;background:#000}
.promo-film-surface:fullscreen .promo-film-controls{padding:55px 28px 20px}.promo-film-surface:fullscreen .promo-film-close{right:24px;top:20px}
@media(max-width:900px){#promo-inline-film{margin-top:32px}.agent-hero-inner:has(#promo-inline-film:not([hidden])){padding:52px 24px 40px}}
@media(max-width:450px){#promo-volume{display:none}.promo-film-controls{padding:28px 10px 8px}.promo-control-row{gap:5px}}
@media(prefers-reduced-motion:reduce){.promo-film-controls,.promo-film-close{transition:none}}