/* The approved boxed film (L6, 3 November), at its native proportion. */
.hero-film{display:flex;flex-direction:column;gap:12px}
@media(min-width:851px){.hero-film{width:100%}}
/* 0151: the film is wider, and on a desktop the hero gives it more of the row. */
@media(min-width:1201px){.hero-grid{grid-template-columns:.82fr 1.18fr}}
.hero-film-frame{position:relative;aspect-ratio:2400/2700;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#f8f6f2;box-shadow:0 18px 44px -26px rgba(41,42,37,.28)}
.hero-film video,.hero-film-poster{position:absolute;inset:0;display:block;width:100%;height:100%;background:#f8f6f2}
.hero-film video,.hero-film-poster img{width:100%;height:100%;object-fit:contain;transform:none}
.hero-film-poster{pointer-events:none}
.hero-film-poster img{display:block}
.hero-film-poster[hidden]{display:none}
.hero-film-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px}
/* The film's own Play and Replay, styled as approved on 3 November; the page's other controls are untouched. */
.hero-film .scene-replay{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 15px;border:1px solid #ddcbbb;border-radius:6px;background:#fcf8f3;color:var(--brown);font:400 12px/1.4 Inter,sans-serif;text-decoration:none;cursor:pointer}
.hero-film .scene-replay:hover{border-color:#b9977b;background:#f9efe5}
.hero-film .scene-replay:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
@media(min-width:1280px) and (max-width:1759px){.hero-film .scene-replay{min-height:56px;min-width:56px}}
/* Reduced motion still offers deliberate Play and Replay for this film. */
@media(prefers-reduced-motion:reduce){.hero-film .scene-replay{display:inline-flex}}

/* 0153: the film sits about 50 px further right on desktops, for more room from the headline. Only from 1280 px, where the page has the margin for it. */
@media(min-width:1280px){.hero-film{transform:translateX(64px)}}