/* Light, image-led homepage hero. The separate dark concept is retained. */
.hero { --hero-copper:#945f35; background:#fff; }
.hero .hero-grid { gap:22px; padding-top:32px; padding-bottom:24px; }
.hero .hero-copy>.eyebrow { color:#526b85; font-size:.875rem; font-weight:500; letter-spacing:.025em; }
.hero .hero-copy h1 { margin-top:14px; color:#102951; font-size:clamp(2rem,4.2vw,3.5rem); line-height:1.13; font-weight:600; letter-spacing:-.04em; }
.hero .hero-copy h1 em { margin-top:6px; color:#315c87; font-size:.94em; font-weight:450; }
.hero .hero-artwork.hero-illustration { width:100%; max-width:1080px; margin:0 auto; order:0; }
.hero-illustration-link { display:block; border:0; border-radius:4px; }
.hero-illustration img { display:block; width:100%; height:auto; mix-blend-mode:normal; }
.hero-illustration-link:focus-visible { outline:2px solid #945f35; outline-offset:5px; }
.hero .hero-event { --event-accent:#945f35; --event-surface:#f6f8fb; color:#526b85; border-color:#e1e7ee; border-left-color:#945f35; }
.hero .hero-event-copy>strong { color:#102951; }
.hero .hero-event-link { color:#945f35; }
.hero .hero-event-link:hover,.hero .hero-event-details>a:hover { color:#1b4f8b; }
.hero .hero-event a:focus-visible { outline-color:#945f35; }
@media(max-width:650px) {
 .hero .hero-grid { gap:18px; padding-top:26px; padding-bottom:20px; }
 .hero .hero-copy { text-align:center; }
 .hero .hero-copy>.eyebrow { justify-content:center; margin:0 auto; }
 .hero .hero-copy h1 { font-size:clamp(1.9rem,7.6vw,2.75rem); margin-top:12px; }
 .hero .hero-copy h1 em { margin-top:9px; }
}