.site-team-showcase {
    --team-bg: #f1f2f5; --team-card: #fff; --team-text: #153964; --team-accent: #ffcc00;
    background: transparent; color: var(--team-text); container-type: inline-size;
    padding: clamp(2rem, 5vw, 5rem) max(1rem, calc((100% - 75rem) / 2));
}
.site-team-showcase--white { --team-bg: #fff; --team-card: #f1f2f5; }
.site-team-showcase--lightgray { --team-bg: #f1f2f5; --team-card: #fff; }
.site-team-showcase--blue { --team-bg: #0c2542; --team-card: #153964; --team-text: #fff; }
.site-team-showcase--yellow { --team-bg: #ffcc00; --team-card: #fff; --team-text: #153964; --team-accent: #153964; }
.site-team-showcase__inner { margin: 0 auto; max-width: 75rem; }
.site-team-showcase__title { color: inherit; font-size: clamp(2rem, 5cqi, 3.75rem); line-height: 1.05; margin: 0 0 1rem; text-wrap: balance; }
.site-team-showcase__intro { font-size: clamp(1.05rem, 1.8cqi, 1.25rem); margin: 0 0 clamp(1.5rem, 4vw, 3rem); max-width: 48rem; }
.site-team-showcase__intro > :first-child { margin-top: 0; }
.site-team-showcase__intro > :last-child { margin-bottom: 0; }
.site-team-showcase__stage {
    display: grid; gap: clamp(1rem, 2.5vw, 2rem);
    grid-template-columns: minmax(0, 1.75fr) minmax(17rem, 1fr);
    grid-template-rows: repeat(2, minmax(13rem, auto));
}
.site-team-showcase__card {
    background: var(--team-card); border-radius: 24px; box-shadow: 0 18px 50px rgb(12 37 66 / .12);
    color: var(--team-text); display: none; min-width: 0; overflow: hidden; position: relative;
}
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:first-child,
.site-team-showcase.is-enhanced .site-team-showcase__card.is-active {
    display: flex; flex-direction: column; grid-column: 1; grid-row: 1 / 3;
}
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2),
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3) { display: flex; grid-column: 2; }
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2) { grid-row: 1; }
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3) { grid-row: 2; }
.site-team-showcase.is-enhanced .site-team-showcase__card { display: none; }
.site-team-showcase.is-enhanced .site-team-showcase__card.is-secondary { display: flex; grid-column: 2; }
.site-team-showcase.is-enhanced .site-team-showcase__card.is-secondary[data-slot="1"] { grid-row: 1; }
.site-team-showcase.is-enhanced .site-team-showcase__card.is-secondary[data-slot="2"] { grid-row: 2; }
.site-team-showcase__portrait { background: color-mix(in srgb, var(--team-text) 8%, transparent); overflow: hidden; }
.site-team-showcase__portrait img { display: block; height: 100%; object-fit: cover; width: 100%; }
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:first-child .site-team-showcase__portrait,
.site-team-showcase__card.is-active .site-team-showcase__portrait { aspect-ratio: 16 / 9; }
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2) .site-team-showcase__portrait,
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3) .site-team-showcase__portrait,
.site-team-showcase__card.is-secondary .site-team-showcase__portrait { flex: 0 0 38%; }
.site-team-showcase__content { display: flex; flex: 1; flex-direction: column; padding: clamp(1.25rem, 3vw, 2.5rem); }
.site-team-showcase__quote { font-size: clamp(1.05rem, 2cqi, 1.5rem); font-weight: 650; line-height: 1.45; margin: 0 0 1.5rem; }
.site-team-showcase__quote::before { color: var(--team-accent); content: "“"; display: block; font-size: 4rem; font-weight: 800; height: 2.5rem; line-height: 1; }
.site-team-showcase__quote p { margin: 0; }
.site-team-showcase__person { margin-top: auto; }
.site-team-showcase__name { color: inherit; font-size: 1.2rem; line-height: 1.2; margin: 0 0 .2rem; }
.site-team-showcase__position { margin: 0; opacity: .75; }
.site-team-showcase__card.is-secondary .site-team-showcase__content,
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2) .site-team-showcase__content,
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3) .site-team-showcase__content { padding: 1.25rem; }
.site-team-showcase__card.is-secondary .site-team-showcase__quote,
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2) .site-team-showcase__quote,
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3) .site-team-showcase__quote { font-size: 1rem; margin-bottom: 1rem; }
.site-team-showcase__card.is-secondary .site-team-showcase__quote::before,
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2) .site-team-showcase__quote::before,
.site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3) .site-team-showcase__quote::before { font-size: 2.5rem; height: 1.6rem; }
.site-team-showcase__activate { display: none; }
.site-team-showcase.is-enhanced .is-secondary .site-team-showcase__activate {
    background: transparent; border: 0; cursor: pointer; display: block; inset: 0; position: absolute;
}
.site-team-showcase__activate:focus-visible { border-radius: 24px; outline: 4px solid var(--team-accent); outline-offset: -6px; }
.site-team-showcase__footer { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-top: clamp(1.25rem, 3vw, 2rem); }
.site-team-showcase__controls { align-items: center; display: none; gap: .75rem; }
.site-team-showcase.is-enhanced .site-team-showcase__controls { display: flex; }
.site-team-showcase__control {
    align-items: center; background: #153964; color:#fff; border-radius: 50%;border:0;
    cursor: pointer; display: inline-flex; font-size: 1.4rem; height: 2.5rem; justify-content: center; width: 2.5rem;
}
.site-team-showcase__control:hover { background: var(--team-text); color: var(--team-bg); }
.site-team-showcase__control:focus-visible, .site-team-showcase__all-link:focus-visible { outline: 3px solid var(--team-accent); outline-offset: 3px; }
.site-team-showcase__status { font-variant-numeric: tabular-nums; margin: 0; min-width: 6rem; text-align: center; }
.site-team-showcase__all-link {
    border: 2px solid currentColor; border-radius: 999px; color: inherit; display: inline-flex;
    font-weight: 700; padding: .65rem 1.25rem; text-decoration: none;
}
.site-team-showcase__all-link:hover { background: var(--team-text); color: var(--team-bg); }
@container (max-width: 55rem) {
    .site-team-showcase__stage { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; }
    .site-team-showcase:not(.is-enhanced) .site-team-showcase__card:first-child, .site-team-showcase.is-enhanced .site-team-showcase__card.is-active { grid-column: 1 / 3; grid-row: 1; }
    .site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2),
    .site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3),
    .site-team-showcase.is-enhanced .site-team-showcase__card.is-secondary { grid-column: auto; grid-row: 2; }
}
@container (max-width: 38rem) {
    .site-team-showcase__stage { grid-template-columns: minmax(0, 1fr); }
    .site-team-showcase:not(.is-enhanced) .site-team-showcase__card:first-child,
    .site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(2),
    .site-team-showcase:not(.is-enhanced) .site-team-showcase__card:nth-child(3),
    .site-team-showcase.is-enhanced .site-team-showcase__card.is-active,
    .site-team-showcase.is-enhanced .site-team-showcase__card.is-secondary { grid-column: 1; grid-row: auto; }
    .site-team-showcase__footer { align-items: stretch; flex-direction: column; }
    .site-team-showcase__controls { justify-content: space-between; }
    .site-team-showcase__all-link { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .site-team-showcase * { scroll-behavior: auto !important; transition: none !important; }
}
