/* ================================================================
 * Block: Team cards — team_cards
 * Design: Figma "Growston NEW" §Zespół (node 51:3022)
 * Tokens: assets/css/growston-tokens.css (--g-*)
 * ================================================================ */

.g-team {
    padding-block: var(--g-hero-inset);
    padding-inline: max(var(--g-hero-inset), calc((100% - var(--g-content-max)) / 2));
}

.g-team__wrapper {
    position: relative;
    overflow: hidden;
    border-radius: var(--g-radius-hero-top); /* 40px */
    background: var(--g-color-hero-bg);
    padding: var(--g-space-10); /* 150px */
}

.g-team__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.7;
    mix-blend-mode: luminosity;
    z-index: 0;
}

.g-team__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image:
        linear-gradient(103.48deg, rgba(0, 229, 255, 0.3) 9.96%, rgba(29, 34, 63, 0.3) 23.15%, rgba(29, 34, 63, 0.3) 71.35%, rgba(74, 20, 140, 0.3) 85.36%),
        linear-gradient(180deg, rgb(29, 34, 63) 0%, rgba(29, 34, 63, 0) 31.73%),
        linear-gradient(90deg, rgba(27, 32, 63, 0.67) 0%, rgba(27, 32, 63, 0.67) 100%);
}

.g-team__inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: var(--g-space-7); /* 50px */
    width: 100%;
}

/* Nagłówek sekcji — wspólny .g-section-head (growston-section-head.css) */

.g-team__accent {
    color: var(--g-color-cyan);
}

/* Featured member */
.g-team__featured {
    display: flex;
    gap: var(--g-space-6); /* 30px */
    align-items: flex-start;
    width: 100%;
}

.g-team__featured-photo {
    flex: none;
    width: 553px;
    max-width: 40%;
    border-radius: var(--g-radius-tile); /* 20px */
    overflow: hidden;
    aspect-ratio: 390 / 500;
}

.g-team__photo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.g-team__featured-info {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--g-space-3); /* 10px */
}

.g-team__featured-name {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-medium);
    font-size: var(--g-fs-h2); /* 70px */
    line-height: 1;
    color: var(--g-color-white);
    margin: 0;
}

.g-team__featured-role {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-regular);
    font-size: var(--g-fs-team-meta);
    line-height: 1.5;
    color: var(--g-color-cyan);
    margin: 0;
}

.g-team__featured-bio {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-regular);
    font-size: var(--g-fs-team-meta);
    line-height: 1.5;
    color: var(--g-color-white);
    margin: 0;
}

.g-team__featured-bio p,
.g-team__featured-bio ul,
.g-team__featured-bio ol {
    margin: 0;
    color: var(--g-color-white);
}

/* Grid of remaining members */
.g-team__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--g-space-7); /* 50px */
    width: 100%;
}

.g-team__card {
    display: flex;
    gap: var(--g-space-6);
    align-items: flex-start;
    border-radius: var(--g-radius-card);
    width: 100%;
}

.g-team__card-photo {
    flex: none;
    width: 318px;
    max-width: 40%;
    border-radius: var(--g-radius-tile);
    overflow: hidden;
    aspect-ratio: 390 / 500;
}

.g-team__card-info {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--g-space-3);
}

.g-team__card-name {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-medium);
    font-size: var(--g-fs-team-name);
    line-height: 1.1;
    color: var(--g-color-white);
    margin: 0;
}

.g-team__card-role {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-regular);
    font-size: var(--g-fs-team-meta);
    line-height: 1.5;
    color: var(--g-color-cyan);
    margin: 0;
}

.g-team__card-bio {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-regular);
    font-size: var(--g-fs-team-meta);
    line-height: 1.5;
    color: var(--g-color-white);
    margin: 0;
}

.g-team__card-bio p,
.g-team__card-bio ul,
.g-team__card-bio ol {
    margin: 0;
    color: var(--g-color-white);
}

/* ── Responsywność ── */
@media (max-width: 1024px) {
    .g-team__wrapper {
        padding-inline: var(--g-space-13);
    }
    .g-team__featured,
    .g-team__card {
        flex-direction: column;
    }
    .g-team__featured-photo,
    .g-team__card-photo {
        width: 100%;
        max-width: 100%;
    }
    .g-team__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .g-team {
        padding: 2px;
    }
    .g-team__wrapper {
        border-radius: var(--g-radius-tile);
    }
    .g-team__featured-name {
        font-size: var(--g-fs-h3);
    }
}