:root {
    --tlb-ink: #151515;
    --tlb-muted: #676761;
    --tlb-paper: #f7f5f0;
    --tlb-soft: #ece8df;
    --tlb-line: rgba(21,21,21,.16);
    --tlb-white: #fff;
    --tlb-max: 1280px;
}

.tony-legacy-build-page .entry-title,
.tony-legacy-build-page .page-title {
    display: none !important;
}

.tony-legacy-build-page .site-main,
.tony-legacy-build-page main {
    overflow: visible;
}

.tlb {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    color: var(--tlb-ink);
    background: var(--tlb-white);
    line-height: 1.55;
}

.tlb *,
.tlb *::before,
.tlb *::after {
    box-sizing: border-box;
}

.tlb img {
    display: block;
    width: 100%;
    height: auto;
}

.tlb h1,
.tlb h2,
.tlb h3,
.tlb p,
.tlb figure,
.tlb blockquote {
    margin-top: 0;
}

.tlb h1 {
    margin-bottom: .25em;
    font-size: clamp(4rem, 8vw, 8.8rem);
    line-height: .88;
    letter-spacing: -.065em;
    font-weight: 650;
}

.tlb h2 {
    margin-bottom: .6em;
    max-width: 12ch;
    font-size: clamp(2.7rem, 5vw, 5.4rem);
    line-height: .96;
    letter-spacing: -.05em;
    font-weight: 620;
}

.tlb h3 {
    margin-bottom: .45rem;
    font-size: clamp(1.6rem, 2vw, 2.2rem);
    letter-spacing: -.025em;
}

.tlb p {
    max-width: 66ch;
}

.tlb-hero {
    min-height: min(900px, 92vh);
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(26rem, .92fr);
    background: var(--tlb-paper);
}

.tlb-hero__media {
    min-height: 760px;
    overflow: hidden;
}

.tlb-hero__image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.tlb-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(3rem, 7vw, 8rem);
}

.tlb-eyebrow,
.tlb-section__label,
.tlb-small-label {
    display: block;
    margin-bottom: 1.6rem;
    font-size: .76rem;
    line-height: 1;
    letter-spacing: .19em;
    text-transform: uppercase;
    font-weight: 700;
}

.tlb-deck {
    margin-bottom: 2rem;
    max-width: 17ch !important;
    font-size: clamp(1.55rem, 2.2vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -.025em;
}

.tlb-years {
    margin-bottom: 2.4rem;
    color: var(--tlb-muted);
    font-size: .96rem;
    letter-spacing: .08em;
}

.tlb-intro {
    font-size: 1.1rem;
}

.tlb-source-note {
    margin-top: 2.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--tlb-line);
    color: var(--tlb-muted);
    font-size: .78rem;
}

.tlb-nav {
    position: sticky;
    top: 0;
    z-index: 20;
    border-top: 1px solid var(--tlb-line);
    border-bottom: 1px solid var(--tlb-line);
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(14px);
}

.admin-bar .tlb-nav {
    top: 32px;
}

.tlb-nav__inner {
    max-width: var(--tlb-max);
    margin: 0 auto;
    padding: 0 clamp(1.25rem, 4vw, 3rem);
    display: flex;
    overflow-x: auto;
}

.tlb-nav a {
    flex: 0 0 auto;
    padding: 1.1rem 1.4rem 1rem 0;
    margin-right: 1.7rem;
    border-bottom: 2px solid transparent;
    color: inherit;
    text-decoration: none;
    font-size: .88rem;
}

.tlb-nav a.is-active {
    border-bottom-color: currentColor;
}

.tlb-section {
    max-width: var(--tlb-max);
    margin: 0 auto;
    padding: clamp(6rem, 10vw, 10rem) clamp(1.5rem, 5vw, 4rem);
}

.tlb-story__grid,
.tlb-remembering__grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(3rem, 8vw, 8rem);
    align-items: center;
}

.tlb-lead {
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    line-height: 1.35;
    letter-spacing: -.02em;
}

.tlb-photo {
    min-height: 620px;
    overflow: hidden;
}

.tlb-photo__image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.tlb-quote-band {
    padding: clamp(7rem, 12vw, 12rem) 1.5rem;
    background: var(--tlb-ink);
    color: var(--tlb-white);
}

.tlb-quote-band__inner {
    max-width: 960px;
    margin: auto;
}

.tlb-quote-mark {
    margin-bottom: 1rem;
    font-family: Georgia, serif;
    font-size: 7rem;
    line-height: .5;
    opacity: .32;
}

.tlb-quote-band blockquote {
    max-width: 20ch;
    margin-bottom: 2rem;
    font-size: clamp(2.4rem, 5vw, 5rem);
    line-height: 1.03;
    letter-spacing: -.045em;
}

.tlb-quote-credit {
    opacity: .7;
    font-size: .86rem;
}

.tlb-heading-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .45fr);
    gap: 4rem;
    align-items: end;
    margin-bottom: 5rem;
}

.tlb-heading-image {
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

.tlb-heading-image__img {
    height: 100% !important;
    object-fit: cover;
}

.tlb-accordion {
    border-top: 1px solid var(--tlb-line);
}

.tlb-accordion__item {
    border-bottom: 1px solid var(--tlb-line);
}

.tlb-accordion__button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.8rem 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    font: inherit;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    cursor: pointer;
}

.tlb-plus {
    position: relative;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
}

.tlb-plus::before,
.tlb-plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
}

.tlb-plus::after {
    transform: rotate(90deg);
    transition: transform .2s ease;
}

[aria-expanded="true"] .tlb-plus::after {
    transform: rotate(0deg);
}

.tlb-accordion__content {
    max-width: 760px;
    padding: 0 0 2.2rem;
    color: var(--tlb-muted);
    font-size: 1.05rem;
}

.tlb-writings {
    border-top: 1px solid var(--tlb-line);
}

.tlb-writing-grid {
    margin-top: 4rem;
}

.tlb-writing-card {
    display: grid;
    grid-template-columns: 4rem 1fr auto;
    gap: 2rem;
    align-items: start;
    padding: 2.4rem 0;
    border-top: 1px solid var(--tlb-line);
}

.tlb-writing-card:last-child {
    border-bottom: 1px solid var(--tlb-line);
}

