/* ==========================================================
   TKF Tony Family v0.2.6
   Celebration memorial introduction + uncropped hero
   ========================================================== */


/*
 * The Celebration hero is documentary/memorial imagery,
 * not a decorative crop.
 *
 * Override prior fixed/clamped hero treatment.
 */

.tkf-tony-photohero--celebration {
    width:
        min(1050px, calc(100% - 32px)) !important;

    height: auto !important;
    max-height: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    overflow: visible !important;
}

.tkf-tony-photohero--celebration img {
    display: block !important;

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

    max-height: none !important;

    object-fit: contain !important;
    object-position: center center !important;
}


/* ==========================================================
   Memorial identity/context
   ========================================================== */

.tkf-tony-memorial-intro {
    width:
        min(980px, calc(100% - 32px));

    margin:
        clamp(28px, 4vw, 46px)
        auto
        clamp(38px, 5vw, 62px);

    display: grid;

    grid-template-columns:
        minmax(220px, 0.8fr)
        minmax(0, 1.7fr);

    gap:
        clamp(28px, 5vw, 68px);

    align-items: start;
}


.tkf-tony-memorial-intro__identity {
    padding-right:
        clamp(0px, 2vw, 20px);
}


.tkf-tony-memorial-intro__identity h2 {
    margin: 0 0 8px;

    color: #292929;

    font-size:
        clamp(2rem, 4vw, 3rem);

    line-height: 1.05;
}


.tkf-tony-memorial-intro__dates {
    margin: 0 0 20px;

    color: #525252;

    font-size:
        clamp(1rem, 1.7vw, 1.18rem);

    line-height: 1.4;

    font-weight: 600;
}


.tkf-tony-memorial-intro__role {
    margin: 0;

    color: #555;

    font-size:
        clamp(0.96rem, 1.4vw, 1.06rem);

    line-height: 1.55;
}


.tkf-tony-memorial-intro__context {
    border-left:
        3px solid #7bc51b;

    padding-left:
        clamp(20px, 3vw, 32px);
}


.tkf-tony-memorial-intro__context p {
    margin:
        0
        0
        18px;

    color: #3f3f3f;

    font-size:
        clamp(1rem, 1.6vw, 1.12rem);

    line-height: 1.7;
}


.tkf-tony-memorial-intro__context p:last-child {
    margin-bottom: 0;
}


/*
 * Vimeo no longer needs to compete for above-fold space.
 */

.tkf-tony-celebration-primary {
    margin-top:
        clamp(42px, 6vw, 70px) !important;
}


@media (max-width: 720px) {

    .tkf-tony-memorial-intro {
        grid-template-columns: 1fr;

        gap: 26px;
    }

    .tkf-tony-memorial-intro__context {
        border-left-width: 2px;
    }

}