/* =========================================================
   Team Section Shortcode  [team_section]
   New layout classes — modal classes are unchanged (JS hooks).
   ========================================================= */

.c-team-sc {
    display: flex;
    column-gap: var(--grid-gutter);
    row-gap: 1.5rem;
    flex-wrap: wrap;
}

@media (min-width: 600px) {
    .c-team-sc { row-gap: 3rem; }
}

.c-team-sc_item {
    flex: 0 0 100%;
    padding-bottom: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    text-align: left;
    position: relative;
}

@media (min-width: 600px) {
    .c-team-sc_item { flex: 0 0 calc(50% - var(--grid-gutter) / 2); }
}

@media (min-width: 1000px) {
    .c-team-sc_item { flex: 0 0 calc(33.33333333% - var(--grid-gutter) * 2 / 3); }
}

.c-team-sc_item::before,
.c-team-sc_item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
}

.c-team-sc_item::before {
    background: var(--color-black-900);
}

.c-team-sc_item::after {
    background: var(--color-black);
    transform: scaleX(0);
    transform-origin: 0 0;
    transition-duration: var(--duration-s);
    transition-timing-function: var(--ease-out);
    transition-property: transform;
    will-change: transform;
}

.c-team-sc_item.no-link { cursor: auto; }

.c-team-sc_item:not(.no-link):hover::after { transform: scaleX(1); }

.c-team-sc_item:not(.no-link):hover .c-chevron_hover { opacity: 1; }

.c-team-sc_item:not(.no-link):hover .c-chevron_path { transform: translateY(0.125rem); }