/* Soft curved edges: hero, tinted bands and footer flow into each other instead of meeting in hard straight lines. */
:root { --curve: clamp(38px, 7vw, 84px); }

/* Dark home band: wide arc along its lower edge, so it flows into the light section after it */
.rz-why { border-radius: 0 0 50% 50% / 0 0 var(--curve) var(--curve); overflow: hidden; }

/* Footer: the call-to-action band that opens the footer curves up into the page above */
.footer-cta-band {
    border-radius: 50% 50% 0 0 / var(--curve) var(--curve) 0 0;
    padding-top: calc(2.6rem + var(--curve) / 3) !important;
}

/* Spa hero */
.sp-hero { border-radius: 0 0 var(--curve) var(--curve); }

@media (prefers-reduced-motion: no-preference) {
    .footer-cta-band { transition: border-radius .3s ease; }
}
