html {scroll-padding-top:80px}
.nav.event-nav {display:flex;align-items:center;position:sticky;top:0;z-index:200;min-height:56px;padding:0 22px;gap:16px;background:rgb(239 239 237 / 97%);border-bottom:1px solid rgb(0 0 0 / 8%)}
.event-nav .event-brand {display:flex;align-items:center;min-height:44px;flex:none}
.event-nav .event-brand img {width:116px;height:auto}
.nav.event-nav ul {display:flex;align-items:center;gap:18px;margin:0 0 0 auto;padding:0;list-style:none}
.nav.event-nav ul li {display:block}
.nav.event-nav ul a {display:flex;align-items:center;min-height:44px;padding:0;font:400 14px/1.2 var(--font);text-transform:uppercase;color:#080808;text-decoration:none}
.event-nav a:hover {opacity:.7}
.event-menu-toggle {display:none;width:44px;height:44px;border:1px solid #aaa;border-radius:0;padding:12px;background:transparent;color:#080808;cursor:pointer}
.event-menu-toggle span {display:block;width:100%;height:1px;background:currentColor;transition:transform .2s}
.event-menu-toggle span+span {margin-top:7px}
.event-menu-toggle[aria-expanded="true"] span:first-child {transform:translateY(4px) rotate(45deg)}
.event-menu-toggle[aria-expanded="true"] span:last-child {transform:translateY(-4px) rotate(-45deg)}
@media(max-width:900px){
  .nav.event-nav {min-height:64px;padding:0 20px}
  .event-menu-toggle {display:block;margin-left:auto}
  .nav.event-nav ul {display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:8px 20px 18px;background:#eee;border-bottom:1px solid #aaa;max-height:calc(100svh - 64px);overflow:auto}
  .nav.event-nav[data-open="true"] ul {display:grid;gap:0}
  .nav.event-nav ul a {min-height:48px;border-bottom:1px solid #ccc;font-size:13px}
  .nav.event-nav ul li:last-child a {border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.event-menu-toggle span{transition:none}}