/* Light editorial spread: existing copy, typography and palette. */
#about.about-editorial {
    background: var(--c-white);
    border-bottom: 24px solid var(--c-ink);
    padding-top: clamp(52px, 6vw, 88px);
    padding-bottom: clamp(32px, 4vw, 56px);
}
.about-editorial::before { display: none; }
.about-editorial .about-wrap {
    position: relative;
    display: block;
    padding-bottom: 32px;
    border: 0;
}
.about-editorial .about-wrap::before {
    content: '';
    position: absolute;
    top: -40px;
    bottom: -8px;
    left: calc(var(--gutter) - 28px);
    width: 2px;
    background: var(--c-accent);
}
.about-editorial .about-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: var(--gutter);
    right: var(--gutter);
    height: 1px;
    background: var(--c-ink);
}
.about-editorial .about-label { margin-bottom: 32px; }
.about-editorial .about-label h2 {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    font-family: var(--f-mono);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .12em;
}
.about-editorial .about-label h2::before {
    content: '';
    flex: 0 0 40px;
    height: 2px;
    background: var(--c-accent);
}
.about-editorial-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(32px, 4vw, 64px);
}
.about-editorial .about-lead {
    font-size: clamp(38px, 4.65vw, 72px);
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: -.045em;
    overflow-wrap: break-word;
}
.about-editorial .about-lead br { display: none; }
.about-editorial .about-lead em {
    padding: 0;
    background: none;
    text-decoration: underline;
    text-decoration-color: var(--c-accent);
    text-decoration-thickness: 5px;
    text-underline-offset: .13em;
    text-decoration-skip-ink: none;
}
.about-editorial .about-sub {
    max-width: none;
    padding: 0;
    border: 0;
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.5;
    color: var(--c-ink);
}
.about-editorial .about-lead-sub {
    max-width: none;
    margin-top: 48px;
    font-size: clamp(22px, 2.2vw, 34px);
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.025em;
    color: var(--c-ink);
}
.about-editorial .about-lead-sub span {
    text-decoration: underline;
    text-decoration-color: var(--c-accent);
    text-decoration-thickness: 3px;
    text-underline-offset: .2em;
    text-decoration-skip-ink: none;
}
@media (max-width: 1000px) {
    .about-editorial-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .about-editorial .about-lead { max-width: 760px; font-size: clamp(36px, 6vw, 60px); }
    .about-editorial .about-sub { max-width: 680px; font-size: 19px; }
    .about-editorial .about-wrap::before { left: calc(var(--gutter) - 16px); }
    .about-editorial .about-lead-sub { margin-top: 36px; }
}
@media (max-width: 600px) {
    #about.about-editorial { padding-top: 44px; border-bottom-width: 16px; }
    .about-editorial .about-wrap::before { top: -20px; left: calc(var(--gutter) - 12px); }
    .about-editorial .about-label { margin-bottom: 24px; }
    .about-editorial .about-label h2 { font-size: 12px; gap: 16px; }
    .about-editorial .about-label h2::before { flex-basis: 28px; }
    .about-editorial .about-lead { font-size: clamp(28px, 7.6vw, 42px); line-height: 1.08; }
    .about-editorial .about-lead em { text-decoration-thickness: 3px; }
    .about-editorial .about-sub { font-size: 17px; }
    .about-editorial .about-lead-sub { margin-top: 28px; font-size: 22px; }
}