/* Equal side columns keep the complete portrait centred and its image unobstructed. */
.home-intro-video{display:grid;grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr);align-items:center;gap:8px;width:100%;max-width:600px;margin:0 auto 5px;padding:0;color:var(--navy)}
.home-intro-video-slot{grid-column:2;grid-row:1;width:100%;aspect-ratio:9/16;background:#151a32;border-radius:6px}
.home-intro-video video{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:#151a32;border-radius:6px}
.home-intro-video-actions{display:contents}
.home-intro-video [hidden]{display:none!important}
.home-intro-video .home-intro-video-actions button{position:static;justify-self:center;max-width:110px;min-width:0;min-height:28px;height:auto;margin:0;padding:4px 7px;font-size:12px;line-height:1.15;border-width:1px;border-radius:4px;white-space:normal;overflow-wrap:normal}
.home-intro-video [data-video-sound]{grid-column:1;grid-row:1}
.home-intro-video [data-video-expand]{grid-column:3;grid-row:1}
.home-intro-video-dialog{position:fixed;inset:0;margin:auto;width:min(94vw,440px);max-width:94vw;max-height:94vh;max-height:94dvh;padding:6px;border:0;border-radius:8px;background:#151a32;color:#fff;overflow:auto}
.home-intro-video-dialog::backdrop{background:rgb(0 0 0 / 80%)}
.home-intro-video-dialog form{display:flex;justify-content:flex-end;margin:0 0 4px;padding:0;background:transparent;border:0}
.home-intro-video-dialog button{min-height:28px;margin:0;padding:4px 8px;font-size:12px;line-height:1.1}
.home-intro-video .home-intro-video-large{height:min(76vh,740px);height:min(76dvh,740px)}
.home-intro-video .home-intro-video-large video{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.home-intro-video{grid-template-columns:minmax(0,1fr) 126px minmax(0,1fr);gap:5px}.home-intro-video .home-intro-video-actions button{font-size:11px;padding:4px 5px}}