.page-about-editorial #mainContent {
    overflow: clip;
}

.about-editorial-hero {
    position: relative;
    display: grid;
    grid-template-columns: 46% 54%;
    min-height: 100svh;
    padding-top: 88px;
    background: var(--lux-bg);
}

.about-editorial-hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(70px, 8vw, 150px);
}

.about-editorial-hero h1 {
    max-width: 780px;
    margin: 0;
    color: var(--lux-white);
    font-family: var(--lux-display);
    font-size: clamp(4rem, 6.3vw, 7rem);
    font-weight: 300;
    letter-spacing: .01em;
    line-height: .92;
}

.about-editorial-hero-copy > p:not(.section-eyebrow) {
    max-width: 530px;
    margin: 38px 0 0;
    color: var(--lux-muted);
    font-size: .95rem;
    line-height: 2;
}

.about-editorial-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 44px;
}

.about-editorial-hero-media {
    position: relative;
    min-height: calc(100svh - 88px);
    overflow: hidden;
}

.about-editorial-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(10, 10, 10, .68), transparent 42%), linear-gradient(0deg, rgba(10, 10, 10, .6), transparent 50%);
}

.about-editorial-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.65);
}

.about-editorial-hero-media span {
    position: absolute;
    z-index: 2;
    right: 38px;
    bottom: 34px;
    color: var(--lux-white);
    font-size: .56rem;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.about-editorial-monogram {
    position: absolute;
    z-index: 1;
    left: 39%;
    bottom: -2vw;
    color: rgba(245, 242, 238, .045);
    font-family: var(--lux-display);
    font-size: clamp(10rem, 24vw, 30rem);
    font-weight: 300;
    line-height: .7;
    pointer-events: none;
}

.about-manifesto {
    padding-block: clamp(120px, 15vw, 240px);
    background: var(--lux-bg-soft);
}

.about-manifesto-grid {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: clamp(70px, 12vw, 190px);
    align-items: start;
}

.about-manifesto h2,
.about-origin-copy h2,
.about-method-head h2,
.about-audience-intro h2,
.about-closing-copy h2 {
    margin: 0;
    color: var(--lux-white);
    font-family: var(--lux-display);
    font-size: clamp(3.5rem, 6vw, 6.5rem);
    font-weight: 300;
    line-height: .98;
}

.about-manifesto-copy {
    padding-top: 42px;
    border-top: 1px solid rgba(201, 168, 76, .55);
}

.about-manifesto-copy p,
.about-origin-copy > p,
.about-audience-intro > p {
    color: var(--lux-muted);
    font-size: .96rem;
    line-height: 2;
}

.about-manifesto-copy p + p {
    margin-top: 26px;
}

.about-mosaic {
    display: grid;
    grid-template-columns: 1.15fr .7fr .7fr;
    min-height: 760px;
    background: var(--lux-bg);
}

.about-mosaic figure {
    position: relative;
    min-height: 760px;
    margin: 0;
    overflow: hidden;
}

.about-mosaic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.68);
    transition: transform .8s ease;
}

.about-mosaic figure:hover img {
    transform: scale(1.025);
}

.about-mosaic figcaption {
    position: absolute;
    right: 24px;
    bottom: 25px;
    left: 24px;
    color: var(--lux-white);
    font-size: .55rem;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.about-mosaic-note {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(45px, 6vw, 100px);
    background: var(--lux-bg-soft);
}

.about-mosaic-note > p {
    margin: 0;
    color: var(--lux-white);
    font-family: var(--lux-display);
    font-size: clamp(2.5rem, 3.5vw, 4.1rem);
    font-weight: 300;
    line-height: 1.1;
}

.about-mosaic-note dl {
    display: grid;
    gap: 22px;
    margin: 52px 0 0;
    padding-top: 35px;
    border-top: 1px solid rgba(201, 168, 76, .5);
}

.about-mosaic-note dl div {
    display: flex;
    align-items: baseline;
    gap: 22px;
}

.about-mosaic-note dt {
    color: var(--lux-gold);
    font-family: var(--lux-display);
    font-size: 2.3rem;
    font-weight: 300;
}

.about-mosaic-note dd {
    margin: 0;
    color: var(--lux-muted);
    font-size: .55rem;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about-origin {
    padding-block: clamp(120px, 15vw, 230px);
    background: var(--lux-bg);
}

.about-origin-grid {
    display: grid;
    grid-template-columns: 1fr .86fr;
    gap: clamp(70px, 10vw, 160px);
    align-items: center;
}

.about-origin-media {
    min-height: 650px;
    overflow: hidden;
}

.about-origin-media img {
    width: 100%;
    height: 100%;
    min-height: 650px;
    object-fit: cover;
    filter: saturate(.6);
}

.about-origin-copy ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    margin: 50px 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--lux-line);
}

