.hero-film-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:.95rem}
.hero-film-link:hover{color:var(--brass-2)}
.brand-film{background:#fff;border-bottom:1px solid var(--line)}
.film-inner{max-width:960px}
.film-heading{margin-bottom:1.8rem}
.film-heading h2{margin-bottom:1rem}
.film-heading>p:last-child{max-width:56ch;color:var(--muted);margin-bottom:0}
.film-frame{position:relative;aspect-ratio:16/9;background:#161a1f;overflow:hidden;border-radius:4px}
.film-poster{position:absolute;inset:0;display:block;color:#fff}
.film-poster-image{width:100%;height:100%;object-fit:contain;display:block}
.film-play-label{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:12px;padding:15px 20px;border:1px solid #6a7075;border-radius:4px;background:#161a1f;color:#fff;font-weight:600;font-size:1rem;line-height:1.5}
.film-play-label>img{filter:brightness(0) invert(1);flex:0 0 24px}
.film-duration{font-size:.9rem;font-variant-numeric:tabular-nums;color:#dcdfe1;border-left:1px solid #6a7075;padding-left:12px}
.film-poster:hover .film-play-label{background:#292f34;border-color:var(--brass-2)}
.film-poster:focus-visible{outline:3px solid var(--brass-2);outline-offset:-4px}
.film-frame video{display:block;width:100%;height:100%;object-fit:contain}
.film-frame.is-portrait{aspect-ratio:9/16;width:min(100%,360px,calc((100svh - 200px) * .5625));margin-inline:auto}
.film-frame.is-landscape{aspect-ratio:16/9}
.film-after{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:1.5rem}
.film-transcript{flex:1 1 240px;padding-top:12px}
.film-transcript summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:var(--muted);font-size:.95rem}
.film-transcript p{font-size:.95rem;line-height:1.7;margin:1rem 0 0;color:var(--muted)}
.film-credits{margin-top:1.5rem;font-size:.8rem;line-height:1.65;color:var(--muted)}
.film-credits p{margin:.35rem 0}
.film-credits a,.film-error a{text-decoration:underline;text-underline-offset:3px}
.film-error{font-size:.95rem;margin-top:1rem;color:#822b20}
@media(max-width:760px){
  .film-heading h2{font-size:1.9rem}
  .film-frame:not(.is-landscape):not(.is-portrait){aspect-ratio:4/3}
  .film-play-label{left:12px;bottom:12px;gap:8px;padding:10px 12px;font-size:.92rem}
  .film-duration{padding-left:8px}
  .film-after{gap:.5rem}
  .film-transcript{flex-basis:100%}
  .film-credits{font-size:.8rem}
  body.film-playing .mobile-quickbar{visibility:hidden;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.film-frame{scroll-behavior:auto}}