/* ==========================================================
   TKF Tony Family — visual/photo layer
   ========================================================== */

.tkf-tony-photohero {
    width: min(1180px, calc(100% - 32px));
    margin: 18px auto 24px;
    overflow: hidden;
    background: #171717;
    box-shadow: 0 14px 36px rgba(0,0,0,.12);
}

.tkf-tony-photohero img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.tkf-tony-photohero--hub {
    height: clamp(260px, 37vw, 470px);
}

.tkf-tony-photohero--hub img {
    object-position: center 35%;
}

.tkf-tony-photohero--celebration {
    height: clamp(240px, 31vw, 410px);
    max-width: 980px;
}

.tkf-tony-photohero--celebration img {
    object-position: center 30%;
}


/* Hub composition */

.tkf-tony-hub {
    background: #fff !important;
    padding-top: clamp(18px, 3vw, 34px) !important;
}

.tkf-tony-hub__card {
    position: relative;
    min-height: clamp(250px, 27vw, 350px) !important;
    isolation: isolate;
    background-color: #171717 !important;
    background-position: center !important;
    background-size: cover !important;
    border-top: 5px solid #7bc51b !important;
}

.tkf-tony-hub__card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 20%,
            rgba(0,0,0,.82) 100%
        );
}

.tkf-tony-hub__card:nth-child(1) {
    background-image:
        url("photos/tony-restorative.jpg") !important;
    background-position: center 22% !important;
}

.tkf-tony-hub__card:nth-child(2) {
    background-image:
        url("photos/tony-celebration.jpg") !important;
    background-position: center 24% !important;
}

.tkf-tony-hub__card:nth-child(3) {
    background-image:
        url("photos/tony-media.jpg") !important;
    background-position: center 30% !important;
}

.tkf-tony-hub__card span {
    position: relative;
    z-index: 2;
    max-width: 88% !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.5);
}


/* Celebration reading rhythm */

.tkf-tony-statement {
    background: #fff !important;
    padding-top: clamp(28px, 4vw, 52px) !important;
}

.tkf-tony-statement__inner {
    width: min(800px, 100%) !important;
}

.tkf-tony-statement h2 {
    font-size: clamp(1.9rem, 3.3vw, 2.7rem) !important;
    line-height: 1.12 !important;
}

.tkf-tony-statement p {
    font-size: clamp(1rem, 1.15vw, 1.1rem) !important;
    line-height: 1.75 !important;
}


/* Media page: preserve Vimeo prominence */

.tkf-col--media .tkf-tony-media-primary {
    margin-top: clamp(18px, 2.5vw, 28px);
}

.tkf-col--media .tkf-col__video {
    margin-top: clamp(34px, 5vw, 56px);
}


/* Mobile */

@media (max-width: 760px) {

    .tkf-tony-photohero {
        width: calc(100% - 32px);
        margin-top: 14px;
        margin-bottom: 18px;
    }

    .tkf-tony-photohero--hub {
        height: clamp(220px, 74vw, 340px);
    }

    .tkf-tony-photohero--celebration {
        height: clamp(210px, 68vw, 320px);
    }

    .tkf-tony-hub__card {
        min-height: 225px !important;
    }
}