/* =========================================================
   VIDEURO — PEOPLE & LEGACY
   CLEAN FINAL LAYOUT

   ONLY this section.
   No viewport breakout.
   No overlap with "In this guide".
   ========================================================= */


/* SECTION — STAY INSIDE ARTICLE CONTENT */

.va-enrichment .vae-people{
    position:relative !important;

    width:100% !important;
    max-width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;

    transform:none !important;

    box-sizing:border-box !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.va-enrichment .vae-people .vae-section-head{
    display:grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(240px, 340px) !important;

    gap:42px !important;

    align-items:end !important;

    width:100% !important;

    margin:0 0 30px !important;
}


.va-enrichment .vae-people .vae-kicker{
    margin-bottom:10px !important;
}


.va-enrichment .vae-people .vae-section-head h2{
    margin:0 !important;

    max-width:650px !important;

    font-size:clamp(34px, 3vw, 46px) !important;
    line-height:1.04 !important;

    letter-spacing:-.035em !important;

    font-weight:650 !important;
}


.va-enrichment .vae-people .vae-section-head > p{
    margin:0 0 4px !important;

    max-width:340px !important;

    font-size:14px !important;
    line-height:1.65 !important;
}


/* =========================================================
   PEOPLE GRID
   TWO LARGE CARDS PER ROW
   ========================================================= */

.va-enrichment .vae-people-grid{
    display:grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap:16px !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
}


/* =========================================================
   CARD
   ========================================================= */

.va-enrichment .vae-people-grid .vae-person-card{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
        minmax(0, 1fr) !important;

    align-content:start !important;

    width:100% !important;
    min-width:0 !important;

    min-height:235px !important;
    height:auto !important;

    padding:27px 30px 30px !important;

    margin:0 !important;

    border-radius:18px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;
}


/* profession */

.va-enrichment .vae-people-grid .vae-person-field{
    width:auto !important;
    max-width:70% !important;

    margin:0 0 24px !important;

    padding:0 !important;

    font-size:9px !important;
    line-height:1.35 !important;

    font-weight:700 !important;
    letter-spacing:.13em !important;

    text-transform:none !important;
}


/* card number */

.va-enrichment .vae-people-grid .vae-card-number{
    position:absolute !important;

    top:27px !important;
    right:28px !important;

    font-size:11px !important;
    line-height:1 !important;

    font-weight:700 !important;
}


/* person name */

.va-enrichment .vae-people-grid .vae-person-card h3{
    width:auto !important;
    max-width:78% !important;

    margin:0 0 14px !important;
    padding:0 !important;

    font-size:26px !important;
    line-height:1.08 !important;

    letter-spacing:-.025em !important;

    font-weight:650 !important;
}


/* biography */

.va-enrichment .vae-people-grid .vae-person-card p{
    width:100% !important;
    max-width:560px !important;

    margin:0 !important;
    padding:0 !important;

    font-size:14px !important;
    line-height:1.72 !important;

    font-weight:400 !important;
}


/* =========================================================
   HOVER — VERY LIGHT
   ========================================================= */

.va-enrichment .vae-people-grid .vae-person-card{
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


.va-enrichment .vae-people-grid .vae-person-card:hover{
    transform:translateY(-2px) !important;

    border-color:rgba(24,80,61,.20) !important;

    box-shadow:
        0 10px 26px
        rgba(12,31,24,.055) !important;
}


/* DARK MODE */

html[data-theme="dark"]
.va-enrichment .vae-people-grid .vae-person-card:hover,

body[data-theme="dark"]
.va-enrichment .vae-people-grid .vae-person-card:hover,

body.dark
.va-enrichment .vae-people-grid .vae-person-card:hover,

.dark-mode
.va-enrichment .vae-people-grid .vae-person-card:hover{

    box-shadow:
        0 10px 26px
        rgba(0,0,0,.16) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .va-enrichment .vae-people .vae-section-head{
        grid-template-columns:1fr !important;

        gap:14px !important;
    }

    .va-enrichment .vae-people .vae-section-head > p{
        max-width:620px !important;
    }

    .va-enrichment .vae-people-grid{
        grid-template-columns:1fr !important;
    }

    .va-enrichment .vae-people-grid .vae-person-card{
        min-height:0 !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .va-enrichment .vae-people .vae-section-head h2{
        font-size:34px !important;
    }

    .va-enrichment .vae-people-grid .vae-person-card{
        padding:23px !important;
    }

    .va-enrichment .vae-people-grid .vae-person-card h3{
        max-width:82% !important;
        font-size:23px !important;
    }

}