/* =====================================================
   ACADEMICS PAGE
===================================================== */

.page-hero {

    padding:
        51px 0;

    color:
        white;

    background:
        var(--primary);

}


.page-hero h1 {

    margin-top:
        7px;

    font-size:
        clamp(40px, 6vw, 60px);

}


.page-hero p {

    margin-top:
        8px;

    color:
        rgba(255,255,255,.7);

}


.academic-grid {

    display: grid;

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

    gap:
        18px;

}


.academic-card {

    padding:
        27px;

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

    border-radius:
        12px;

    transition:
        .25s;

}


.academic-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.07);

}


.academic-card h3 {

    margin-bottom:
        8px;

    color:
        var(--primary);

}


.academic-card p {

    color:
        var(--muted);

    font-size:
        13px;

}


@media(max-width:850px) {

    .academic-grid {

        grid-template-columns:
            repeat(2,1fr);

    }

}


@media(max-width:550px) {

    .academic-grid {

        grid-template-columns:
            1fr;

    }

}