/* v75 — navigation and visual stability hotfix */

/* The visible brand is artwork. Suppress legacy AVLR / INDUSTRIES text and
   pseudo-elements so it cannot overlap the compass on narrow screens. */
.universalNav > .brand,
.universalNav.menuOpen > .brand {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.universalNav > .brand span,
.universalNav > .brand::before,
.universalNav > .brand::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* The current company film owns the hero from the first painted frame. This
   prevents the retired still artwork from flashing while video initializes. */
.companyHero,
.companyHero::before {
  background-image: none !important;
}
.companyHero,
.companyHero .heroMotion {
  background-color: #070a08 !important;
}

/* Remove the inherited compass needle/dial drawn by older Guide styles. The
   uploaded Guide character is now the only artwork inside the button. */
.experienceDock .guideToggle::before,
.experienceDock .guideToggle::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}
.experienceDock .guideToggle {
  background-image: url('assets/avlr-guide-v72.png') !important;
  background-size: 145% auto !important;
  background-position: center 45% !important;
  animation: none !important;
  transform: none !important;
}
.experienceDock .guideToggle:is(:hover, :focus-visible) {
  animation: none !important;
  transform: translateY(-2px) scale(1.035) !important;
}

@media (max-width: 1080px) {
  .universalNav > .brand,
  .universalNav.menuOpen > .brand {
    min-width: 48px !important;
    min-height: 48px !important;
    background-size: 94% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .universalNav > .brand,
  .universalNav.menuOpen > .brand,
  .experienceDock .guideToggle {
    animation: none !important;
  }
}