.tlb-writing-card__number,
.tlb-writing-card__type {
    color: var(--tlb-muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.tlb-writing-card__arrow {
    font-size: 2rem;
}

.tlb-full-image {
    height: min(78vh, 900px);
    overflow: hidden;
}

.tlb-full-image__img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.tlb-photo-stack {
    position: relative;
    min-height: 680px;
}

.tlb-photo-stack__primary {
    width: 76% !important;
    height: 560px !important;
    object-fit: cover;
}

.tlb-photo-stack__secondary {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48% !important;
    height: 320px !important;
    object-fit: cover;
    border: 10px solid white;
}

.tlb-memorial-copy {
    margin-top: 3rem;
    padding: 2rem;
    border-left: 2px solid var(--tlb-ink);
    background: var(--tlb-paper);
}

.tlb-memorial-copy span {
    display: block;
    margin-bottom: .75rem;
    color: var(--tlb-muted);
    font-size: .72rem;
    letter-spacing: .14em;
}

.tlb-remembrance-links {
    margin-top: 6rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    border-top: 1px solid var(--tlb-line);
}

.tlb-remembrance-links > div {
    padding: 2rem 2rem 2rem 0;
    display: grid;
    gap: .3rem;
}

.tlb-remembrance-links > div + div {
    padding-left: 2rem;
    border-left: 1px solid var(--tlb-line);
}

.tlb-memorial-card {
    padding: clamp(3rem, 6vw, 6rem);
    background: var(--tlb-paper);
}

.tlb-memorial-card__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, .65fr);
    gap: clamp(3rem, 8vw, 8rem);
}

.tlb-event-details {
    border-top: 1px solid var(--tlb-line);
}

.tlb-event-details > div {
    padding: 1.2rem 0;
    display: grid;
    grid-template-columns: 8rem 1fr;
    border-bottom: 1px solid var(--tlb-line);
}

.tlb-event-details span {
    color: var(--tlb-muted);
    font-size: .8rem;
}

.tlb-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 2px;
    background: var(--tlb-white);
}

