/* Final responsive overrides. This file is intentionally loaded after the desktop refresh layer. */
@media (max-width:760px) {
    html, body, main {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .section,
    .section > *,
    .about-founder,
    .about-founder > *,
    .product-story-band,
    .product-story-band > * {
        min-width: 0;
        max-width: 100%;
    }

    .about-founder {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 34px;
    }

    .founder-photo {
        width: 100%;
        max-width: 320px;
    }

    .founder-photo img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .founder-copy {
        width: 100%;
        overflow-wrap: anywhere;
    }

    .founder-copy h2 {
        max-width: 100%;
        font-size: clamp(34px, 10vw, 42px);
        overflow-wrap: anywhere;
    }

    .founder-links {
        align-items: stretch;
        flex-direction: column;
    }

    .founder-links .button,
    .founder-links .text-link,
    .product-story-band .button {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        white-space: normal;
    }

    .product-story-band {
        align-items: stretch;
        gap: 28px;
    }

    .product-story-band .button {
        text-align: left;
    }
}