/* Staff V3 — Meet Our Team scrolling carousel */
.stf.v3 {
    &.start.end{
        [data-role="list"]{
            justify-content: center;
        }
    }
    /* Card border-radius — square corners */
    --bdr-rds-crd: 0;

    /* Center the (fixed-width) cards in the row */
    .stf-v3-list {
        justify-content: center;
    }

    /* Card background — light blue, per client example */
    .stf-itm.bg-bx {
        background-color: #0d96b8;
    }

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

        strong {
            color: #fff;
        }
    }

    /* Card title — 60%-tinted cream */
    .stf-itm-ttl {
        color: rgb(244 240 232 / 0.6);
        margin: 0;
    }

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

    /* 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;
        }
    }
}

@media screen and (max-width: 1279px) {
    .stf.v3 .flx.f_m.flx.f_c.mrg_tp {
        display: none !important;
    }
    .stf.v3 .stf-v3-list {
        display: flex;
        flex-direction: column;
    }
}