/* Showreel band: full-bleed muted loop between the client strip and 01 / Selected stories (board A, 23 Sept 2026; the ONE EYE promo since 3 Oct 2026).
   The picture and the dark ground run edge to edge; the caption bar stays on the page column, so it lines up with the strip. */
.reel-band{position:relative;z-index:0;margin-top:110px;color:#f5f2ec}
.reel-band::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:#1a1712}
.reel-band video{display:block;width:100vw;max-width:none;margin-left:calc(50% - 50vw);height:auto;aspect-ratio:16/9;object-fit:cover;background:#000}
.reel-band__bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.reel-band__label{font:10px/1.8 monospace;letter-spacing:1.8px;text-transform:uppercase;color:#c8a96e}
.reel-band__controls{display:flex;align-items:center;gap:28px}
.reel-band__time{font:10px/1.8 monospace;letter-spacing:1.8px;color:#b9b1a3}
.reel-band__btn{min-height:44px;padding:0;border:0;background:none;cursor:pointer}
.reel-band__pause{font:10px/1.8 monospace;letter-spacing:1.8px;text-transform:uppercase;color:#b9b1a3}
.reel-band__sound{font:14px 'Helvetica Neue',Helvetica,sans-serif;color:#f5f2ec;text-decoration:underline;text-underline-offset:6px}
.reel-band__btn:hover{color:#c8a96e}
.reel-band__btn:focus-visible{outline:2px solid #c8a96e;outline-offset:5px}
@media(max-width:900px){.reel-band{margin-top:65px}.reel-band__bar{min-height:0;padding:12px 0 14px;gap:12px}.reel-band__controls{gap:18px}.reel-band__time{display:none}}