/*==========================================
    BUILDING CONCEPTS DESIGN TOKENS
==========================================*/

:root{

    --bc-team-columns-xl:4;
    --bc-team-columns-lg:3;
    --bc-team-columns-md:2;
    --bc-team-columns-sm:1;
    /* Colors */

    --bc-black:#000;
    --bc-white:#fff;
    --bc-text:#000;
    --bc-text-light:#6b6b6b;
    --bc-accent:#c62828;   /* Overlay close / Active nav */

    /* Team Card */

    --bc-card-width:clamp(280px, 24vw, 380px);

    --bc-card-gap-row:80px;
    --bc-card-gap-column:100px;

    --bc-image-ratio:3/4;

    /* Typography */

    --bc-name-size:18px;
    --bc-role-size:15px;

    --bc-name-weight:400;

    /* Spacing */

    --bc-space-xs:2px;
    --bc-space-sm:12px;
    --bc-space-md:18px;
    --bc-space-lg:40px;

    /* Animation */

    --bc-transition:.35s ease;

}

.bc-team-section{

    padding:120px 0;

}

.bc-team-wrapper{

     max-width:1600px;

    margin:0 auto;

    

}
/*==========================================
   FEATURED TEAM MEMBERS
==========================================*/

.bc-team-featured {

    display:grid;

    grid-template-columns:repeat(2, minmax(280px, 380px));

    justify-content:center;

    gap:60px;

    margin:0 auto 100px;

}

.bc-team-grid{

    display:grid;

    grid-template-columns:repeat(var(--bc-team-columns-xl),1fr);

    gap:60px 40px;

    max-width:100%;

    margin:0 auto;

}


.page-id-2536 .entry-title{
    display:none;
}

.page-id-2536 .bc-hamburger {
    display:none;
}

.page-id-2536 .bc-back-home {
    display:block;
}

.bc-person-card{

    width:100%;
    cursor:pointer;

}



.bc-person-image{

    aspect-ratio:var(--bc-image-ratio);

    overflow:hidden;

}

.bc-person-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center top;

    display:block;
}

.bc-person-info{

    text-align:center;
    min-height:55px;
    margin-top:var(--bc-space-md);
    opacity:0;

    visibility:hidden;
    transform:translateY(12px);

    transition:
        opacity .45s ease,
        transform .45s ease,
        visibility .35s;

}

.bc-person-info h3{

    margin:0;

    font-size:var(--bc-name-size);

    font-weight:var(--bc-name-weight);
    line-height:1.2;

}

.bc-person-info p{

    margin:var(--bc-space-xs) 0 0;

    font-size:var(--bc-role-size);

    color:var(--bc-text-light);

}

.bc-person-card:hover .bc-person-info{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

/* Overlay */

#person-overlay{

    position:fixed;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.25);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

}

/* Show */

#person-overlay.active{

    opacity:1;

    visibility:visible;

}

/* Card */

.overlay-panel{

    width:min(720px,80vw);

    background:#fff;

    padding:60px;

    position:relative;

    max-height:80vh;

    overflow-y:auto;

}

/* Mobile */

@media(max-width:768px){

.overlay-panel{

    width:100vw;

    height:100vh;

    max-height:none;

    padding:40px 25px;

}

}

/* Close */

.overlay-close{

    position:absolute;

    right:20px;

    top:20px;

    border:none;

    background:none;

    font-size:24px;

    cursor:pointer;

}

/* Typography */

#overlay-name{

    font-family:Calibri,sans-serif;

    font-size:28px;

    margin:0;

}

#overlay-role{

    margin:8px 0 35px;

    color:#666;

}

#overlay-bio{

    line-height:1.8;

}

@media (max-width:1599px){

    .bc-team-grid{

        grid-template-columns:repeat(var(--bc-team-columns-lg),1fr);

    }

}

@media (max-width:1023px){

    .bc-team-grid{

        grid-template-columns:repeat(var(--bc-team-columns-md),1fr);

    }

}

@media (max-width:767px){
     .bc-team-featured {

    grid-template-columns:1fr;

    max-width:320px;

    gap:50px;

    margin-bottom:70px;
}

    .bc-team-grid{

        grid-template-columns: minmax(260px, 320px);

        justify-content: center;
    row-gap:30px;

    }
.bc-person-image{

        aspect-ratio:5/6;

    }
    .bc-team-wrapper{
        padding: 0 20px;
    }

      .bc-person-info{

        opacity:1;

        visibility:visible;

        transform:none;

        min-height:auto;

    }

    .bc-person-info h3,
    .bc-person-info p{

        opacity:1;

        transform:none;

    }

}