/* =========================================================
   EXAM RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .exam-nav {
        display: none;
    }

    .exam-menu-button {
        display: flex;
    }


    .exam-hero-grid {
        grid-template-columns:
            minmax(0, 1fr)
            390px;

        gap: 45px;
    }


    .exam-visual-card {
        width: 300px;
    }

}


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

@media (max-width: 820px) {

    .exam-header {
        height: var(--header-height-mobile);
    }


    .exam-brand-divider,
    .exam-brand-section {
        display: none;
    }

    .exam-brand-logo {
        width: 108px;
    }


    .exam-contact {
        display: none;
    }


    .exam-menu-button {
        display: flex;
    }


    .exam-hero {
        min-height: auto;

        padding:
            130px 0
            100px;
    }


    .exam-hero-grid {
        grid-template-columns: 1fr;

        gap: 70px;
    }


    .exam-hero-content {
        max-width: 650px;
    }


    .exam-hero-visual {
        min-height: 470px;
    }


    .exam-floating-card {
        right: 12%;
    }

}


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

@media (max-width: 600px) {

    .exam-brand-main strong {
        font-size: 17px;
    }


    .exam-hero {
        padding:
            115px 0
            85px;
    }


    .exam-breadcrumb {
        margin-bottom: 25px;
    }


    .exam-hero h1 {
        font-size: 57px;

        line-height: .87;

        letter-spacing: -4.5px;
    }


    .exam-hero-description {
        margin-top: 25px;

        font-size: 13.5px;
    }


    .exam-hero-actions {
        margin-top: 28px;
    }


    .exam-primary-button,
    .exam-secondary-button {
        min-height: 48px;

        padding: 0 18px;

        font-size: var(--text-sm);
    }


    .exam-hero-meta {
        gap: 14px;

        margin-top: 35px;
    }


    .exam-hero-visual {
        min-height: 410px;
    }


    .exam-visual-orbit {
        width: 330px;
        height: 330px;
    }


    .exam-visual-card {
        width: 265px;

        min-height: 335px;

        padding: 29px;

        border-radius: 28px;
    }


    .exam-visual-card strong {
        margin-top: 61px;

        font-size: 72px;
    }


    .exam-visual-card h2 {
        font-size: 19px;
    }


    .exam-floating-card {
        right: 0;
        bottom: 15px;

        width: 150px;
    }


    .exam-hero::after {
        bottom: -20px;

        font-size: 160px;

        letter-spacing: -12px;
    }


    .exam-scroll {
        display: none;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .exam-visual-orbit,
    .exam-floating-card {
        animation: none;
    }

}