.elementor-21928 .elementor-element.elementor-element-946f972{--display:flex;}.elementor-21928 .elementor-element.elementor-element-77bf1ef{padding:30px 0px 30px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-77bf1ef *//* =========================================================
   MIC — GRADUATES ARCHIVE
========================================================= */

.mic-graduates-archive{
    --mic-green:#9dbb18;
    --mic-green-dark:#758b13;
    --mic-red:#a52b38;

    --mic-dark:#202020;
    --mic-heading:#181818;
    --mic-text:#5f5f5f;
    --mic-muted:#888680;

    --mic-border:#e6e2d9;
    --mic-border-dark:#d6d1c6;

    --mic-soft:#f7f6f1;
    --mic-soft-2:#fbfaf7;
    --mic-white:#ffffff;

    width:100%;
    max-width:1180px;

    margin:0 auto;
}


.mic-graduates-archive *,
.mic-graduates-archive *::before,
.mic-graduates-archive *::after{
    box-sizing:border-box;
}


/* =========================================================
   COMMON
========================================================= */

.mic-graduates-archive-eyebrow{
    display:block;

    margin-bottom:7px;

    color:
        var(--mic-green-dark);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:.11em;

    text-transform:uppercase;
}


/* =========================================================
   INTRO
========================================================= */

.mic-graduates-archive-intro{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:40px;

    padding:
        32px 34px;

    margin-bottom:24px;

    background:
        var(--mic-soft-2);

    border:
        1px solid
        var(--mic-border);

    border-radius:17px;
}


.mic-graduates-archive-intro-content{
    max-width:720px;
}


.mic-graduates-archive-intro h2{
    margin:
        0 0 13px;

    color:
        var(--mic-heading);

    font-size:
        clamp(31px,4vw,46px);

    line-height:1.08;

    font-weight:700;
}


.mic-graduates-archive-intro p{
    margin:0;

    color:
        var(--mic-text);

    font-size:14px;

    line-height:1.75;
}


.mic-graduates-archive-intro-stat{
    flex-shrink:0;

    min-width:155px;

    padding:
        18px 20px;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:12px;
}


.mic-graduates-archive-intro-stat strong{
    display:block;

    margin-bottom:5px;

    color:
        var(--mic-heading);

    font-size:31px;

    line-height:1;

    font-weight:700;
}


.mic-graduates-archive-intro-stat span{
    color:
        var(--mic-muted);

    font-size:9px;

    line-height:1.3;

    font-weight:700;

    letter-spacing:.07em;

    text-transform:uppercase;
}


/* =========================================================
   FILTER
========================================================= */

.mic-graduates-archive-filter{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:25px;

    padding:
        20px 24px;

    margin-bottom:24px;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:14px;
}


.mic-graduates-archive-filter h3{
    margin:0;

    color:
        var(--mic-heading);

    font-size:20px;

    line-height:1.2;
}


.mic-graduates-archive-years{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    justify-content:flex-end;

    gap:7px;
}


.mic-graduates-archive-year{
    appearance:none;

    min-height:38px;

    padding:
        0 13px;

    background:#fff;

    border:
        1px solid
        var(--mic-border-dark);

    border-radius:7px;

    color:
        var(--mic-text);

    cursor:pointer;

    font-size:11px;

    font-weight:700;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.mic-graduates-archive-year:hover{
    border-color:
        var(--mic-green);
}


.mic-graduates-archive-year.is-active{
    background:
        var(--mic-green);

    border-color:
        var(--mic-green);

    color:#fff;
}


/* =========================================================
   GRID
========================================================= */

.mic-graduates-archive-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;
}


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

.mic-graduates-archive-card{
    min-width:0;

    overflow:hidden;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:15px;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}


@media(hover:hover) and (pointer:fine){

    .mic-graduates-archive-card:hover{
        transform:
            translateY(-4px);

        border-color:
            rgba(157,187,24,.55);

        box-shadow:
            0 14px 32px
            rgba(0,0,0,.08);
    }

}


.mic-graduates-archive-card-link{
    display:block;

    height:100%;

    color:inherit;

    text-decoration:none;
}


/* =========================================================
   IMAGE
========================================================= */

.mic-graduates-archive-image{
    position:relative;

    width:100%;

    aspect-ratio:
        16 / 10;

    overflow:hidden;

    background:#ecebe7;
}


.mic-graduates-archive-image::after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.35),
            transparent 48%
        );

    pointer-events:none;
}


.mic-graduates-archive-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .3s ease;
}


@media(hover:hover) and (pointer:fine){

    .mic-graduates-archive-card:hover
    .mic-graduates-archive-image img{
        transform:
            scale(1.025);
    }

}


