/* Shared A Event header (v4) */
:root {
  --ae-ink: #0A0A0A;
  --ae-orange: #FF6600;
  --ae-paper: #F7F5F0;
}

.logo-img { filter: none; }
.dark-logo .logo-img { filter: brightness(0) invert(1); }
/* When header becomes paper/light, never keep inverted (white) logo */
#site-header.header-scrolled .logo-img,
#site-header.header-scrolled .dark-logo .logo-img {
  filter: none;
}

.header-cta {
  background: transparent !important;
  color: inherit !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
  padding-bottom: .2rem !important;
  transition: color .25s, border-color .25s, opacity .25s;
}
.header-cta:hover {
  color: var(--ae-orange) !important;
  border-color: var(--ae-orange) !important;
  background: transparent !important;
}

#site-header {
  transition: background .35s ease, border-color .35s ease, backdrop-filter .35s ease, color .35s ease;
}
#site-header.header-scrolled {
  background: rgba(247, 245, 240, .92) !important;
  color: var(--ae-ink) !important;
  border-color: rgba(10, 10, 10, .12) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
#site-header.header-scrolled .nav-link { color: var(--ae-ink) !important; }
#site-header.header-scrolled .nav-link.active,
#site-header .nav-link.active {
  color: #FF6600 !important;
  font-weight: 600;
}
#site-header.header-scrolled .header-cta {
  background: transparent !important;
  color: var(--ae-ink) !important;
  border-color: var(--ae-ink) !important;
}
#site-header.header-scrolled .header-cta:hover {
  color: #FF6600 !important;
  border-color: #FF6600 !important;
}
#site-header.header-scrolled #menu-open {
  color: var(--ae-ink) !important;
}

.nav-link { font-size: .8125rem; transition: color .25s; }
.nav-link:hover { color: #FF6600 !important; }
.nav-link.active { color: #FF6600 !important; font-weight: 600; }

#mobile-menu {
  transform: translateX(100%);
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
  background: var(--ae-paper);
}
#mobile-menu.open { transform: none; }

body.menu-open,
body.modal-open { overflow: hidden; }

.max-w-shell { max-width: 1320px; margin-left: auto; margin-right: auto; }