/* hero split promise — accent squares + framed portrait (no colors) */
.hero-split-promise__frame {
    aspect-ratio: 4 / 5;
    max-height: 480px;
}

.hero-split-promise__img.hero-split-promise__img {
    object-fit: cover;
    object-position: center top;
}

.hero-split-promise__media {
    padding: 1.5rem;
}

.hero-split-promise__accent {
    z-index: 1;
}

.hero-split-promise__accent--tl {
    width: 2.5rem;
    height: 2.5rem;
}

.hero-split-promise__accent--tr {
    width: 4rem;
    height: 4rem;
}

.hero-split-promise__accent--br {
    width: 3rem;
    height: 6rem;
}

@media (max-width: 767px) {
    .hero-split-promise__accent {
        display: none;
    }

    .hero-split-promise__media {
        padding: 0;
    }
}

/* cta compass — dark promo band with dotted corner decor and offset compass image */
.cta-compass__dots {
    width: 7.5rem;
    gap: 0.35rem;
    padding: 0;
    z-index: 1;
}

.cta-compass__dot {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
}

.cta-compass__frame {
    aspect-ratio: 4 / 3;
    max-height: 28rem;
}

.cta-compass__img {
    object-fit: cover;
}

.cta-compass__btn:hover {
    transform: scale(1.05);
}

@media (max-width: 1023px) {
    .cta-compass__frame {
        aspect-ratio: 16 / 10;
        max-height: none;
    }
}

/* catalog-grid — program cards with corner accent squares (no colors) */
.catalog-grid__media.catalog-grid__media {
    aspect-ratio: 16 / 9;
}

.catalog-grid__img.catalog-grid__img {
    object-fit: cover;
}

.catalog-grid__accent.catalog-grid__accent {
    width: 2.25rem;
    height: 2.25rem;
}

.catalog-grid__accent--a.catalog-grid__accent--a {
    transform: translate(0.75rem, 0.75rem);
}

.catalog-grid__accent--b.catalog-grid__accent--b {
    width: 1.5rem;
    height: 1.5rem;
    transform: translate(0.5rem, 3.5rem);
    opacity: 0.85;
}

.catalog-grid__card-title {
    letter-spacing: -0.01em;
}

/* whyus trio — three reason cards, outline pill CTA (no colors) */
.whyus-trio__icon-box {
    width: 3rem;
    height: 3rem;
    flex: none;
}

.whyus-trio__subtitle {
    line-height: 1.6;
}

.whyus-trio__card {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.whyus-trio__card:hover {
    transform: translateY(-0.25rem);
}

.whyus-trio__cta {
    min-width: max-content;
}

/* cta institutional centered band */
.cta-institutional-centered {
    isolation: isolate;
}

.cta-institutional-centered__accent {
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
}

.cta-institutional-centered__accent--tr {
    margin-top: 2rem;
    margin-right: 2rem;
}

.cta-institutional-centered__accent--bl {
    margin-bottom: 2rem;
    margin-left: 2rem;
}

@media (max-width: 767px) {
    .cta-institutional-centered__accent {
        display: none;
    }
}

.cta-institutional-centered__desc {
    line-height: 1.6;
}