.wiz-page .hero-header{ --wiz-nav-outset:8px; }
.wiz-page .hero-header #main-nav > a{
  position:relative;
  isolation:isolate;
  border-radius:8px;
}
.wiz-page .hero-header #main-nav > a::before{
  content:"";
  position:absolute;
  inset:4px calc(-1 * var(--wiz-nav-outset));
  z-index:-1;
  border-radius:8px;
  background:color-mix(in srgb,var(--wiz-accent) 10%,#fff);
  opacity:0;
  transform:scale(.94);
  transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
@media(min-width:901px){.wiz-page .hero-header #main-nav > a,.wiz-page .hero-header #main-nav > a:hover{ border-bottom-color:transparent; }
}
.wiz-page .hero-header #main-nav > a:focus-visible::before{
  opacity:1;
  transform:scale(1);
}
.wiz-page .hero-header #main-nav > a:focus-visible{
  outline:2px solid #1c2455;
  outline-offset:4px;
}
@media(hover:hover) and (pointer:fine){.wiz-page .hero-header #main-nav > a:hover::before{
    opacity:1;
    transform:scale(1);
  }
}
@media(max-width:1200px){.wiz-page .hero-header{ --wiz-nav-outset:5px; }
}
@media(max-width:900px){.wiz-page .hero-header{ --wiz-nav-outset:0px; }
}
@media(prefers-reduced-motion:reduce){.wiz-page .hero-header #main-nav > a::before{ transition:none; }
}
@media(forced-colors:active){.wiz-page .hero-header #main-nav > a::before{ background:Canvas; }
.wiz-page .hero-header #main-nav > a:focus-visible{ outline-color:CanvasText; }
}