/* A compact event invitation with an engineering benefit and a clear next step. */
.hero-event { --event-accent:#e2b28d; --event-surface:#ffffff08; width:100%; max-width:1120px; margin:0 auto; color:#d0def0; background:var(--event-surface); border:1px solid #87a5c540; border-left:3px solid var(--event-accent); border-radius:7px; }
.hero-event-inner { display:flex; align-items:center; justify-content:space-between; gap:14px 28px; padding:18px 22px; }
.hero-event-copy { min-width:0; }
.hero-event-copy>strong { display:block; color:#fff; font-size:clamp(1.125rem,1.8vw,1.375rem); line-height:1.35; font-weight:600; letter-spacing:-.02em; }
.hero-event-details { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; margin-top:7px; font-size:14px; line-height:1.5; }
.hero-event-details>a { color:inherit; text-decoration:none; }
.hero-event-details>a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.hero-event-details>span:last-child { white-space:nowrap; }
.hero-event-link { display:inline-flex; align-items:center; gap:18px; flex:none; min-height:44px; padding:7px 0; color:#f0c7a6; border-bottom:1px solid var(--event-accent); font-size:16px; font-weight:600; text-decoration:none; white-space:nowrap; }
.hero-event-link:hover { color:#fff; border-bottom-width:2px; padding-bottom:6px; }
.hero-event a:focus-visible { outline:2px solid #e2b28d; outline-offset:4px; }
.hr-hero>.hero-event { max-width:1260px; margin-top:18px; }
@media(max-width:560px) {
 .hero-event-inner { align-items:flex-start; flex-direction:column; gap:10px; padding:15px 17px; }
 .hero-event-details { gap:3px 7px; }
 .hero-event-link { min-height:44px; font-size:15px; }
}