/* Pasties & Pints About & Contact visual refinements.
 * Scoped to the existing legacy shortcode classes so the page keeps its
 * approved structure while the Website Design plugin controls presentation.
 */

@media (min-width: 1051px) {
    .pnp-about__intro {
        margin-bottom: 50px;
    }

    .pnp-about__intro-grid {
        grid-template-columns: minmax(0, 1.55fr) minmax(330px, 0.72fr);
        gap: 48px;
        align-items: stretch;
    }

    .pnp-about__intro-main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 910px;
        padding: 4px 0 2px;
    }

    .pnp-about__intro-main h2 {
        margin-bottom: 24px;
    }

    .pnp-about__intro-main p {
        margin-bottom: 19px;
        font-size: 19px;
        line-height: 1.62;
    }

    .pnp-about__intro-main .pnp-about__lead {
        max-width: 900px;
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 1.48;
    }

    .pnp-about__statement {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        padding: 38px 36px;
        border-left-width: 6px;
        border-radius: 0 10px 10px 0;
        background: rgba(223, 193, 159, 0.20);
        box-shadow: 0 9px 26px rgba(16, 15, 15, 0.05);
    }

    .pnp-about__statement-small {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .pnp-about__statement strong {
        margin-bottom: 14px;
        font-size: 30px;
        line-height: 1.12;
    }

    .pnp-about__statement p {
        font-size: 18px;
        line-height: 1.55;
    }

    /* Keep the lower About flow connected on desktop. */
    .pnp-about__sections {
        margin-bottom: 24px;
    }

    .pnp-about__youtube {
        margin-bottom: 18px;
    }

    .pnp-about {
        padding-bottom: 18px;
    }

    .pnp-contact-page {
        padding-top: 36px;
    }
}