/* Shared inner-page hero and breadcrumb system. Loaded after page styles. */
body :is(.about-hero-banner, .events-hero-banner, .event-detail-hero, .gallery-intro, .department-gallery-hero, .professional-hero, .site-inner-hero) { background: radial-gradient(ellipse at top right, #167d83, transparent 65%), #103c48; padding: 48px 0 90px; color: #d0e8e8; }
body :is(.about-hero-banner, .events-hero-banner, .event-detail-hero)::before { display: none; }
body :is(.about-hero-banner, .events-hero-banner, .event-detail-hero) > .container { text-align: left !important; }
body :is(.about-hero-banner, .events-hero-banner, .event-detail-hero, .gallery-intro, .department-gallery-hero, .professional-hero, .site-inner-hero) h1 { color: white; font-size: clamp(36px, 5vw, 66px); line-height: 1.12; letter-spacing: -.04em; margin: 18px 0; max-width: 950px; overflow-wrap: anywhere; }
body :is(.about-hero-banner, .events-hero-banner, .event-detail-hero) :is(.about-hero-subtitle, .events-hero-subtitle, .event-detail-subtitle) { margin-left: 0; color: #d0e8e8; max-width: 650px; }
body .about-breadcrumbs { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 100%; padding: 8px 20px; margin-bottom: 20px; border-radius: 50px; border: 1px solid #ffffff2e; background: #ffffff1f; font-size: 13px; }
body .about-breadcrumbs a { color: white; text-decoration: none; }body .about-breadcrumbs a:hover { color: #a4e8d4; }body .about-breadcrumbs .divider { color: #ffffff80; font-size: 10px; }body .about-breadcrumbs .current { color: #a4e8d4; font-weight: 600; overflow-wrap: anywhere; }
@media(max-width: 575.98px) { body :is(.about-hero-banner, .events-hero-banner, .event-detail-hero, .gallery-intro, .department-gallery-hero, .professional-hero, .site-inner-hero) { padding: 35px 0 60px; } }