/* =========================================================
   PLACEHOLDER
========================================================= */

.mic-graduates-archive-image-placeholder{
    width:100%;
    height:100%;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            145deg,
            #f5f5ef,
            #e7e6de
        );
}


.mic-graduates-archive-image-placeholder span{
    color:
        var(--mic-green-dark);

    font-size:25px;

    font-weight:700;

    letter-spacing:.12em;
}


/* =========================================================
   YEAR BADGE
========================================================= */

.mic-graduates-archive-year-badge{
    position:absolute;

    left:17px;
    bottom:16px;

    z-index:2;

    display:flex;
    flex-direction:column;

    padding:
        10px 13px;

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

    border-radius:8px;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.12);
}


.mic-graduates-archive-year-badge span{
    margin-bottom:2px;

    color:
        var(--mic-muted);

    font-size:8px;

    line-height:1;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;
}


.mic-graduates-archive-year-badge strong{
    color:
        var(--mic-heading);

    font-size:20px;

    line-height:1;

    font-weight:700;
}


/* =========================================================
   BODY
========================================================= */

.mic-graduates-archive-body{
    padding:
        20px 20px 19px;
}


.mic-graduates-archive-body h3{
    margin:
        0 0 10px;

    color:
        var(--mic-heading);

    font-size:24px;

    line-height:1.2;

    font-weight:700;
}


.mic-graduates-archive-excerpt{
    margin-bottom:17px;

    color:
        var(--mic-text);

    font-size:12.5px;

    line-height:1.6;
}


/* =========================================================
   TOTAL
========================================================= */

.mic-graduates-archive-total{
    display:flex;

    align-items:baseline;

    gap:7px;

    margin-bottom:14px;
}


.mic-graduates-archive-total strong{
    color:
        var(--mic-heading);

    font-size:26px;

    line-height:1;

    font-weight:700;
}


.mic-graduates-archive-total span{
    color:
        var(--mic-muted);

    font-size:10px;

    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;
}


/* =========================================================
   LEVEL COUNTS
========================================================= */

.mic-graduates-archive-levels{
    margin-bottom:18px;

    border-top:
        1px solid
        var(--mic-border);

    border-bottom:
        1px solid
        var(--mic-border);
}


.mic-graduates-archive-level{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

    min-height:37px;

    border-bottom:
        1px solid
        #f0eee8;
}


.mic-graduates-archive-level:last-child{
    border-bottom:0;
}


.mic-graduates-archive-level span{
    color:
        var(--mic-text);

    font-size:11px;

    font-weight:600;
}


.mic-graduates-archive-level strong{
    color:
        var(--mic-heading);

    font-size:12px;

    font-weight:700;
}


/* =========================================================
   CTA
========================================================= */

.mic-graduates-archive-cta{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

    color:
        var(--mic-green-dark);

    font-size:11px;

    font-weight:700;

    letter-spacing:.02em;
}


.mic-graduates-archive-arrow{
    font-size:19px;

    line-height:1;

    transition:
        transform .2s ease;
}


@media(hover:hover) and (pointer:fine){

    .mic-graduates-archive-card:hover
    .mic-graduates-archive-arrow{
        transform:
            translateX(4px);
    }

}


/* =========================================================
   EMPTY
========================================================= */

.mic-graduates-archive-empty,
.mic-graduates-archive-no-results{
    padding:36px;

    background:#fff;

    border:
        1px solid
        var(--mic-border);

    border-radius:15px;

    text-align:center;
}


.mic-graduates-archive-empty h3,
.mic-graduates-archive-no-results strong{
    display:block;

    margin:
        0 0 7px;

    color:
        var(--mic-heading);

    font-size:20px;
}


.mic-graduates-archive-empty p,
.mic-graduates-archive-no-results p{
    margin:0;

    color:
        var(--mic-muted);

    font-size:13px;
}


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

@media(max-width:980px){

    .mic-graduates-archive-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


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

@media(max-width:767px){

    .mic-graduates-archive-intro{
        flex-direction:column;

        align-items:stretch;

        padding:24px;
    }


    .mic-graduates-archive-intro-stat{
        width:100%;

        min-width:0;
    }


    .mic-graduates-archive-filter{
        flex-direction:column;

        align-items:flex-start;
    }


    .mic-graduates-archive-years{
        width:100%;

        justify-content:flex-start;

        flex-wrap:nowrap;

        overflow-x:auto;

        padding-bottom:4px;
    }


    .mic-graduates-archive-year{
        flex:0 0 auto;
    }


    .mic-graduates-archive-grid{
        grid-template-columns:1fr;
    }

}/* End custom CSS */