/* Breakpoints (vans.com / UnoCSS): md 768px | lg 1024px */
#lp-vegan {
    --lp-vegan-ink: #262424;
    --lp-vegan-red: #a21a10;
    --lp-vegan-white: #fff;
    --lp-vegan-font-display: FannDorenCondensed, "Arial Narrow", Arial, Helvetica, sans-serif;
    --lp-vegan-font-body: FannDorenGrotesque, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    color: var(--lp-vegan-ink);
    font-family: var(--lp-vegan-font-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background: var(--lp-vegan-white);
}

    #lp-vegan *,
    #lp-vegan *::before,
    #lp-vegan *::after {
        box-sizing: border-box;
    }

    #lp-vegan img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* Hero — full bleed | mb 2.5rem */
    #lp-vegan .lp-vegan-hero {
        margin: 0 0 2.5rem;
    }

        #lp-vegan .lp-vegan-hero img {
            width: 100%;
            height: auto;
            object-fit: cover;
            object-position: 50% 50%;
        }

    /* Content — <lg:px-4 | lg:px-6 | mb 2.5rem */
    #lp-vegan .lp-vegan-content {
        max-width: 100%;
        margin: 0 auto 2.5rem;
        padding: 0 1rem;
    }

    /* display-1: 2.5rem / 500 Condensed | lg: 4rem | mb-4 | c-red-30 */
    #lp-vegan .lp-vegan-title {
        margin: 0 0 1rem;
        font-family: var(--lp-vegan-font-display);
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1;
        text-transform: uppercase;
        color: var(--lp-vegan-red);
        letter-spacing: 0;
    }

    #lp-vegan .lp-vegan-text {
        margin: 0 0 1rem;
        font-size: 1rem;
        line-height: 1.5;
        color: var(--lp-vegan-ink);
    }

        #lp-vegan .lp-vegan-text strong {
            font-weight: 700;
        }

@media (min-width: 1024px) {
    #lp-vegan .lp-vegan-content {
        padding: 0 1.5rem;
    }

    #lp-vegan .lp-vegan-title {
        font-size: 4rem;
        line-height: 1;
    }
}