/* Keep the complete 16:9 film visible above the original home composition. */
.home-film { padding-top: 96px; background: #17120e; color: #fff8eb; }
.home-film-media { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #17120e; }
.home-film-media:focus-visible { outline: 2px solid #dab67c; outline-offset: -4px; }
.home-film-caption { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 20px; padding-block: 18px 20px; font-size: 10px; line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; }
.home-film-caption p { margin: 0; }
.home-film-caption p span { margin-inline: 12px; opacity: .5; }
.home-film-caption > span { color: #c3b6a4; font-size: 9px; white-space: nowrap; }
.home-film-error { padding-bottom: 20px; font-size: 13px; }
@media (min-width: 768px) { .home-film { padding-top: 100px; } .home-film-caption { padding-block: 22px; font-size: 11px; } }