.intro {
    background: #ffffff;
    color: var(--lre-color-ink);
}

.intro__inner {
    max-width: var(--lre-container);
    margin: 0 auto;
    padding: 0 var(--lre-gutter);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(40px, 6vw, 120px);
    align-items: start;
}

.intro__lead {
    font-family: var(--lre-font-serif);
    font-weight: 400;
    font-size: clamp(20px, 1.6vw, 26px);
    line-height: 1.55;
}

.intro__body {
    font-family: var(--lre-font-serif);
    font-weight: 400;
    font-size: clamp(15px, 1.05vw, 17px);
    line-height: 1.7;
    color: var(--lre-color-ink-muted);
}

.intro__lead p,
.intro__body p {
    margin: 0 0 1.1em;
}

.intro__lead p:last-child,
.intro__body p:last-child {
    margin-bottom: 0;
}

@media (max-width: 860px) {
    .intro__inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 0 var(--lre-gutter) clamp(40px, 10vw, 64px);
    }
}