/* Staff V3 — Meet Our Team scrolling carousel */
.stf.v3 {

    /* Section heading (h4 → fnt_t-1) — Bayon 100px / lh 0.8 / mixed case */
    --fnt-t-1-tt: none;
    --fnt-t-1-lh: 0.8;

    /* Card name (fnt_t-itm) — Bayon 45px / lh 1 / mixed case */
    --fnt-t-itm-tt: none;
    --fnt-t-itm-s: 2.5rem;

    /* Card border-radius — Figma 20px */
    --bdr-rds-crd: 1.11rem;

    /* Image → head spacing (block margin works without flex) — Figma 50px */
    .stf-itm-hd {
        margin-top: 2.78rem;
        gap: 1.67rem;

        svg {
            font-size: 2.22rem;
            color: var(--buttons);
        }
    }

    /* Card title — Albert Sans 500 / 20px / lh 1.8 / 60%-tinted cream */
    .stf-itm-ttl {
        font-weight: 500;
        font-size: 1.11rem;
        line-height: 1.8;
        color: rgb(244 240 232 / 0.6);
        margin: 0;
    }

    /* Card image — fills width, 10px radius */
    .stf-itm-img img {
        aspect-ratio: 1;
    }

    /* Yellow flair accent */
    .flr_hd { color: var(--buttons); }

    /* Desktop card padding override — Figma 20 sides/top, 50 bottom (asymmetric, no framework match) */
    @media screen and (min-width: 1280px) {
        .stf-itm {
            padding: 1.11rem 1.11rem 2.78rem;
        }
    }
}