/**
 * Lighter hero overlays — background photos stay visible while text remains readable.
 * Loaded from footer so it applies after most page-level styles.
 */

.hero-banner .hero-image,
section.hero-banner > .hero-image,
.hero-image,
.hero-bg-image {
    opacity: 1 !important;
}

.academics-hero .hero-bg-image {
    opacity: 1 !important;
}