.team-story-section{
        position:relative;
        padding:88px 0 0;
        background:#fffaf7;
        overflow:hidden;
    }

    .team-story-intro{
        max-width:900px;
        text-align:center;
    }

    .team-story-kicker{
        margin:0 0 12px;
        color:#c86f82;
        font-family:var(--small);
        font-size:10px;
        font-weight:700;
        letter-spacing:.16em;
        text-transform:uppercase;
    }

    .team-story-intro h2{
        margin:0;
        color:#4d3d42;
        font-size:calc(clamp(38px,4vw,64px) - 2px);
        line-height:.98;
        font-weight:500;
        letter-spacing:-.035em;
    }

    .team-story-intro h2 span{
        display:block;
        margin-top:8px;
        color:#d98c97;
        font-family:var(--script);
        font-weight:400;
    }

    .team-story-intro>p:last-child{
        max-width:700px;
        margin:23px auto 0;
        color:#75646a;
        font-size:15px;
        line-height:1.72;
    }

    .team-profile-list{
        margin-top:62px;
    }

    .team-profile{
        scroll-margin-top:110px;
        position:relative;
        padding:72px 0;
    }

    .team-profile--cream{
        background:#fffaf7;
    }

    .team-profile--rose{
        background:#f9eaea;
    }

    .team-profile-transition{
        position:relative;
        z-index:2;
        width:100%;
        height:96px;
        margin:0;
        overflow:hidden;
        line-height:0;
    }

    .team-profile-transition svg{
        display:block;
        width:100%;
        height:100%;
    }

    .team-profile-transition--cream-rose{
        background:#fffaf7;
    }

    .team-profile-transition--cream-rose .team-profile-transition-fill{
        fill:#f9eaea;
    }

    .team-profile-transition--rose-cream{
        background:#f9eaea;
    }

    .team-profile-transition--rose-cream .team-profile-transition-fill{
        fill:#fffaf7;
    }

    .team-profile-transition-stroke{
        fill:none;
        stroke:rgba(190,103,121,.18);
        stroke-width:1.25;
        stroke-linecap:round;
        vector-effect:non-scaling-stroke;
    }

    .team-profile-transition--reverse svg{
        transform:scaleX(-1);
    }

    .team-profile-grid{
        display:grid;
        grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);
        align-items:center;
        gap:clamp(36px,4vw,62px);
    }

    .team-profile--reverse .team-gallery{
        order:2;
    }

    .team-profile--reverse .team-profile-copy{
        order:1;
    }

    .team-gallery{
        min-width:0;
    }

    .team-gallery-main{
        position:relative;
        height:560px;
        overflow:hidden;
        border-radius:28px;
        background:#ead9d8;
    }

    .team-gallery-main img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        transition:
            opacity .28s ease,
            transform .65s cubic-bezier(.22,1,.36,1);
    }

    .team-gallery-main [data-gallery-transition]{
        position:absolute;
        inset:0;
        opacity:0;
        pointer-events:none;
        transition:none;
    }

    .team-gallery-shade{
        position:absolute;
        inset:0;
        background:linear-gradient(
            180deg,
            transparent 68%,
            rgba(44,25,31,.22) 100%
        );
        pointer-events:none;
    }

    .team-gallery-controls{
        position:absolute;
        right:18px;
        bottom:18px;
        display:flex;
        gap:8px;
    }

    .team-gallery-controls button{
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        border:1px solid rgba(255,255,255,.46);
        border-radius:50%;
        background:rgba(64,38,46,.30);
        color:#fff;
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
        font-size:12px;
        transition:
            background-color .2s ease,
            transform .2s ease;
    }

    .team-gallery-controls button:hover{
        background:#c86f82;
        transform:translateY(-1px);
    }

    .team-gallery-thumbs{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:10px;
        margin-top:10px;
    }

    .team-gallery-thumbs button{
        height:92px;
        padding:0;
        overflow:hidden;
        border:2px solid transparent;
        border-radius:14px;
        background:#ead9d8;
        opacity:.62;
        transition:
            opacity .2s ease,
            border-color .2s ease,
            transform .2s ease;
    }

    .team-gallery-thumbs button:hover,
    .team-gallery-thumbs button.is-active{
        opacity:1;
        border-color:#d98c97;
    }

    .team-gallery-thumbs button:hover{
        transform:translateY(-2px);
    }

    .team-gallery-thumbs img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .team-profile-copy{
        max-width:650px;
    }

    .team-profile-role{
        margin:0 0 10px;
        color:#b97282;
        font-family:var(--small);
        font-size:10px;
        font-weight:700;
        letter-spacing:.13em;
        text-transform:uppercase;
    }

    .team-profile-copy h3{
        margin:0;
        color:#4d3d42;
        font-size:clamp(46px,4.2vw,64px);
        line-height:.88;
        font-weight:500;
        letter-spacing:-.04em;
    }

    .team-profile-script{
        margin:13px 0 0;
        color:#d98c97;
        font-family:var(--script);
        font-size:clamp(28px,2.4vw,38px);
        line-height:1.05;
    }

    .team-profile-text{
        margin-top:28px;
        padding-top:25px;
        border-top:1px solid rgba(110,73,82,.14);
    }

    .team-profile-text p{
        margin:0;
        color:#706065;
        font-size:15px;
        line-height:1.76;
    }

    .team-profile-text p+p{
        margin-top:14px;
    }


    .team-certificates{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        width:min(100%,430px);
        margin-top:24px;
    }

    .team-certificate-card{
        position:relative;
        aspect-ratio:4 / 3;
        padding:0;
        overflow:hidden;
        border:1px solid rgba(185,114,130,.24);
        border-radius:14px;
        background:#fff;
        box-shadow:0 8px 22px rgba(83,47,56,.07);
        transition:
            transform .22s ease,
            border-color .22s ease,
            box-shadow .22s ease;
    }

    .team-certificate-card:hover,
    .team-certificate-card:focus-visible{
        transform:translateY(-3px);
        border-color:#d98c97;
        box-shadow:0 14px 30px rgba(83,47,56,.12);
    }

    .team-certificate-card img{
        display:block;
        width:100%;
        height:100%;
        padding:8px;
        object-fit:contain;
        object-position:center;
    }

    .team-certificate-zoom{
        position:absolute;
        right:8px;
        bottom:8px;
        width:30px;
        height:30px;
        display:grid;
        place-items:center;
        border-radius:50%;
        background:rgba(78,50,58,.72);
        color:#fff;
        backdrop-filter:blur(7px);
        -webkit-backdrop-filter:blur(7px);
        font-size:11px;
        opacity:0;
        transform:scale(.88);
        transition:opacity .2s ease,transform .2s ease;
    }

    .team-certificate-card:hover .team-certificate-zoom,
    .team-certificate-card:focus-visible .team-certificate-zoom{
        opacity:1;
        transform:none;
    }

    .team-certificate-modal{
        position:fixed;
        inset:0;
        z-index:9200;
        display:grid;
        place-items:center;
        padding:24px;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .28s ease,visibility 0s linear .28s;
    }

    .team-certificate-modal.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transition:opacity .28s ease,visibility 0s;
    }

    .team-certificate-backdrop{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        padding:0;
        border:0;
        background:rgba(45,28,34,.68);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
    }

    .team-certificate-dialog{
        position:relative;
        z-index:2;
        width:min(100%,820px);
        max-height:min(90vh,920px);
        display:grid;
        grid-template-rows:minmax(0,1fr);
        overflow:hidden;
        border:1px solid rgba(255,255,255,.46);
        border-radius:26px;
        background:#fffaf7;
        box-shadow:0 30px 100px rgba(36,20,26,.34);
        transform:translateY(16px) scale(.985);
        transition:transform .34s cubic-bezier(.22,1,.36,1);
    }

    .team-certificate-modal.is-open .team-certificate-dialog{
        transform:none;
    }

    .team-certificate-close{
        position:absolute;
        top:14px;
        right:14px;
        z-index:5;
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        padding:0;
        border:1px solid rgba(255,255,255,.62);
        border-radius:50%;
        background:rgba(65,39,47,.52);
        color:#fff;
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
        font-size:15px;
    }

    .team-certificate-stage{
        min-height:0;
        display:grid;
        place-items:center;
        padding:28px;
        background:#ead9d8;
    }

    .team-certificate-stage img{
        width:auto;
        max-width:100%;
        height:auto;
        max-height:70vh;
        object-fit:contain;
        border-radius:10px;
        box-shadow:0 16px 40px rgba(61,38,45,.16);
    }

    .team-certificate-label{
        position:absolute;
        width:1px;
        height:1px;
        overflow:hidden;
        clip-path:inset(50%);
        white-space:nowrap;
    }

