/* Only the inline promo section; approved hero and live players are unchanged. */
.home-page .promo-section{max-width:none;padding:clamp(32px,4vw,64px) var(--pad) clamp(40px,5vw,80px);background:var(--bg)}
.promo-inline{position:relative;max-width:1536px;margin-inline:auto;aspect-ratio:16/9;isolation:isolate;background:transparent;overflow:hidden;color:#f2eee7}
.promo-inline video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}
.promo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
.promo-inline.has-frame:not(.is-error) .promo-poster{visibility:hidden}
.promo-inline.is-error video{visibility:hidden}
.promo-controls{position:absolute;inset:auto 0 0;z-index:2;padding:32px 20px 12px;background:linear-gradient(transparent,rgba(0,0,0,.68));display:grid;gap:4px}
.promo-control-row{display:flex;align-items:center;gap:10px}
.promo-controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:44px;padding:10px 13px;border:0;border-radius:3px;background:rgba(16,17,16,.82);color:#f2eee7;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;white-space:nowrap}
.promo-controls button:hover{background:rgba(16,17,16,.98)}
.promo-controls button:focus-visible,.promo-seek:focus-visible{outline:2px solid #f2eee7;outline-offset:2px}
.promo-controls svg{width:19px;height:19px;pointer-events:none}
.promo-icon-pause,.promo-inline.is-playing .promo-icon-play,.promo-icon-sound,.promo-inline.has-sound .promo-icon-muted{display:none}
.promo-inline.is-playing .promo-icon-pause,.promo-inline.has-sound .promo-icon-sound{display:block}
.promo-time{font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;color:#f2eee7;text-shadow:0 1px 3px #000}
.promo-sound{margin-left:auto}
.promo-seek{--played:0%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:22px;margin:0;cursor:pointer;background:transparent;touch-action:pan-y}
.promo-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#f2eee7 0 var(--played),#ffffff55 var(--played) 100%)}
.promo-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f2eee7;margin-top:-4.5px}
.promo-seek::-moz-range-track{height:3px;background:#ffffff55}.promo-seek::-moz-range-progress{height:3px;background:#f2eee7}.promo-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#f2eee7}
.promo-seek:disabled{opacity:.4;cursor:default}
.promo-status{position:absolute;inset:auto 20px 104px;z-index:2;width:fit-content;max-width:calc(100% - 40px);padding:9px 13px;background:rgba(16,17,16,.85);color:#f2eee7;font-size:13px;line-height:1.4;pointer-events:none}
.promo-status:empty{display:none}
.promo-inline:fullscreen{width:100%;height:100%;max-width:none;aspect-ratio:auto;background:#151613}
.promo-inline:focus-visible{outline:2px solid #f2eee7;outline-offset:-2px}
@media(min-width:1024px){.home-page .promo-section{background:#151613;padding-inline:max(clamp(32px,3.5vw,64px),calc((100vw - 1536px)/2))}}
@media(max-width:600px){.promo-controls{padding:22px 8px 6px;gap:0}.promo-control-row{gap:5px}.promo-controls button{font-size:12px;padding:9px 10px;gap:6px}.promo-controls svg{width:17px;height:17px}.promo-time{display:none}.promo-status{inset:auto 10px 90px;max-width:calc(100% - 20px);font-size:12px}.promo-inline{min-width:0}}

/* Local preview: explicit playback from the central poster button. */
.promo-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:14px 24px;border:1px solid #f2eee799;border-radius:40px;background:#151613d9;color:#f2eee7;font:500 15px/1.2 Manrope,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s}
.promo-center-play svg{width:24px;height:24px;flex:none}
.promo-center-play:hover{background:#151613;border-color:#f2eee7}
.promo-center-play:focus-visible{outline:2px solid #f2eee7;outline-offset:5px}
.promo-center-play[hidden]{display:none}
.promo-inline:not(.has-frame):not(.is-error) .promo-controls{visibility:hidden}
@media(max-width:600px){.promo-center-play{min-height:50px;padding:12px 18px;font-size:13px;gap:8px}.promo-center-play svg{width:20px;height:20px}}

.promo-modal-cover{display:block;width:100%;padding:0;border:0;cursor:pointer}
.promo-modal-cover>img{display:block;width:100%;height:100%;object-fit:contain}
.promo-modal-cover:hover .promo-center-play{background:#151613;border-color:#f2eee7}