.alta-home { background: var(--alta-white); }
.alta-home .alta-nav ul { column-gap: clamp(.875rem, 1.65vw, 1.75rem); }
.alta-home .alta-nav .alta-event-nav { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 2.75rem; padding: .55rem .85rem; border: 1px solid #aabbe9; border-radius: 3px; background: var(--alta-tint); color: var(--alta-blue-900); text-decoration: none; font-size: .875rem; font-weight: 650; line-height: 1.3; transition: background 180ms, border-color 180ms; }
.alta-home .alta-nav .alta-event-nav:hover { background: #dce5ff; border-color: var(--alta-blue-900); }
.alta-event-nav__date { padding-right: .6rem; border-right: 1px solid #aabbe9; font-variant-numeric: tabular-nums; }
@media (max-width: 63.999rem) { .alta-home .alta-nav .alta-event-nav-item { border-top: 0; padding-block: .35rem .9rem; } .alta-home .alta-nav .alta-event-nav { justify-content: flex-start; width: 100%; min-height: 3.25rem; font-size: 1rem; padding: .8rem 1rem; } .alta-home .alta-event-nav > span:last-child { margin-left: auto; } }
@media (prefers-reduced-motion: reduce) { .alta-home .alta-nav .alta-event-nav { transition: none; } }