.dnav .cap { display: none; }



@media (min-width: 901px) {



.dnav .cap {

  display: block; position: absolute; left: 0; top: 0; z-index: 0;

  width: 1px; height: 1px; transform-origin: 0 0;

  border-radius: 999px; background: rgba(255,255,255,.16);

  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);

  opacity: 0; pointer-events: none;

  transition: opacity .18s linear;

}

.dnav .lockup, .dnav .links, .dnav .cta, .dnav-burger { position: relative; z-index: 1; }



.dnav .link:hover, .dnav .link:focus-visible,

.dnav .has-menu.open > .link { background: none; color: #fff; }

.dnav .link:focus-visible {

  outline: 2px solid rgba(255,255,255,.7); outline-offset: 2px;

}



.dnav .submenu {

  transition: opacity .16s cubic-bezier(.4,0,.7,1), visibility .16s;

}

.dnav .submenu ul {

  transform-origin: 50% 0; transform: scaleY(.86);

  transition: transform .18s cubic-bezier(.4,0,.7,1);

}

.dnav .has-menu.open > .submenu {

  transition: opacity .22s cubic-bezier(.22,.61,.36,1), visibility 0s;

}

.dnav .has-menu.open > .submenu ul {

  transform: none;

  transition: transform .30s cubic-bezier(.16,.84,.34,1);

}



}



@media (prefers-reduced-motion: reduce) {

  .dnav, .dnav .cap, .dnav .submenu, .dnav .submenu ul, .dnav .links {

    transition: none !important;

  }

  .dnav .submenu ul { transform: none !important; }

}