/* Ceremony footage uses the existing programme palette and typography. */
.video-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.video-card{min-width:0;border:1px solid var(--line);background:var(--panel)}
.video-frame{position:relative;aspect-ratio:16/9;background:var(--ph);overflow:hidden}
.video-preview{display:block;width:100%;height:100%}
.video-preview img{display:block;width:100%;height:100%;object-fit:cover}
.video-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--paper);font-size:2.25rem;background:linear-gradient(transparent,rgba(18,26,51,.55))}
.video-load{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:transparent;cursor:pointer}
.video-load:focus-visible{outline:3px solid var(--gilt-hi);outline-offset:-4px}
.video-load:hover{box-shadow:inset 0 0 0 3px var(--gilt)}
.video-caption{display:grid;gap:.35rem;padding:1rem 1.2rem 1.3rem}
.video-caption h3{font-size:1.5rem}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-frame{scroll-margin-top:8rem}
@media(max-width:900px){.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.video-gallery{grid-template-columns:1fr}}

/* Feature film below the hero: muted autoplay, native sound and playback controls. */
.hero-film{padding-block:clamp(1rem,3vw,2.5rem);background:#050505;border-bottom:1px solid #5d4928;scroll-margin-top:6rem}
.hero-film-player{aspect-ratio:16/9;background:#000;border:1px solid #8f743d}
.hero-film-player iframe{display:block;width:100%;height:100%;border:0}