.tlb-gallery__item {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.tlb-gallery__item img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.tlb-closing {
    padding: clamp(7rem, 12vw, 12rem) 1.5rem;
    background: var(--tlb-ink);
    color: var(--tlb-white);
}

.tlb-closing__inner {
    max-width: var(--tlb-max);
    margin: auto;
}

.tlb-closing h2 {
    max-width: 15ch;
}

.tlb-build-notes {
    max-width: var(--tlb-max);
    margin: 0 auto;
    padding: 1rem 1.5rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    background: #fff4c2;
    color: #493d00;
    font-size: .75rem;
}

.tlb-build-notes code {
    padding: .25rem .5rem;
    background: rgba(0,0,0,.06);
}

@media (max-width: 900px) {

    .admin-bar .tlb-nav {
        top: 46px;
    }

    .tlb-hero {
        display: block;
        min-height: 0;
    }

    .tlb-hero__media {
        min-height: 0;
        height: 62vh;
    }

    .tlb-hero__copy {
        padding: 3rem 1.5rem 4rem;
    }

    .tlb h1 {
        font-size: clamp(4rem, 19vw, 6.7rem);
    }

    .tlb-story__grid,
    .tlb-remembering__grid,
    .tlb-heading-row,
    .tlb-memorial-card__grid {
        grid-template-columns: 1fr;
    }

    .tlb-story__grid {
        gap: 3rem;
    }

    .tlb-photo {
        min-height: 0;
        aspect-ratio: 4 / 5;
    }

    .tlb-heading-row {
        gap: 2.5rem;
    }

    .tlb-heading-image {
        max-width: 70%;
    }

    .tlb-photo-stack {
        min-height: 520px;
    }

    .tlb-photo-stack__primary {
        height: 430px !important;
    }

    .tlb-photo-stack__secondary {
        height: 230px !important;
    }

    .tlb-remembrance-links {
        grid-template-columns: 1fr;
    }

    .tlb-remembrance-links > div + div {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid var(--tlb-line);
    }

    .tlb-gallery {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .tlb-writing-card {
        grid-template-columns: 2.2rem 1fr auto;
        gap: 1rem;
    }
}

@media (max-width: 600px) {

    .tlb-section {
        padding: 5rem 1.25rem;
    }

    .tlb-hero__media {
        height: 56vh;
    }

    .tlb-deck {
        font-size: 1.65rem;
    }

    .tlb-nav__inner {
        padding: 0 1rem;
    }

    .tlb-nav a {
        margin-right: 1rem;
    }

    .tlb-quote-band {
        padding: 6rem 1.25rem;
    }

    .tlb-gallery {
        grid-template-columns: 1fr;
    }

    .tlb-photo-stack {
        min-height: 440px;
    }

    .tlb-photo-stack__primary {
        width: 84% !important;
        height: 360px !important;
    }

    .tlb-photo-stack__secondary {
        width: 52% !important;
        height: 190px !important;
        border-width: 6px;
    }

    .tlb-event-details > div {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    .tlb-build-notes {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* TLB_MEDIA_AUDIT_V1 */

.tlb-media-audit {
    padding: 5rem 1.5rem;
    background: #e9e7e1;
    color: #151515;
}

.tlb-media-audit__inner {
    max-width: 1280px;
    margin: 0 auto;
}

.tlb-media-audit__head {
    margin-bottom: 2.5rem;
}

.tlb-media-audit__head h2 {
    margin: 0 0 .6rem;
    font-size: clamp(2rem, 4vw, 4rem);
    letter-spacing: -.045em;
}

.tlb-media-audit__head p {
    max-width: 60ch;
}

.tlb-media-audit__eyebrow {
    margin-bottom: 1rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
}

.tlb-media-audit__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
}

.tlb-media-audit__item {
    background: white;
}

.tlb-media-audit__image {
    width: 100%;
    height: auto !important;
    display: block;
}

.tlb-media-audit__meta {
    padding: 1.2rem;
    display: grid;
    gap: .3rem;
    font-size: .78rem;
}

.tlb-media-audit__meta span {
    color: #656560;
}

.tlb-media-audit__meta a {
    margin-top: .5rem;
}

@media (max-width: 700px) {
    .tlb-media-audit__grid {
        grid-template-columns: 1fr;
    }
}

/* M5C REAL CONTENT */

.tlb-subtitle {
    margin: 0 0 2.2rem;
    max-width: 35rem !important;
    color: var(--tlb-muted);
    font-size: .88rem;
    letter-spacing: .04em;
}

.tlb-source-copy {
    max-width: 720px;
    font-size: 1.04rem;
}

.tlb-source-copy p {
    margin-bottom: 1.25rem;
}

.tlb-editorial-note {
    margin-top: 2.5rem;
    padding: 1rem 1.2rem;
    border: 1px dashed var(--tlb-line);
    color: var(--tlb-muted);
    font-size: .76rem;
}

.tlb-question-number {
    width: 2.4rem;
    flex: 0 0 2.4rem;
    color: var(--tlb-muted);
    font-size: .72rem;
    letter-spacing: .1em;
}

.tlb-question-text {
    flex: 1;
}

.tlb-accordion__button {
    justify-content: flex-start;
}

.tlb-accordion__button .tlb-plus {
    margin-left: auto;
}

.tlb-accordion__content p {
    margin-bottom: 1.2rem;
}

.tlb-writing-card {
    display: block;
    padding: 0;
}

.tlb-writing-card__summary {
    list-style: none;
    display: grid;
    grid-template-columns: 4rem 1fr auto;
    gap: 2rem;
    align-items: start;
    padding: 2.4rem 0;
    cursor: pointer;
}

.tlb-writing-card__summary::-webkit-details-marker {
    display: none;
}

.tlb-writing-card__body {
    max-width: 820px;
    padding: 0 0 4rem 6rem;
    color: #333;
    font-size: 1.04rem;
    line-height: 1.72;
}

.tlb-writing-card__body p {
    margin-bottom: 1.35rem;
}

.tlb-read-label {
    color: var(--tlb-muted);
    font-size: .8rem;
}

.tlb-writing-card[open]
.tlb-writing-card__arrow {
    transform: rotate(45deg);
}

.tlb-writing-card__arrow {
    transition: transform .18s ease;
}

.tlb-remembrance-prompt {
    border-top: 1px solid var(--tlb-line);
}

.tlb-remembrance-item {
    padding: 2rem 0;
    display: grid;
    gap: .4rem;
    border-bottom: 1px solid var(--tlb-line);
}

.tlb-closing__quote {
    max-width: 22ch;
    margin: 0 0 2rem;
    font-size: clamp(2.2rem, 4.7vw, 4.8rem);
    line-height: 1.04;
    letter-spacing: -.045em;
}

@media (max-width: 700px) {

    .tlb-writing-card__summary {
        grid-template-columns: 2rem 1fr auto;
        gap: .9rem;
    }

    .tlb-writing-card__body {
        padding-left: 2.9rem;
    }

    .tlb-question-number {
        width: 1.8rem;
        flex-basis: 1.8rem;
    }
}

/* M5E_BUILD_TITLE_HIDE */

.tkf-tony-legacy-page #brx-content > h1:first-child {
    display: none !important;
}


/* ==========================================================
   M5F_VISUAL_REFINEMENT
   Tony build space only
   ========================================================== */


/*
 * Fix viewport-width breakout overflow.
 * #brx-content is already full-width on this template.
 */
.tkf-tony-legacy-page #brx-content {
    width: 100%;
    max-width: none;
    overflow-x: clip;
}

.tkf-tony-legacy-page .tlb {
    width: 100%;
    max-width: none;
    margin-left: 0;
}


/*
 * Preserve the stronger stacked-name treatment at large widths.
 * Wide screens should not turn the hero into a small text island.
 */
.tkf-tony-legacy-page .tlb-hero__copy h1 {
    max-width: 5.2ch;
    font-size: clamp(4.9rem, 7vw, 8.3rem);
    line-height: .86;
    letter-spacing: -.068em;
}


/*
 * Give the editorial thesis more authority.
 */
.tkf-tony-legacy-page .tlb-deck {
    max-width: 14ch !important;
    margin-top: .65rem;
    margin-bottom: 2rem;
    font-size: clamp(1.8rem, 2.35vw, 2.75rem);
    line-height: 1.08;
    letter-spacing: -.03em;
}


/*
 * Secondary identification should remain subordinate,
 * but not disappear visually.
 */
.tkf-tony-legacy-page .tlb-subtitle {
    max-width: 34rem !important;
    margin-bottom: 1.8rem;
    font-size: clamp(.88rem, .82vw, 1rem);
    line-height: 1.45;
    letter-spacing: .025em;
}


/*
 * Intro copy needed more presence inside the large right panel.
 */
.tkf-tony-legacy-page .tlb-intro {
    max-width: 37rem !important;
    font-size: clamp(1rem, 1vw, 1.14rem);
    line-height: 1.55;
}


/*
 * Slightly strengthen the small institutional eyebrow.
 */
.tkf-tony-legacy-page .tlb-hero .tlb-eyebrow {
    margin-bottom: 1.9rem;
    font-size: .78rem;
    letter-spacing: .21em;
}


/*
 * Anchor bar should read as actual navigation,
 * not metadata.
 */
.tkf-tony-legacy-page .tlb-nav a {
    padding-top: 1.15rem;
    padding-bottom: 1.05rem;
    font-size: .92rem;
    font-weight: 600;
    letter-spacing: -.01em;
}


/*
 * Hero already creates substantial visual pause.
 * Pull the first narrative section upward slightly.
 */
.tkf-tony-legacy-page .tlb-story {
    padding-top: clamp(4.5rem, 7vw, 7rem);
}


/*
 * Keep mobile behavior intentionally less aggressive.
 */
@media (max-width: 900px) {

    .tkf-tony-legacy-page .tlb-hero__copy h1 {
        max-width: 5.2ch;
        font-size: clamp(4.3rem, 18vw, 6.8rem);
    }

    .tkf-tony-legacy-page .tlb-deck {
        font-size: clamp(1.65rem, 7vw, 2.25rem);
    }

    .tkf-tony-legacy-page .tlb-nav a {
        font-size: .86rem;
    }
}


/* ==========================================================
   M5G_READABILITY_NORMALIZATION
   Correct Bricks-root rem scaling on Tony build page only
   ========================================================== */


/*
 * The TKF global header is visually dense.
 * Give Tony's editorial experience a deliberate clean break.
 */
.tkf-tony-legacy-page .tlb {
    padding-top: 46px;
    background: #fff;
}


/*
 * HERO ? supporting typography
 *
 * Use explicit readable sizes instead of relying on site-level rem
 * assumptions inherited from Bricks.
 */
.tkf-tony-legacy-page .tlb-hero .tlb-eyebrow {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: .20em;
}

.tkf-tony-legacy-page .tlb-deck {
    margin-top: 10px;
    margin-bottom: 28px;
    max-width: 14ch !important;
    font-size: clamp(26px, 2.1vw, 38px);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.tkf-tony-legacy-page .tlb-subtitle {
    max-width: 560px !important;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: .015em;
}

.tkf-tony-legacy-page .tlb-intro {
    max-width: 590px !important;
    font-size: clamp(17px, 1.05vw, 19px);
    line-height: 1.55;
}

.tkf-tony-legacy-page .tlb-source-note {
    margin-top: 32px;
    padding-top: 18px;
    font-size: 12px;
    line-height: 1.5;
}


/*
 * INTERNAL NAVIGATION
 *
 * Needs to behave like navigation, not tiny metadata.
 */
.tkf-tony-legacy-page .tlb-nav__inner {
    min-height: 58px;
    align-items: stretch;
}

.tkf-tony-legacy-page .tlb-nav a {
    display: flex;
    align-items: center;
    padding: 0 4px;
    margin-right: 34px;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.01em;
    white-space: nowrap;
}

.tkf-tony-legacy-page .tlb-nav a:last-child {
    margin-right: 0;
}


/*
 * SECTION LABELS / EYEBROWS
 */
.tkf-tony-legacy-page .tlb-section__label,
.tkf-tony-legacy-page .tlb-small-label {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: .18em;
}


/*
 * GENERAL EDITORIAL COPY
 */
.tkf-tony-legacy-page .tlb-source-copy,
.tkf-tony-legacy-page .tlb-writing-card__body,
.tkf-tony-legacy-page .tlb-accordion__content {
    font-size: 17px;
    line-height: 1.72;
}

.tkf-tony-legacy-page .tlb-source-copy p,
.tkf-tony-legacy-page .tlb-writing-card__body p,
.tkf-tony-legacy-page .tlb-accordion__content p {
    margin-bottom: 20px;
}


/*
 * Lead paragraphs should clearly outrank ordinary body copy.
 */
.tkf-tony-legacy-page .tlb-lead {
    font-size: clamp(20px, 1.45vw, 25px);
    line-height: 1.42;
    letter-spacing: -.015em;
}


/*
 * Q&A list
 */
.tkf-tony-legacy-page .tlb-accordion__button {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: clamp(17px, 1.15vw, 20px);
    line-height: 1.4;
}

.tkf-tony-legacy-page .tlb-question-number {
    width: 34px;
    flex-basis: 34px;
    font-size: 11px;
    line-height: 1.3;
}


/*
 * Writing archive metadata
 */
.tkf-tony-legacy-page .tlb-writing-card__number,
.tkf-tony-legacy-page .tlb-writing-card__type,
.tkf-tony-legacy-page .tlb-read-label {
    font-size: 12px;
    line-height: 1.4;
}


/*
 * Admin-only build annotations should remain subordinate,
 * but still be legible.
 */
.tkf-tony-legacy-page .tlb-editorial-note,
.tkf-tony-legacy-page .tlb-build-notes {
    font-size: 12px;
    line-height: 1.5;
}


/*
 * Slightly reduce the dead-air before the narrative starts.
 */
.tkf-tony-legacy-page .tlb-story {
    padding-top: clamp(64px, 6vw, 96px);
}


/*
 * Mobile / tablet
 */
@media (max-width: 900px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 28px;
    }

    .tkf-tony-legacy-page .tlb-nav__inner {
        min-height: 54px;
    }

    .tkf-tony-legacy-page .tlb-nav a {
        margin-right: 26px;
        font-size: 14px;
    }

    .tkf-tony-legacy-page .tlb-source-copy,
    .tkf-tony-legacy-page .tlb-writing-card__body,
    .tkf-tony-legacy-page .tlb-accordion__content {
        font-size: 16px;
    }

    .tkf-tony-legacy-page .tlb-intro {
        font-size: 17px;
    }
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 20px;
    }

    .tkf-tony-legacy-page .tlb-nav__inner {
        padding-left: 18px;
        padding-right: 18px;
    }

    .tkf-tony-legacy-page .tlb-nav a {
        margin-right: 24px;
        font-size: 14px;
    }

    .tkf-tony-legacy-page .tlb-story {
        padding-top: 56px;
    }
}


/* ==========================================================
   M5H_HEADER_NAV_REFINEMENT
   Resolve TKF header collision and simplify in-page navigation
   ========================================================== */


/*
 * The global TKF header overlays more vertical space than its
 * document flow implies. Create enough offset to completely clear
 * that system, then retain a visible white editorial pause.
 */
.tkf-tony-legacy-page .tlb {
    padding-top: 112px;
}


/*
 * The site already has a complex persistent global header.
 * A second sticky navigation layer creates collisions and noise.
 *
 * Keep Tony's section navigation in normal document flow.
 */
.tkf-tony-legacy-page .tlb-nav {
    position: relative;
    top: auto;
    z-index: 3;
    background: #fff;
    backdrop-filter: none;
}


/*
 * Existing admin-bar-specific sticky offsets are no longer needed.
 */
.admin-bar.tkf-tony-legacy-page .tlb-nav {
    top: auto;
}


/*
 * Make this read unmistakably as a section navigation bar.
 */
.tkf-tony-legacy-page .tlb-nav {
    border-top: 1px solid rgba(21,21,21,.12);
    border-bottom: 1px solid rgba(21,21,21,.16);
}

.tkf-tony-legacy-page .tlb-nav__inner {
    min-height: 62px;
}

.tkf-tony-legacy-page .tlb-nav a {
    position: relative;
    padding: 0 2px;
    margin-right: 38px;
    font-size: 16px;
    font-weight: 600;
}

.tkf-tony-legacy-page .tlb-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: transparent;
}

