/* /make only (B24 U2): the hero shows the CSS sample card alone (the hero picture is the home's), and a square picture
   fills its C6 panel (lp.css). Loads after lp.css. BRAND tokens only, no shadows or gradients. */
.mf-hero { padding-bottom: calc(clamp(48px, 6vw, 88px) + var(--mk-sheet-r)); }
.hero-vis.mf-vis { place-items: center; max-width: 420px; padding: 28px 0 32px; background: radial-gradient(circle at 50% 50%, var(--kz-blush) 0 min(32vw, 190px), transparent calc(min(32vw, 190px) + 1px)); }
.mf-vis .pv { justify-self: center; margin-top: 0; }
.val .arrow { margin-top: 10px; }
@media (max-width: 640px) {
  .mf-vis .pv { margin-top: 0; }
  .hero-vis.mf-vis { background: radial-gradient(circle at 50% 50%, var(--kz-blush) 0 40vw, transparent calc(40vw + 1px)); }
}