/* Mobile landing-page clearances. */
@media (max-width: 767.98px) {
    body[data-page-type="landing"] .hero-section {
        padding-bottom: max(clamp(4.75rem, 14vw, 6rem), calc(4.75rem + env(safe-area-inset-bottom)));
    }

    body[data-page-type="landing"] .hero-scroll {
        bottom: max(1.35rem, calc(1rem + env(safe-area-inset-bottom)));
    }

    body[data-page-type="landing"] .welcome-section {
        margin-top: 0;
    }
}