.home-hero { position: relative; isolation: isolate; overflow: hidden; color: white; }
.home-hero-image, .home-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-hero-image { object-fit: cover; z-index: -2; }
.home-hero-shade { background: linear-gradient(90deg, #102710db, #10271066); z-index: -1; }
.home-hero-content { max-width: 1280px; margin: auto; min-height: 480px; display: flex; align-items: center; justify-content: center; gap: 56px; padding: 48px 24px; }
.home-hero.has-event .home-hero-content { display: grid; grid-template-columns: 1.2fr 1fr; }
.home-hero-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .15em; color: #c6e992; }
.home-hero-welcome h1 { font-size: clamp(32px, 3.6vw, 50px); line-height: 1.12; letter-spacing: -.025em; font-weight: 750; margin: 18px 0; }
.home-hero-welcome p { font-size: 18px; line-height: 1.6; max-width: 490px; color: #f1f5eb; }
.open-day-card { padding: 30px; overflow: hidden; background: #1d521df5; border: 1px solid #bce68466; border-top: 4px solid #9acb47; border-radius: 16px; box-shadow: 0 18px 48px #0003; }
.open-day-photo { display: block; width: calc(100% + 60px); max-width: none; height: 160px; margin: -30px -30px 24px; object-fit: cover; object-position: 50% 48%; border-bottom: 1px solid #ffffff26; }
.open-day-badge { display: inline-block; padding: 5px 10px; background: #9acb47; color: #193f17; border-radius: 5px; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.open-day-card h2 { font-size: 29px; line-height: 1.2; font-weight: 700; margin: 16px 0 22px; }
.open-day-date { display: flex; align-items: center; gap: 14px; padding-bottom: 20px; border-bottom: 1px solid #ffffff26; }
.open-day-date svg { width: 27px; height: 27px; fill: none; stroke: #9acb47; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.open-day-date strong { display: block; font-size: 17px; line-height: 1.5; }
.open-day-date span { display: block; color: #c6e992; font-size: 20px; font-weight: 600; }
.open-day-card p { font-size: 15px; line-height: 1.6; color: #eef5e5; margin: 18px 0 12px; }
.open-day-card p.open-day-location { font-size: 12px; color: #c9dbc1; margin: 0; }
@media (max-width: 760px) {
    .home-hero.has-event .home-hero-content { grid-template-columns: 1fr; gap: 28px; padding: 32px 20px; }
    .home-hero-welcome { text-align: center; } .home-hero-welcome p { margin: auto; font-size: 16px; }
    .home-hero-welcome h1 { font-size: 32px; }
    .open-day-card { padding: 24px; max-width: 480px; width: 100%; margin: auto; }
    .open-day-photo { width: calc(100% + 48px); margin: -24px -24px 22px; height: 150px; }
    .open-day-card h2 { font-size: 26px; }
}