.tkf-tony-legacy-page .tlb-nav a.is-active::after {
    background: currentColor;
}


/*
 * Small editorial labels were still slightly undersized on
 * the high-density desktop display.
 */
.tkf-tony-legacy-page .tlb-section__label,
.tkf-tony-legacy-page .tlb-small-label {
    font-size: 13px;
}


/*
 * Quote attribution was visibly too small.
 */
.tkf-tony-legacy-page .tlb-quote-credit {
    font-size: 13px;
    line-height: 1.45;
}


/*
 * Preserve a clear but not excessive gap before Tony's story.
 */
.tkf-tony-legacy-page .tlb-story {
    padding-top: clamp(68px, 6vw, 100px);
}


@media (max-width: 900px) {

    /*
     * Tablet/mobile TKF header geometry is different and shorter.
     */
    .tkf-tony-legacy-page .tlb {
        padding-top: 72px;
    }

    .tkf-tony-legacy-page .tlb-nav__inner {
        min-height: 56px;
    }

    .tkf-tony-legacy-page .tlb-nav a {
        margin-right: 28px;
        font-size: 15px;
    }
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 52px;
    }

    .tkf-tony-legacy-page .tlb-nav a {
        font-size: 15px;
    }
}


/* ==========================================================
   M5I_FULL_BLEED_CLOSING
   Full-bleed Tony voice fields + deliberate footer separation
   ========================================================== */


/*
 * Full-bleed dark fields without 100vw.
 *
 * 100vmax is used only for the painted background extension.
 * The element itself retains normal document width, which avoids
 * reintroducing the horizontal-overflow defect fixed in M5F.
 */
