/* =================================================
   HOME TEAM SECTION
   Mobile-first: base = 320px, progressive enhancement via min-width
   ================================================= */
.home-team {
    padding: var(--home-section-padding) 0;
    background: var(--color-surface);
}

.home-team-card {
    background: var(--avorio);
}

.home-team-card__photo-wrap {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--charcoal);
}

.home-team-card__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-team-card__photo.is-hidden {
    display: none;
}

.home-team-card__initials {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: clamp(2rem, 5vw, 3rem);
    color: var(--avorio);
    background: var(--charcoal);
}

.home-team-card__initials.is-hidden {
    display: none;
}

.home-team-card__social {
    display: flex;
    justify-content: center;
    gap: var(--space-3);
    margin-top: var(--space-3);
}

.home-team-card__social a {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grigio);
    transition: color var(--duration-base) var(--ease-out-expo);
}

.home-team-card__social a:hover {
    color: var(--magenta);
}