/* De afspeelpagina van een film (#794). Kleuren alleen uit tokens.css. */
.fp-hero { background: var(--navy); color: #fff; padding: 44px 24px 36px; }
.fp-in { max-width: 940px; margin: 0 auto; }
.fp-eyebrow { font-size: 12px; letter-spacing: .10em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 8px; }
.fp-hero h1 { font-size: 32px; line-height: 1.2; margin: 0; }
.fp-wrap { max-width: 940px; margin: 0 auto; padding: 28px 24px 64px; }
.fp-blok { background: var(--white); border: 1px solid var(--light); border-radius: 14px; padding: 20px; }
.fp-film { display: block; width: 100%; height: auto; border-radius: 10px; background: var(--navy); }
.fp-wat { font-size: 16px; line-height: 1.6; color: var(--muted); margin: 16px 0 0; }
.fp-ai { font-size: 13px; color: var(--hint); margin: 10px 0 0; }
.fp-melding { font-size: 15px; color: var(--muted); margin: 0; }
.fp-melding a, .fp-terug a { color: var(--blue); font-weight: 600; }
.fp-terug { font-size: 14px; margin: 18px 0 0; }
@media (max-width: 600px) { .fp-hero h1 { font-size: 25px; } .fp-blok { padding: 12px; } }