.tkf-tony-legacy-page .tlb-quote-band,
.tkf-tony-legacy-page .tlb-closing {
    position: relative;
    background: var(--tlb-ink);
    color: var(--tlb-white);

    box-shadow:
        0 0 0 100vmax var(--tlb-ink);

    clip-path:
        inset(0 -100vmax);
}


/*
 * The final quote is the page's emotional conclusion.
 * Give it enough vertical space that the footer does not feel
 * attached to Tony's last words.
 */
.tkf-tony-legacy-page .tlb-closing {
    padding-top: clamp(110px, 10vw, 170px);
    padding-bottom: clamp(110px, 10vw, 170px);
}


/*
 * Keep the final statement broad enough to feel editorial,
 * but constrained enough to retain strong line breaks.
 */
.tkf-tony-legacy-page .tlb-closing__inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(28px, 5vw, 64px);
    padding-right: clamp(28px, 5vw, 64px);
}

.tkf-tony-legacy-page .tlb-closing__quote {
    max-width: 19ch;
    margin-bottom: 30px;

    font-size:
        clamp(40px, 4.2vw, 72px);

    line-height: 1.035;
    letter-spacing: -.04em;
}


/*
 * Tony's attribution should be clearly readable but subordinate.
 */
.tkf-tony-legacy-page .tlb-closing .tlb-quote-credit {
    font-size: 14px;
    line-height: 1.45;
    opacity: .72;
}


/*
 * Create a deliberate neutral exit from Tony's page before
 * re-entering TKF's institutional footer.
 *
 * Because .tlb ends immediately before the global footer,
 * this produces a clean white transition without modifying
 * the footer itself.
 */
.tkf-tony-legacy-page .tlb {
    margin-bottom: 88px;
}


/*
 * The yellow administrator build-status bar is useful as metadata,
 * but it should not participate in normal visual QA.
 *
 * Source data remains available in the plugin/filesystem.
 */
.tkf-tony-legacy-page .tlb-build-notes {
    display: none !important;
}


/*
 * The middle Tony-voice quote should use the same page language,
 * though with slightly less vertical weight than the final quote.
 */
.tkf-tony-legacy-page .tlb-quote-band {
    padding-top: clamp(92px, 9vw, 150px);
    padding-bottom: clamp(92px, 9vw, 150px);
}


/*
 * Prevent any painted full-bleed extension from creating
 * horizontal document scrolling in browsers with unusual
 * viewport/scrollbar calculations.
 */
body.tkf-tony-legacy-page {
    overflow-x: clip;
}


@media (max-width: 900px) {

    .tkf-tony-legacy-page .tlb {
        margin-bottom: 64px;
    }

    .tkf-tony-legacy-page .tlb-closing {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .tkf-tony-legacy-page .tlb-closing__quote {
        font-size: clamp(34px, 8vw, 54px);
    }

    .tkf-tony-legacy-page .tlb-quote-band {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb {
        margin-bottom: 48px;
    }

    .tkf-tony-legacy-page .tlb-closing {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .tkf-tony-legacy-page .tlb-closing__inner {
        padding-left: 22px;
        padding-right: 22px;
    }
}


/* ==========================================================
   M5J_HEADER_CLEARANCE
   Final separation from fixed TKF header
   ========================================================== */

/*
 * M5H used 112px. On the large high-density desktop the global
 * TKF header still overlaps the Tony canvas by roughly 20px.
 *
 * Add 24px so there is an intentional visible white pause rather
 * than merely clearing the header.
 */
.tkf-tony-legacy-page .tlb {
    padding-top: 136px;
}


/* ==========================================================
   M5J_PRIVATE_MEMORIAL_PREVIEW
   Visible only when PHP emits admin-only preview markup
   ========================================================== */

.tkf-tony-legacy-page .tlb-private-preview-note {
    display: inline-flex;
    margin-bottom: 22px;
    padding: 8px 12px;

    border: 1px solid rgba(21,21,21,.28);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.tkf-tony-legacy-page .tlb-private-event-copy {
    max-width: 720px;
    margin-top: 24px;
}

.tkf-tony-legacy-page .tlb-private-event-copy p {
    margin: 0 0 18px;

    font-size: 17px;
    line-height: 1.65;
}

.tkf-tony-legacy-page .tlb-private-event-copy p:first-child {
    font-size: clamp(20px, 1.45vw, 25px);
    line-height: 1.45;
    letter-spacing: -.015em;
}

.tkf-tony-legacy-page .tlb-event-details a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.tkf-tony-legacy-page .tlb-event-details strong {
    line-height: 1.45;
}

.tkf-tony-legacy-page .tlb-private-event-status {
    display: block;
    margin-top: 4px;

    color: var(--tlb-muted);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
}


/*
 * Retain appropriate clearance on smaller header variants.
 */
@media (max-width: 900px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 84px;
    }
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 60px;
    }

    .tkf-tony-legacy-page .tlb-private-event-copy p {
        font-size: 16px;
    }

    .tkf-tony-legacy-page .tlb-private-event-copy p:first-child {
        font-size: 20px;
    }
}


/* ==========================================================
   M5L_AUTHORITATIVE_VISUALS
   Tasreen review build
   ========================================================== */


/*
 * DOCUMENTARY IMAGE, NOT PORTRAIT CROP
 *
 * The source used beside "In Tony's own words" is a wide
 * documentary image. Do not force it into a 4:5 portrait box.
 *
 * It now spans the heading row below the introductory copy so
 * the entire photograph remains visible.
 */
.tkf-tony-legacy-page .tlb-voice .tlb-heading-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
}

.tkf-tony-legacy-page .tlb-voice .tlb-heading-image {
    width: 100%;
    max-width: none;
    aspect-ratio: auto;
    overflow: visible;
    margin: 4px 0 0;
}

.tkf-tony-legacy-page .tlb-voice .tlb-heading-image__img {
    display: block;
    width: 100%;
    height: auto !important;
    max-height: none;
    object-fit: contain;
    object-position: center;
}


/*
 * ANCHOR JUMPS
 *
 * TKF's persistent global header is unusually tall. Give each
 * Tony destination sufficient scroll clearance so navigation
 * never places a section underneath it.
 */
.tkf-tony-legacy-page .tlb-section[id] {
    scroll-margin-top: 190px;
}


/*
 * EVENT COPY
 */
.tkf-tony-legacy-page .tlb-private-event-copy {
    max-width: 760px;
    margin-top: 24px;
}

.tkf-tony-legacy-page .tlb-private-event-copy p {
    margin: 0 0 18px;
    font-size: 17px;
    line-height: 1.65;
}

.tkf-tony-legacy-page .tlb-private-event-copy p:first-child {
    font-size: clamp(20px, 1.45vw, 25px);
    line-height: 1.45;
    letter-spacing: -.015em;
}


/*
 * EVENT DETAILS
 */
.tkf-tony-legacy-page .tlb-event-details span {
    font-size: 12px;
    line-height: 1.35;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.tkf-tony-legacy-page .tlb-event-details strong {
    font-size: 17px;
    line-height: 1.55;
}


/*
 * EVENT ACTIONS
 */
.tkf-tony-legacy-page .tlb-event-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 20px;
    margin-top: 32px;
}

.tkf-tony-legacy-page .tlb-event-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;
    padding: 15px 25px;

    border: 1px solid var(--tlb-ink);
    background: var(--tlb-ink);

    color: var(--tlb-white) !important;
    text-decoration: none !important;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
}

