/* A shallow curved overlap joins the full-color hero to the cream section. */
.hero {
  --hero-overlap:calc(var(--hero-paint-height,var(--hero-height,648px)) * .032);
  overflow:hidden;
  clip-path:ellipse(200% 100% at 50% 0%);
  margin-bottom:calc(-1 * var(--hero-overlap));
}
.hero-grid::after { content:none; }