@media(min-width:1181px){.site-header .site-nav{gap:clamp(.6rem,1vw,1rem)}.site-header .site-nav>.nav-link{white-space:nowrap}.site-header .nav-interactive{color:#ffe3ec}}
.site-header .nav-interactive:hover{color:#ff7ca2}
@media(min-width:1681px){.site-header .site-nav>.button{white-space:nowrap}}
@media(min-width:1181px) and (max-width:1680px){.site-header .nav-toggle{display:block;z-index:2}.site-header .site-nav{position:fixed;inset:0;display:none;padding:8rem 1.5rem 2rem;background:#080b18;align-items:stretch;flex-direction:column;overflow-y:auto;gap:1rem}.site-header .site-nav.is-open{display:flex}.site-header .site-nav .nav-link{font-family:var(--serif);font-size:2rem}.site-header .nav-webdesign{align-self:flex-start;min-height:3.2rem;padding:.8rem 1.25rem;font-size:.82rem}.site-header .nav-services{display:grid;grid-template-columns:1fr auto}.site-header .nav-services__toggle{font-size:2rem}.site-header .mega-menu{position:static;grid-column:1/-1;width:100%;margin-top:1rem;display:none;opacity:1;visibility:visible;transform:none;grid-template-columns:1fr;box-shadow:none}.site-header .nav-services.is-open .mega-menu{display:grid}}

/* Unified header navigation, 2026-10-17. */
.site-header .site-nav { gap: .4rem; }
.site-header .site-nav > a,
.site-header .site-nav > .nav-services {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  flex: 0 0 auto;
  margin: 0;
  padding: .65rem .85rem;
  border: 1px solid rgba(255, 227, 236, .22);
  border-radius: 999px;
  background: linear-gradient(115deg, rgba(255,227,236,.10), rgba(255,255,255,.035));
  color: #fff9fa;
  font-family: var(--sans);
  font-size: .76rem;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: .01em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  transition: background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.site-header .site-nav > a::after,
.site-header .site-nav > .nav-services > .nav-link::after { content: none; }
.site-header .site-nav > .nav-services { padding: 0; }
.site-header .site-nav > .nav-services > .nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .65rem .15rem .65rem .85rem;
  border-radius: 999px 0 0 999px;
  color: inherit;
  font-family: var(--sans);
  font-size: .76rem;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: .01em;
  text-decoration: none;
}
.site-header .site-nav > .nav-services > .nav-services__toggle {
  width: 44px;
  height: 44px;
  min-height: 44px;
  border-radius: 999px;
  font-size: 1rem;
  color: inherit;
}
.site-header .site-nav > a.is-current,
.site-header .site-nav > .nav-services:has(> .is-current) {
  color: #ffe3ec;
  border-color: rgba(255,124,162,.65);
  background: rgba(255,124,162,.12);
}
@media (hover: hover) {
  .site-header .site-nav > a:hover,
  .site-header .site-nav > .nav-services:hover {
    color: #ffe3ec;
    background: rgba(255,124,162,.16);
    border-color: rgba(255,124,162,.75);
    box-shadow: 0 5px 18px rgba(255,124,162,.10), inset 0 1px 0 rgba(255,255,255,.08);
    transform: translateY(-2px);
  }
}
.site-header .site-nav > a:focus-visible,
.site-header .site-nav > .nav-services > :is(a,button):focus-visible {
  outline: 2px solid #ffe3ec;
  outline-offset: 4px;
}
.site-header .site-nav > .button { gap: .55rem; }
.site-header .site-nav > .button > span { transition: transform .22s ease; }
.site-header .site-nav > .button:hover > span { transform: translate(2px,-2px); }
@media (max-width: 1680px) {
  .site-header .site-nav { gap: .7rem; }
  .site-header .site-nav > a,
  .site-header .site-nav > .nav-services { width: 100%; min-height: 48px; justify-content: flex-start; padding: .8rem 1.15rem; font-size: 1rem; white-space: normal; }
  .site-header .site-nav > .nav-services { display: grid; grid-template-columns: minmax(0,1fr) 48px; padding: 0; border-radius: 24px; }
  .site-header .site-nav > .nav-services > .nav-link { min-height: 48px; padding: .8rem 1.15rem; font-size: 1rem; }
  .site-header .site-nav > .nav-services > .nav-services__toggle { width: 48px; height: 48px; }
  .site-header .site-nav > .nav-services > .mega-menu { margin-top: 0; border-radius: 0 0 24px 24px; overflow: hidden; }
  .site-header .site-nav > .button { justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .site-nav > a,
  .site-header .site-nav > .nav-services,
  .site-header .site-nav > .button > span { transition: none; transform: none; }
  .site-header .site-nav > a:hover,
  .site-header .site-nav > .nav-services:hover,
  .site-header .site-nav > .button:hover > span { transform: none; }
}

/* Shared header spacing for the integrated vehicle campaign entry. */
.site-header .site-header__inner{width:min(1640px,calc(100vw - 3rem))}
@media(min-width:1681px){.site-header .site-nav{gap:.3rem}.site-header .site-nav>a{padding-inline:.8rem}.site-header .site-nav>.nav-services>.nav-link{padding-left:.8rem}}