/* Keep the TOP navigation roll animation on every lower page. */
body:not(.home) .hdr-nav a,
body:not(.home) .hdr-contact,
body:not(.home) .foot-nav a{
  position:relative !important;
  display:inline-block !important;
  overflow:hidden !important;
  min-height:1.22em !important;
  color:transparent !important;
  line-height:1.22 !important;
  perspective:900px !important;
  transform-style:preserve-3d !important;
}

body:not(.home) .hdr-nav a::before,
body:not(.home) .hdr-nav a::after,
body:not(.home) .hdr-contact::before,
body:not(.home) .hdr-contact::after,
body:not(.home) .foot-nav a::before,
body:not(.home) .foot-nav a::after{
  content:attr(data-label) !important;
  position:absolute !important;
  inset:0 auto auto 0 !important;
  display:block !important;
  width:100% !important;
  height:1.22em !important;
  background:none !important;
  color:var(--ink) !important;
  text-decoration:none;
  transform-origin:50% 50% !important;
  transition:
    transform .82s cubic-bezier(.19,1,.22,1),
    opacity .82s cubic-bezier(.19,1,.22,1),
    letter-spacing .82s cubic-bezier(.19,1,.22,1) !important;
  backface-visibility:hidden !important;
}

body:not(.home) .hdr-nav a::after,
body:not(.home) .hdr-contact::after,
body:not(.home) .foot-nav a::after{
  opacity:1 !important;
  transform:translateY(0) rotateX(0deg) !important;
}

body:not(.home) .hdr-nav a::before,
body:not(.home) .hdr-contact::before,
body:not(.home) .foot-nav a::before{
  opacity:0 !important;
  transform:translateY(86%) rotateX(82deg) !important;
  letter-spacing:.22em !important;
}

body:not(.home) .hdr-nav a:hover::after,
body:not(.home) .hdr-contact:hover::after,
body:not(.home) .foot-nav a:hover::after{
  opacity:0 !important;
  transform:translateY(-86%) rotateX(-82deg) !important;
  letter-spacing:.22em !important;
}

body:not(.home) .hdr-nav a:hover::before,
body:not(.home) .hdr-contact:hover::before,
body:not(.home) .foot-nav a:hover::before{
  opacity:1 !important;
  transform:translateY(0) rotateX(0deg) !important;
  letter-spacing:.16em !important;
}

body:not(.home) .hdr-nav a.is-active::after{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}

body:not(.home) .hdr.on-dark .hdr-nav a::before,
body:not(.home) .hdr.on-dark .hdr-nav a::after,
body:not(.home) .hdr.on-dark .hdr-contact::before,
body:not(.home) .hdr.on-dark .hdr-contact::after{
  color:#fff !important;
}

body:not(.home) .hdr.on-dark .hdr-nav::before{
  background:#fff !important;
}

@media (prefers-reduced-motion:reduce){
  body:not(.home) .hdr-nav a::before,
  body:not(.home) .hdr-nav a::after,
  body:not(.home) .hdr-contact::before,
  body:not(.home) .hdr-contact::after,
  body:not(.home) .foot-nav a::before,
  body:not(.home) .foot-nav a::after{
    transition:none !important;
  }
}