@media (max-width:1180px){
        .team-profile-grid{
            grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);
            gap:34px;
        }

        .team-gallery-main{
            height:500px;
        }

        .team-profile-transition{
            height:80px;
        }
    }

    @media (max-width:900px){
        .team-story-section{
            padding-top:72px;
        }

        .team-profile-list{
            margin-top:54px;
        }

        .team-profile{
            padding:66px 0;
        }

        .team-profile-transition{
            height:68px;
        }

        .team-profile-grid{
            grid-template-columns:1fr;
            gap:40px;
        }

        .team-profile--reverse .team-gallery,
        .team-profile--reverse .team-profile-copy{
            order:initial;
        }

        .team-gallery{
            width:min(100%,720px);
            margin:auto;
        }

        .team-profile-copy{
            max-width:700px;
            margin:auto;
            text-align:center;
        }

        .team-profile-text{
            text-align:left;
        }

        .team-certificates{
            margin-inline:auto;
        }
    }

    @media (max-width:620px){
        .team-story-section{
            padding-top:64px;
        }

        .team-story-intro h2{
            font-size:clamp(39px,11vw,51px);
        }

        .team-story-intro>p:last-child{
            font-size:14px;
        }

        .team-profile{
            padding:52px 0;
        }

        .team-profile-transition{
            height:54px;
        }

        .team-profile-transition-stroke{
            stroke-width:1;
        }

        .team-gallery-main{
            height:390px;
            border-radius:22px;
        }

        .team-gallery-thumbs{
            gap:7px;
        }

        .team-gallery-thumbs button{
            height:70px;
            border-radius:10px;
        }

        .team-gallery-controls{
            right:12px;
            bottom:12px;
        }

        .team-gallery-controls button{
            width:38px;
            height:38px;
        }

        .team-profile-copy h3{
            font-size:clamp(49px,14vw,64px);
        }

        .team-profile-script{
            font-size:31px;
        }

        .team-profile-text{
            margin-top:23px;
            padding-top:21px;
        }

        .team-profile-text p{
            font-size:14px;
            line-height:1.7;
        }


        .team-certificates{
            gap:7px;
            margin-top:20px;
        }

        .team-certificate-card{
            border-radius:10px;
        }

        .team-certificate-modal{
            padding:12px;
        }

        .team-certificate-dialog{
            border-radius:20px;
        }

        .team-certificate-stage{
            padding:18px 14px;
        }

}