.tkf-tony-legacy-page .tlb-event-secondary {
    display: inline-flex;
    align-items: center;

    min-height: 52px;
    padding: 15px 4px;

    color: var(--tlb-ink) !important;

    font-size: 15px;
    line-height: 1.25;
    font-weight: 600;

    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}


/*
 * EMBARGO marker appears only on a future live editor preview.
 */
.tkf-tony-legacy-page .tlb-private-preview-note {
    display: inline-flex;
    margin-bottom: 22px;
    padding: 8px 12px;

    border: 1px solid rgba(21,21,21,.28);

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}


/*
 * Quote attribution is deliberately readable but quiet.
 */
.tkf-tony-legacy-page .tlb-quote-credit {
    font-size: 13px;
    line-height: 1.45;
}


/*
 * M5J top clearance remains authoritative.
 */
.tkf-tony-legacy-page .tlb {
    padding-top: 136px;
}


@media (max-width: 900px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 84px;
    }

    .tkf-tony-legacy-page .tlb-section[id] {
        scroll-margin-top: 140px;
    }

    .tkf-tony-legacy-page .tlb-event-details strong {
        font-size: 16px;
    }
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 60px;
    }

    .tkf-tony-legacy-page .tlb-section[id] {
        scroll-margin-top: 110px;
    }

    .tkf-tony-legacy-page .tlb-event-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .tkf-tony-legacy-page .tlb-event-cta,
    .tkf-tony-legacy-page .tlb-event-secondary {
        width: 100%;
        justify-content: center;
    }
}


/* ==========================================================
   M5N_MOBILE_HEADER_CLEARANCE

   TKF's mobile global header is an unusually tall overlay.
   Tony's hero must begin below that chrome rather than behind it.
   Tony legacy page only.
   ========================================================== */


/*
 * Tablet / narrow desktop.
 */
@media (min-width: 601px) and (max-width: 900px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 210px;
    }
}


/*
 * Phone.
 *
 * The TKF mobile header occupies roughly 250px+ of overlay
 * space after its newsletter bar. Give the Tony experience a
 * deliberate clean start underneath it.
 */
@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb {
        padding-top: 300px;
    }

    /*
     * Once clear of the global header, give Tony's image enough
     * presence without consuming another entire viewport.
     */
    .tkf-tony-legacy-page .tlb-hero__media {
        height: 58vh;
        min-height: 520px;
    }
}


/* ==========================================================
   M5O_R2_TKF_FEEDBACK_PASS_1_VISUALS
   ========================================================== */

.tkf-tony-legacy-page .tlb-life-dates {
    margin-top: 16px;
    margin-bottom: 24px;

    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: .045em;
}


/*
 * Remembering resources are now functional links.
 * Preserve the existing card visual language.
 */
.tkf-tony-legacy-page a.tlb-remembrance-item {
    color: inherit;
    text-decoration: none;
}

.tkf-tony-legacy-page a.tlb-remembrance-item:hover strong,
.tkf-tony-legacy-page a.tlb-remembrance-item:focus-visible strong {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}


/*
 * Digital attendance remains deliberately subordinate
 * to attending Tony's Celebration in person.
 */
.tkf-tony-legacy-page .tlb-virtual-attendance-note {
    margin-top: 26px !important;
    padding-top: 22px;

    border-top: 1px solid var(--tlb-line);

    font-size: 15px !important;
    line-height: 1.6 !important;
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb-life-dates {
        margin-top: 13px;
        margin-bottom: 21px;

        font-size: 14px;
        line-height: 1.45;
        letter-spacing: .025em;
    }
}


/* ==========================================================
   M5U_EVENT_DETAIL_RESPONSIVE_COLUMNS

   Corrects the actual Celebration of Life collision:
   long labels such as "Virtual Attendance" must never intrude
   into the value column.
   ========================================================== */


/*
 * Desktop:
 * give the label a content-safe track and a real gutter.
 *
 * minmax prevents the label track from becoming artificially
 * narrow while the value track remains fully flexible.
 */
.tkf-tony-legacy-page .tlb-event-details > div {
    grid-template-columns:
        minmax(150px, 0.42fr)
        minmax(0, 1fr);

    column-gap: clamp(22px, 2vw, 34px);

    align-items: start;
}


/*
 * Both cells must be allowed to shrink and wrap inside their
 * own tracks rather than paint into the adjacent track.
 */
.tkf-tony-legacy-page .tlb-event-details > div > * {
    min-width: 0;
}

.tkf-tony-legacy-page .tlb-event-details span,
.tkf-tony-legacy-page .tlb-event-details strong {
    overflow-wrap: break-word;
}


/*
 * The label is metadata, so do not force awkward letter
 * wrapping merely to preserve a horizontal two-column row.
 */
.tkf-tony-legacy-page .tlb-event-details span {
    max-width: 15ch;
}


/*
 * At narrower widths the semantic hierarchy is clearer and
 * safer with label above value.
 */
@media (max-width: 760px) {

    .tkf-tony-legacy-page .tlb-event-details > div {
        grid-template-columns: minmax(0, 1fr);

        row-gap: 7px;
        column-gap: 0;

        padding-top: 18px;
        padding-bottom: 18px;
    }

    .tkf-tony-legacy-page .tlb-event-details span {
        max-width: none;
    }
}


/* ==========================================================
   M5V_R1_TKF_MEDIA_VISUALS
   ========================================================== */


.tkf-tony-legacy-page .tlb-media__heading {
    display: flex;

    justify-content: space-between;
    align-items: end;

    gap: 32px;
}


.tkf-tony-legacy-page .tlb-media__heading h2 {
    margin-bottom: 0;
}


