html {
    scroll-padding-top: 116px;
}

section[id] {
    scroll-margin-top: 116px;
}

a,
button,
summary {
    touch-action: manipulation;
}

@media (pointer: coarse) {
    .main-nav a,
    .mobile-menu summary,
    .mobile-menu-links a,
    .footer-links a,
    .text-link {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}

@media (max-width: 560px) {
    html {
        scroll-padding-top: 88px;
    }

    section[id] {
        scroll-margin-top: 88px;
    }

    .eyebrow {
        font-size: 1rem;
    }

    .proof-grid {
        gap: 0;
    }

    .offer-media,
    .transformation-media img,
    .result-media,
    .video-wrap {
        max-width: 100%;
    }

    .footer-links a {
        justify-content: center;
        padding: 8px 4px;
    }
}

@media (max-width: 390px) {
    .shell {
        width: calc(100% - 28px);
    }

    .section-heading h2,
    .story-copy h2,
    .principles-heading h2,
    .result-copy h2,
    .expert-copy h2,
    .contact h2 {
        font-size: 2.15rem;
    }

    .proof-grid {
        grid-template-columns: 1fr;
    }

    .proof-item {
        border-right: 0;
        border-top: 1px solid #34383b;
    }

    .proof-item:first-child {
        border-top: 0;
    }
}