.about-origin-copy li {
    padding: 20px 10px 20px 0;
    border-bottom: 1px solid var(--lux-line);
    color: var(--lux-muted);
    font-size: .62rem;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.about-method {
    padding-block: clamp(120px, 14vw, 220px);
    background: var(--lux-bg-soft);
}

.about-method-head {
    max-width: 800px;
    margin-bottom: clamp(70px, 9vw, 135px);
}

.about-method-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.about-method-grid article {
    min-height: 330px;
    padding: 8px clamp(24px, 3vw, 48px);
    border-left: 1px solid rgba(201, 168, 76, .35);
}

.about-method-grid article:last-child {
    border-right: 1px solid rgba(201, 168, 76, .35);
}

.about-method-grid article > span {
    color: var(--lux-gold);
    font-family: var(--lux-display);
    font-size: clamp(5rem, 7vw, 8rem);
    font-weight: 300;
    line-height: .8;
}

.about-method-grid h3 {
    margin: 52px 0 16px;
    color: var(--lux-white);
    font-family: var(--lux-body);
    font-size: .65rem;
    font-weight: 300;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.about-method-grid p {
    margin: 0;
    color: var(--lux-muted);
    font-size: .82rem;
    line-height: 1.8;
}

.about-audience {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    background: var(--lux-bg);
}

.about-audience-intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(80px, 9vw, 160px);
}

.about-audience-intro h2 {
    font-size: clamp(3.3rem, 5vw, 5.6rem);
}

.about-audience-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.about-audience-cards article {
    position: relative;
    min-height: 760px;
    overflow: hidden;
}

.about-audience-cards article::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 10, 10, .92), transparent 65%);
}

.about-audience-cards img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.6);
    transition: transform .8s ease;
}

.about-audience-cards article:hover img {
    transform: scale(1.025);
}

.about-audience-cards article div {
    position: absolute;
    z-index: 2;
    right: 28px;
    bottom: 32px;
    left: 28px;
}

.about-audience-cards span {
    color: var(--lux-gold);
    font-size: .55rem;
    letter-spacing: .22em;
}

.about-audience-cards h3 {
    margin: 12px 0;
    color: var(--lux-white);
    font-family: var(--lux-display);
    font-size: 2.2rem;
    font-weight: 300;
}

.about-audience-cards p {
    margin: 0;
    color: var(--lux-muted);
    font-size: .78rem;
    line-height: 1.7;
}

.about-closing {
    position: relative;
    display: grid;
    min-height: 84svh;
    place-items: center;
    isolation: isolate;
    text-align: center;
}

.about-closing > img,
.about-closing-shade {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-closing > img {
    filter: saturate(.55);
}

.about-closing-shade {
    z-index: -1;
    background: rgba(10, 10, 10, .74);
}

.about-closing-copy h2 {
    margin-bottom: 44px;
    font-size: clamp(3.5rem, 7vw, 7rem);
}

@media (max-width: 1199px) {
    .about-editorial-hero {
        grid-template-columns: 52% 48%;
    }

    .about-mosaic {
        grid-template-columns: 1fr 1fr;
    }

    .about-mosaic-note {
        grid-column: 1 / -1;
        min-height: 480px;
    }

    .about-audience {
        grid-template-columns: 1fr;
    }

    .about-audience-intro {
        max-width: 850px;
    }
}

@media (max-width: 767px) {
    .about-editorial-hero {
        display: flex;
        min-height: auto;
        padding-top: 76px;
        flex-direction: column-reverse;
    }

    .about-editorial-hero-copy {
        padding: 72px 20px 96px;
    }

    .about-editorial-hero h1 {
        font-size: clamp(3.3rem, 15vw, 5rem);
    }

    .about-editorial-hero-media {
        min-height: 62svh;
    }

    .about-editorial-monogram {
        display: none;
    }

    .about-manifesto-grid,
    .about-origin-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .about-manifesto h2,
    .about-origin-copy h2,
    .about-method-head h2,
    .about-audience-intro h2,
    .about-closing-copy h2 {
        font-size: clamp(3rem, 14vw, 4.6rem);
    }

    .about-mosaic {
        display: block;
    }

    .about-mosaic figure,
    .about-mosaic-main,
    .about-mosaic-detail {
        min-height: 520px;
    }

    .about-mosaic-note {
        min-height: 560px;
        padding: 75px 20px;
    }

    .about-origin-media,
    .about-origin-media img {
        min-height: 500px;
    }

    .about-origin-copy ul {
        grid-template-columns: 1fr;
    }

    .about-method-grid,
    .about-audience-cards {
        grid-template-columns: 1fr;
    }

    .about-method-grid article,
    .about-method-grid article:last-child {
        min-height: auto;
        padding: 42px 8px;
        border: 0;
        border-top: 1px solid rgba(201, 168, 76, .35);
    }

    .about-method-grid article:last-child {
        border-bottom: 1px solid rgba(201, 168, 76, .35);
    }

    .about-method-grid h3 {
        margin-top: 25px;
    }

    .about-audience-intro {
        padding: 95px 20px;
    }

    .about-audience-cards article {
        min-height: 580px;
    }
}