.tkf-tony-legacy-page .tlb-media-guidelines {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 14px 20px;

    border: 1px solid var(--tlb-ink);

    color: var(--tlb-ink) !important;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;

    text-decoration: none !important;

    white-space: nowrap;
}


.tkf-tony-legacy-page .tlb-media-guidelines:hover,
.tkf-tony-legacy-page .tlb-media-guidelines:focus-visible {
    background: var(--tlb-ink);
    color: var(--tlb-white) !important;
}


.tkf-tony-legacy-page .tlb-media-group {
    margin-top: clamp(48px, 6vw, 78px);
}


.tkf-tony-legacy-page .tlb-media-group__label {
    margin-bottom: 16px;

    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: .12em;
    text-transform: uppercase;
}


.tkf-tony-legacy-page .tlb-media-grid {
    display: grid;

    gap: 2px;
}


.tkf-tony-legacy-page .tlb-media-grid--headshots {
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}


.tkf-tony-legacy-page .tlb-media-grid--action {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
}


.tkf-tony-legacy-page .tlb-media-slot {
    display: flex;

    flex-direction: column;
    justify-content: flex-end;

    min-width: 0;
    min-height: 260px;

    padding: clamp(22px, 3vw, 36px);

    border: 1px solid var(--tlb-line);

    background: var(--tlb-paper);
}


.tkf-tony-legacy-page .tlb-media-grid--headshots
.tlb-media-slot {
    aspect-ratio: 4 / 5;
}


.tkf-tony-legacy-page .tlb-media-grid--action
.tlb-media-slot {
    aspect-ratio: 4 / 3;
}
@media (max-width: 900px) {

    .tkf-tony-legacy-page .tlb-media__heading {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);

        align-items: start;
    }


    .tkf-tony-legacy-page .tlb-media-guidelines {
        justify-self: start;
    }


    .tkf-tony-legacy-page .tlb-media-grid--action {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page .tlb-media-grid--headshots,
    .tkf-tony-legacy-page .tlb-media-grid--action {
        grid-template-columns:
            minmax(0, 1fr);
    }


    .tkf-tony-legacy-page .tlb-media-slot {
        min-height: 220px;
        aspect-ratio: auto;
    }


    .tkf-tony-legacy-page .tlb-media-guidelines {
        width: 100%;
    }
}


/* ==========================================================
   M5W_MEDIA_ITEMS_CLEAN_VISUALS

   Per-image caption/title styling removed.
   Media tiles remain intentionally unlabelled.
   ========================================================== */


/* ==========================================================
   M5X_B_R4_FINAL_MEDIA_PRESENTATION_VISUALS
   ========================================================== */


.tkf-tony-legacy-page .tlb-media-grid--headshots-single {

    grid-template-columns:
        minmax(0, 430px);

    max-width: 430px;
}


.tkf-tony-legacy-page .tlb-media-slot--asset {

    display: block;
    position: relative;

    min-width: 0;
    min-height: 0;

    padding: 0;

    overflow: hidden;

    border:
        1px solid rgba(26,31,34,.14);

    background:
        #e8e6e1;

    color: inherit;
    text-decoration: none;
}


.tkf-tony-legacy-page .tlb-media-image {

    display: block;

    width: 100%;
    height: 100% !important;

    object-fit: cover;

    transition:
        transform 220ms ease;
}


.tkf-tony-legacy-page
a.tlb-media-slot--asset:hover
.tlb-media-image {

    transform:
        scale(1.012);
}


.tkf-tony-legacy-page
a.tlb-media-slot--asset:focus-visible {

    outline:
        2px solid #222;

    outline-offset:
        4px;
}


/* ==========================================================
   HEADSHOT
   ========================================================== */


.tkf-tony-legacy-page
.tlb-media-grid--headshots-single
.tlb-media-slot--asset {

    aspect-ratio:
        4 / 5;
}


.tkf-tony-legacy-page
.tlb-media-image--headshot {

    object-position:
        50% 38%;
}


/* ==========================================================
   IN ACTION
   ========================================================== */


.tkf-tony-legacy-page
.tlb-media-grid--action {

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    align-items:
        stretch;
}


.tkf-tony-legacy-page
.tlb-media-grid--action
.tlb-media-slot--asset {

    aspect-ratio:
        4 / 3;
}


/*
 * Knox.jpg:
 * portrait source.
 */
.tkf-tony-legacy-page
.tlb-media-image--action-portrait {

    object-position:
        50% 35%;
}


/*
 * Z9A_1204.jpg:
 * Tony sits toward the right side
 * of the source photograph.
 */
.tkf-tony-legacy-page
.tlb-media-image--action-podium {

    object-position:
        66% 50%;
}


/*
 * Tony.jpeg:
 * native 4:3 source.
 */
.tkf-tony-legacy-page
.tlb-media-image--action-questions {

    object-position:
        50% 50%;
}


/* Mobile */
@media (max-width: 760px) {

    .tkf-tony-legacy-page
    .tlb-media-grid--action,

    .tkf-tony-legacy-page
    .tlb-media-grid--headshots-single {

        grid-template-columns:
            minmax(0, 1fr);

        max-width:
            none;
    }


    .tkf-tony-legacy-page
    .tlb-media-grid--action
    .tlb-media-slot--asset {

        aspect-ratio:
            4 / 3 !important;
    }


    .tkf-tony-legacy-page
    .tlb-media-grid--headshots-single
    .tlb-media-slot--asset {

        aspect-ratio:
            4 / 5 !important;
    }
}


/* ==========================================================
   M5Y_TKF_TEAM_FEEDBACK_PASS_VISUALS
   ========================================================== */


/* ----------------------------------------------------------
   HIS STORY
   ---------------------------------------------------------- */


/*
 * TKF requested consistent typography through Story and
 * specifically identified the middle Tony quote as oversized.
 */
.tkf-tony-legacy-page
.tlb-approved-story {

    font-size: 17px;
    line-height: 1.65;
}


.tkf-tony-legacy-page
.tlb-approved-story p {

    font-size: inherit;
    line-height: inherit;
}


.tkf-tony-legacy-page
.tlb-photo {

    min-height: 0;
}


.tkf-tony-legacy-page
.tlb-photo__image {

    display: block;

    width: 100%;
    height: auto !important;

    object-fit: cover;
}


.tkf-tony-legacy-page
.tlb-photo__caption {

    margin-top: 12px;

    font-size: 14px;
    line-height: 1.45;

    color:
        rgba(21,21,21,.72);
}


/*
 * Preserve the dark editorial quote field but normalize the
 * quote itself to Story/body reading proportions.
 */
