/* About — the existing Presence palette, typography and spacing. */
.about-section {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: clamp(40px, 7vw, 110px);
    padding: clamp(80px, 11vw, 170px) 3.2vw;
    border-top: 1px solid var(--line);
    background: #111;
    color: var(--ink);
    scroll-margin-top: 92px;
}
.about-section__header h2 {
    margin: 0;
    color: inherit;
    font: 400 clamp(76px, 10.5vw, 170px)/.98 var(--serif);
    letter-spacing: -.025em;
    text-transform: uppercase;
}
.about-section__copy { max-width: 760px; }
.about-section__copy p {
    margin: 0;
    color: #b6b4b0;
    font: 400 clamp(16px, 1.45vw, 22px)/1.7 var(--sans);
}
.about-section__copy p + p { margin-top: clamp(28px, 3vw, 48px); }
.about-section__copy .about-section__statement {
    padding: clamp(26px, 3vw, 44px) 0;
    border-block: 1px solid var(--line);
    color: var(--ink);
    font: 500 clamp(24px, 2.6vw, 40px)/1.35 var(--sans);
    letter-spacing: -.025em;
}
@media (max-width: 980px) {
    .about-section { grid-template-columns: 1fr; gap: 44px; scroll-margin-top: 72px; }
    .about-section__header h2 { font-size: clamp(76px, 14vw, 130px); }
}
@media (max-width: 600px) {
    .about-section { padding: 80px 18px; }
    .about-section__header h2 { font-size: clamp(64px, 16vw, 96px); }
}