#GlobalNavWrapper {
    --hero-image: url(../../assets/banners/program09-banner.jpg);
    --hero-height: 600px;
    --hero-mobile-height: 240px;
}

#Default {
    font-size: 20px;
}

#mba-decision {
    min-height: 520px;
    padding: var(--space-xl) var(--space-sm) var(--space-2xl);

    .content-area {
        max-width: 1180px;
        margin-block: 0;
    }

    .decision-header {
        max-width: 780px;
        margin: 0 auto var(--space-lg);
        text-align: center;

        .major-heading {
            display: inline-block;
            margin-inline: auto;
        }

        @media (max-width: 950px) {
            display: none;
        }
    }

    .decision-options {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-lg);
    }

    .decision-card {
        display: grid;
        grid-template-rows: 190px auto 1fr auto;
        gap: var(--space-md);
        min-height: 520px;
        padding: var(--space-lg);
        color: var(--titan-blue) !important;
        text-decoration: none !important;
        background-color: white;
        border: 3px solid var(--bright-blue);
        border-bottom: 3px solid var(--bright-blue) !important;
        border-radius: var(--standard-border-radius);
        box-shadow: var(--medium-box-shadow);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;

        &:hover,
        &:focus-visible {
            color: var(--titan-blue) !important;
            border-color: var(--titan-orange);
            border-bottom-color: var(--titan-orange) !important;
            box-shadow: var(--floating-medium-box-shadow);
            transform: translateY(-4px);
        }

        &:focus-visible {
            outline: 4px solid rgb(0 127 173 / 35%);
            outline-offset: 4px;
        }

        img {
            display: block;
            width: 100%;
            height: 190px;
            object-fit: cover;
            object-position: center;
            border-radius: var(--small-border-radius);
        }

        &.pro-mba {
            img {
                object-position: center top;
            }
        }

        .program-name {
            display: block;
            color: var(--titan-blue);
            font-family: "museo-sans-display", sans-serif;
            font-size: clamp(2rem, 3vw, 2.75rem);
            font-weight: 900;
            line-height: 1.1;
            text-align: center;
            text-transform: uppercase;
        }

        ul {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: var(--space-sm);
            margin: 0;
            padding: 0;
            color: #333;
            font-size: 1.25rem;
            line-height: 1.3;
            list-style: none;
        }

        li {
            position: relative;
            padding-inline-start: 1.6rem;

            &::before {
                content: "";
                position: absolute;
                top: 0.43em;
                left: 0;
                width: 0.7rem;
                height: 0.7rem;
                background-color: var(--titan-orange);
                border-radius: 50%;
            }
        }

        strong {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 60px;
            padding: 12px 18px;
            color: white;
            font-size: 1.2rem;
            line-height: 1.15;
            text-align: center;
            text-transform: uppercase;
            background-color: var(--titan-blue);
            border-radius: var(--small-border-radius);
        }

        &:hover,
        &:focus-visible {
            strong {
                background-color: var(--titan-orange);
            }
        }
    }
}

@media (max-width: 950px) {
    #GlobalNavWrapper {
        --hero-height: 240px;
        background-repeat: no-repeat;


        #HomeCallout {
            height: 160px !important;
        }
    }



    .callout-content h1 {
        font-size: 1.5rem !important;
        padding-block: 0 !important;
    }

    #mba-decision {
        min-height: 0;
        padding: var(--space-md) var(--space-sm) var(--space-lg);

        .decision-header {
            margin-block-end: var(--space-md);
        }

        .decision-options {
            grid-template-columns: minmax(0, 1fr);
            gap: var(--space-sm);
        }

        .decision-card {
            grid-template-rows: auto auto auto;
            gap: var(--space-sm);
            min-height: 0;
            padding: var(--space-sm);

            img {
                display: none;
            }

            .program-name {
                font-size: 1.75rem;
            }

            ul {
                gap: var(--space-xs);
                font-size: 1rem;
            }

            strong {
                min-height: 48px;
                padding: 10px 14px;
                font-size: 1rem;
            }
        }
    }
}