.tkf-tony-legacy-page
.tlb-quote-band blockquote {

    max-width: 58ch;

    margin-bottom: 18px;

    font-size:
        17px !important;

    line-height:
        1.65 !important;

    letter-spacing:
        0 !important;
}


.tkf-tony-legacy-page
.tlb-quote-band
.tlb-quote-mark {

    margin-bottom: 8px;

    font-size: 44px;
    line-height: .75;
}


/* ----------------------------------------------------------
   HIS WORDS
   ---------------------------------------------------------- */


.tkf-tony-legacy-page
.tlb-words-kicker {

    margin-top: 12px;
    margin-bottom: 18px;

    font-size: 15px;
    line-height: 1.4;

    font-weight: 700;
}


.tkf-tony-legacy-page
.tlb-writings--merged {

    padding-top:
        clamp(24px, 3vw, 48px);
}


/* ----------------------------------------------------------
   MEDIA
   ---------------------------------------------------------- */


.tkf-tony-legacy-page
.tlb-media-intro {

    max-width: 720px;

    margin-top: 20px;

    font-size: 17px;
    line-height: 1.55;
}


.tkf-tony-legacy-page
.tlb-media-intro p {

    margin:
        0 0 8px;
}


.tkf-tony-legacy-page
.tlb-media-item {

    min-width: 0;

    margin: 0;
}


.tkf-tony-legacy-page
.tlb-media-caption {

    margin-top: 10px;

    font-size: 14px;
    line-height: 1.45;

    color:
        rgba(21,21,21,.78);
}


/*
 * R4 anchors remain the actual image frames.
 */
.tkf-tony-legacy-page
.tlb-media-item
.tlb-media-slot--asset {

    width: 100%;
}


/*
 * Existing headshot.
 */
.tkf-tony-legacy-page
.tlb-media-slot--headshot {

    aspect-ratio:
        4 / 5;
}


/*
 * Existing action images.
 */
.tkf-tony-legacy-page
.tlb-media-slot--action {

    aspect-ratio:
        4 / 3;
}


/*
 * Two newly supplied images retain presentation appropriate
 * to their verified source orientations.
 */
.tkf-tony-legacy-page
.tlb-media-grid--additional {

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    align-items:
        start;
}


.tkf-tony-legacy-page
.tlb-media-slot--additional-portrait {

    aspect-ratio:
        4 / 5;
}


.tkf-tony-legacy-page
.tlb-media-slot--additional-landscape {

    aspect-ratio:
        4 / 3;
}


.tkf-tony-legacy-page
.tlb-media-image--additional-portrait,
.tkf-tony-legacy-page
.tlb-media-image--additional-landscape {

    object-position:
        50% 50%;
}


@media (max-width: 760px) {

    .tkf-tony-legacy-page
    .tlb-approved-story,

    .tkf-tony-legacy-page
    .tlb-quote-band blockquote {

        font-size:
            16px !important;
    }


    .tkf-tony-legacy-page
    .tlb-media-grid--additional {

        grid-template-columns:
            minmax(0, 1fr);
    }


    .tkf-tony-legacy-page
    .tlb-media-caption {

        font-size: 14px;
    }
}


/* ==========================================================
   M5Z_MEDIA_QUOTE_PRESENTATION_CORRECTION_VISUALS
   ========================================================== */


/* ----------------------------------------------------------
   MIDDLE TONY QUOTE

   M5Y correctly reduced the prior billboard-scale quote, but
   matching it exactly to 17px body copy removed too much
   editorial hierarchy.

   This retains the client's requested proportion correction
   without restoring the original ~80px treatment.
   ---------------------------------------------------------- */


.tkf-tony-legacy-page
.tlb-quote-band {

    padding-top:
        clamp(72px, 7vw, 110px);

    padding-bottom:
        clamp(72px, 7vw, 110px);
}


.tkf-tony-legacy-page
.tlb-quote-band blockquote {

    max-width:
        32ch;

    margin-bottom:
        22px;

    font-size:
        clamp(28px, 2.3vw, 34px) !important;

    line-height:
        1.18 !important;

    letter-spacing:
        -.018em !important;
}


.tkf-tony-legacy-page
.tlb-quote-band
.tlb-quote-mark {

    margin-bottom:
        12px;

    font-size:
        64px;

    line-height:
        .72;
}


/* ----------------------------------------------------------
   MEDIA

   Five action/documentary images now form one unified system.
   Every card uses the same 4:3 image frame and caption grammar.
   ---------------------------------------------------------- */


@media (min-width: 901px) {

    .tkf-tony-legacy-page
    .tlb-media-grid--action {

        grid-template-columns:
            repeat(
                6,
                minmax(0, 1fr)
            );

        column-gap:
            2px;

        row-gap:
            28px;
    }


    .tkf-tony-legacy-page
    .tlb-media-grid--action
    > .tlb-media-item {

        grid-column:
            span 2;
    }


    /*
     * Center the final pair beneath the first row of three.
     */
    .tkf-tony-legacy-page
    .tlb-media-grid--action
    > .tlb-media-item:nth-child(4) {

        grid-column:
            2 / span 2;
    }


    .tkf-tony-legacy-page
    .tlb-media-grid--action
    > .tlb-media-item:nth-child(5) {

        grid-column:
            4 / span 2;
    }
}


.tkf-tony-legacy-page
.tlb-media-grid--action
.tlb-media-slot--asset {

    aspect-ratio:
        4 / 3 !important;
}


/*
 * The portrait source needs a slightly higher focal point
 * when adapted to the common 4:3 action frame.
 */
.tkf-tony-legacy-page
.tlb-media-image--additional-portrait {

    object-position:
        50% 35%;
}


/*
 * Landscape team-supplied image remains centered until TKF
 * supplies more specific photographic context.
 */
.tkf-tony-legacy-page
.tlb-media-image--additional-landscape {

    object-position:
        50% 50%;
}


@media (max-width: 900px) {

    .tkf-tony-legacy-page
    .tlb-media-grid--action {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            24px 2px;
    }


    .tkf-tony-legacy-page
    .tlb-media-grid--action
    > .tlb-media-item {

        grid-column:
            auto;
    }
}


@media (max-width: 600px) {

    .tkf-tony-legacy-page
    .tlb-media-grid--action {

        grid-template-columns:
            minmax(0, 1fr);

        gap:
            28px;
    }


    .tkf-tony-legacy-page
    .tlb-quote-band blockquote {

        font-size:
            clamp(24px, 7vw, 28px) !important;

        line-height:
            1.22 !important;
    }


    .tkf-tony-legacy-page
    .tlb-quote-band {

        padding-top:
            64px;

        padding-bottom:
            64px;
    }
}