/* /2025/ watch page only (Phase 4, 2026-10-16). Loaded before main-May25.css, so selectors carry the
   .film-2025 scope to win on specificity rather than order. */

/* Banner: breadcrumb, title and one line; less bottom padding so the film starts higher */
#main.film-2025 > header { padding-bottom: 2em; }
#main.film-2025 > header h1 { margin-bottom: .4em; }
#main.film-2025 > header p.film-standfirst { letter-spacing: normal; text-transform: none; margin: 0 auto; max-width: 52em; padding: 0 1em; }
#main.film-2025 .film-crumbs ol { list-style: none; margin: 0 0 1em; padding: 0; font-size: .85em; }
#main.film-2025 .film-crumbs li { display: inline; padding: 0; }
#main.film-2025 .film-crumbs a { color: inherit; }

/* The film: full width of the content column, space reserved before the poster loads (no layout shift) */
#main.film-2025 .film-section.wrapper { padding: 2.5em 0 1.5em; }
#main.film-2025 .film-section.wrapper > .inner { width: min(90%, 72em); }
#main.film-2025 .film-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #0a2d2a; }

/* Next festival and credits */
#main.film-2025 .film-next.wrapper { padding: 1.5em 0 2em; text-align: center; }
#main.film-2025 .film-next .film-acts-line { margin: 0 0 1.75em; }
#main.film-2025 .film-next h2.film-next-h { margin: 0 0 .25em; }
#main.film-2025 .film-next p.film-next-detail { margin: 0 0 1.25em; }
#main.film-2025 .film-credits.wrapper { padding: 2.5em 0 3em; background-color: #0a2d2a; text-align: center; }
#main.film-2025 h2.cutout-box { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: none; }
#main.film-2025 h3.film-credits-label { margin: .5em 0 .75em; }
#main.film-2025 ul.film-acts { list-style: none; margin: 0 auto 1.75em; padding: 0; max-width: 46em; }
#main.film-2025 ul.film-acts li { display: inline-block; margin: .2em .6em; padding: 0; }
#main.film-2025 .film-thanks { max-width: 40em; margin: 0 auto; }

@media screen and (max-width: 980px) {
	#main.film-2025 .film-section.wrapper,
	#main.film-2025 .film-next.wrapper,
	#main.film-2025 .film-credits.wrapper { padding-left: 1em; padding-right: 1em; }
	#main.film-2025 .film-section.wrapper > .inner { width: 100%; }
}
@media screen and (max-width: 736px) {
	#main.film-2025 > header { padding-left: 1.25em; padding-right: 1.25em; }
	#main.film-2025 .film-section.wrapper { padding: 1.5em 0 1em; }
	#main.film-2025 .film-credits .cutout-text { font-size: 2.25rem; }
}