/* Optional polish; no content is hidden before JavaScript initializes. */
.experience-progress {
  position: fixed;
  inset: 0 0 auto;
  height: 2px;
  z-index: 12;
  pointer-events: none;
}

.experience-progress[hidden] {
  display: none;
}

.experience-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  background: #91acff;
  transform: scaleX(0);
  transform-origin: left center;
}

/* Individual transforms leave the photograph's existing transform untouched. */
.experience-ready .scene-image.experience-depth {
  translate: 0 var(--experience-shift, 0px);
  scale: 1.04;
}

.experience-ready .scene-image.experience-depth-active {
  will-change: translate;
}

.experience-ready .site-header.experience-header-docked {
  position: fixed;
  height: 82px;
  background: rgba(6, 17, 47, .94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  z-index: 10;
}

.experience-ready .experience-header-docked .brand img {
  width: 150px;
}

.experience-ready .header-disciplines a[aria-current="page"] {
  color: #b3c6f4;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
}

.experience-ready [data-experience-link] > span[aria-hidden="true"]:last-child {
  display: inline-block;
  transition: translate .22s ease;
}

.experience-ready [data-experience-link]:focus-visible,
.experience-ready .menu-toggle:focus-visible,
.experience-ready .menu-close:focus-visible {
  outline: 2px solid #91acff;
  outline-offset: 6px;
}

.experience-ready .header-disciplines a:focus-visible,
.experience-ready .site-footer a:focus-visible,
.experience-ready .text-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.experience-ready .services-navigation a:focus-visible {
  color: #b3c6f4;
}

@media (hover: hover) and (pointer: fine) {
  .experience-ready [data-experience-link]:hover > span[aria-hidden="true"]:last-child {
    translate: 3px -2px;
  }

  .experience-ready .header-disciplines a:hover,
  .experience-ready .site-footer a[data-experience-link]:hover,
  .experience-ready .text-link:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
  }

  .experience-ready .menu-close {
    transition: color .2s ease;
  }

  .experience-ready .menu-close:hover {
    color: #91acff;
  }
}

@media (max-width: 760px) {
  .experience-ready .site-header.experience-header-docked {
    height: 72px;
  }

  .experience-ready .experience-header-docked .brand img {
    width: 138px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .experience-ready .scene-image.experience-depth {
    translate: none;
    scale: none;
    will-change: auto;
  }

  .experience-ready [data-experience-link] > span[aria-hidden="true"]:last-child,
  .experience-ready .menu-close {
    transition: none;
    translate: none;
  }
}

.hero-intro-active .experience-progress {
  display: none;
}