/* Show Film Detail — page-only rules, moved out of the inline <style>
   during the Sites signal retrofit. Load order is unchanged: this sheet sits
   exactly where the <style> block was. */
/* ---- Title detail page: page-specific hero measure ------------------------ */
.hero { padding-bottom: 34px; }
@media (max-width: 760px) {
  /* On phones the hero is content-driven, so padding-top is the only lever that
     moves the title/CTA block — min-height never binds. Closing the 81px void
     under the navbar lifts the block and shows more of the art. */
  .hero { padding-top: calc(var(--nav-height) + 18px); padding-bottom: 20px; }
  .hero .hero-logline { margin-top: 10px; }
  .hero .hero-meta-chips { margin-top: 10px; }
  .hero .hero-cta { margin-top: 14px; gap: 10px; }
}
.hero .hero-content { max-width: 730px; }
.hero .hero-logline { max-width: 620px; }