.about-story-section {
    padding-top: var(--sp-16);
    padding-bottom: var(--sp-24);
}

.about-story-section .story-copy > p:last-child {
    margin-bottom: 0;
}

.founder-memorial-section {
    padding-block: 0 var(--sp-24);
}

.founder-memorial {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    overflow: hidden;
    border-radius: var(--r-xl);
    background: var(--surface-3);
    box-shadow: var(--sh-xl);
}

.founder-memorial-visual {
    min-height: 100%;
    margin: 0;
    background: var(--c-ink-800);
}

.founder-memorial-visual img {
    width: 100%;
    height: 100%;
    min-height: 34rem;
    object-fit: cover;
    object-position: center;
}

.founder-memorial-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(var(--sp-8), 5vw, var(--sp-16));
    color: var(--c-text-invert);
    background-image: var(--metal-pattern-dark);
}

.founder-memorial-copy::before {
    position: absolute;
    top: 0;
    left: 0;
    width: min(10rem, 34%);
    height: 4px;
    content: "";
    background: var(--c-brand);
}

.founder-memorial-copy .eyebrow {
    color: color-mix(in srgb, var(--c-brand) 48%, var(--c-text-invert));
}

.founder-memorial-copy h2 {
    margin-bottom: var(--sp-6);
    color: var(--c-text-invert);
    font-size: var(--fs-4xl);
}

.founder-memorial-message {
    display: grid;
    gap: var(--sp-4);
}

.founder-memorial-message p {
    margin: 0;
    color: rgb(255 255 255 / .74);
}

.founder-memorial-message .lead {
    color: rgb(255 255 255 / .92);
    font-size: var(--fs-lg);
}

.founder-memorial-signoff {
    position: relative;
    margin: var(--sp-8) 0 0;
    padding-left: calc(var(--sp-12) + var(--sp-3));
    color: var(--c-text-invert);
    font-size: var(--fs-lg);
    font-weight: var(--fw-semibold);
}

.founder-memorial-signoff::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: var(--sp-12);
    height: 1px;
    content: "";
    background: var(--c-brand);
}

@media (max-width: 64rem) {
    .founder-memorial {
        grid-template-columns: 1fr;
    }

    .founder-memorial-visual img {
        min-height: 0;
        aspect-ratio: 1361 / 1099;
    }
}

@media (max-width: 48rem) {
    .founder-memorial-section {
        padding-bottom: var(--sp-16);
    }

    .founder-memorial-copy {
        padding: var(--sp-8) var(--sp-6);
    }
}