.team-gallery-placeholder{display:grid;place-items:center;width:100%;height:100%;background:#f6dddf;color:#9b6573;font:500 48px/1.2 var(--serif);}
.team-gallery-controls[hidden],.team-gallery-thumbs[hidden]{display:none;}

.team-gallery-main img{object-position:center 20%;}
.team-profile--maria .team-gallery-main img{object-position:center 40%;}
.team-profile--vyara .team-gallery-main img{object-position:center 25%;}
.team-profile--simona .team-gallery-main img{object-position:center top;}

.team-certificate-carousel {
    min-width:0;
    margin-top:24px;
}

.team-certificate-carousel .team-certificates {
    display:flex;
    gap:14px;
    width:100%;
    margin:0;
    padding:8px 0;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
}

.team-certificate-carousel .team-certificates::-webkit-scrollbar {
    display:none;
}

.team-certificate-carousel .team-certificate-card {
    flex:0 0 calc((100% - 28px) / 3);
    min-width:0;
    aspect-ratio:4 / 3;
    scroll-snap-align:start;
}


.team-certificate-navigation {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:12px;
}

.team-certificate-navigation[hidden] {
    display:none;
}

.team-certificate-navigation button {
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#c86f82;
    color:#fff;
    cursor:pointer;
    transition:background-color .2s ease, opacity .2s ease;
}

.team-certificate-navigation button svg {
    display:block;
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.team-certificate-navigation button:hover:not(:disabled) {
    background:#ad596d;
}

.team-certificate-navigation button:disabled {
    opacity:.35;
    cursor:default;
}

.team-certificate-navigation button:focus-visible {
    outline:2px solid #a45e70;
    outline-offset:3px;
}

@media (max-width:600px) {
    .team-certificate-carousel .team-certificate-card {
        flex-basis:calc((100% - 14px) / 2);
    }
}
