/* Homepage-only hero copy tweaks and pricing grid spacing. */
.hero-film-copy{
  width:min(760px,54vw);
}

.hero-film-copy h1{
  font-size:clamp(3.18rem,4.65vw,4.75rem);
}

.hero-film-copy h1 .hero-film-lead{
  display:block;
  color:inherit;
}

/* Three stacked lines: "Your place." / "Your guests." / "Save up to 20%."
   Block, not inline-block, so the last line never rides up beside the one
   above it at a width where it happens to fit. */
.hero-film-copy h1 .hero-film-highlight{
  display:block;
  color:inherit;
  text-decoration:none;
}

/* Only the number carries the brand purple. No underline - the colour is
   the emphasis on its own. */
.hero-film-copy h1 .hero-film-highlight em{
  font-style:inherit;
  color:var(--teal);
}

/* The three service cards are flat pastel panels. Their fills, bullets and
   CTAs live in home-next.css - nothing homepage-specific overrides them. */
.home-pricing .home-pricing-path{
  gap:14px;
}