/* Lightweight interaction and hero rendering overrides.
   Kept last in the queue so slower Safari/GPU combinations avoid expensive
   first-hover layer promotion and full-viewport filter animation. */

.concept--trial .scene {
  backface-visibility: hidden;
  animation: none !important;
  will-change: opacity;
  transform: scale(1);
  transition: opacity .86s cubic-bezier(.4, 0, .2, 1);
}

.concept--trial .scene--next {
  z-index: -3;
  opacity: 0;
  visibility: hidden;
  animation: none !important;
  pointer-events: none;
  transition: opacity .86s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .86s;
}

.concept--trial.is-crossfading .scene--next {
  opacity: 1;
  visibility: visible;
  transition: opacity .86s cubic-bezier(.4, 0, .2, 1), visibility 0s;
}

.concept--trial.is-crossfade-committing .scene--next {
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

.concept--trial.is-switching .scene--next {
  filter: saturate(.88) contrast(1.07) brightness(.86);
  transform: scale(1);
}

.concept--trial.is-switching .scene:not(.scene--next) {
  opacity: 1;
  filter: saturate(.88) contrast(1.07) brightness(.86);
}

@media (min-width: 981px) and (hover: hover) {
  body .header.site-header .site-nav > a,
  body .header.site-header .nav-item__toggle {
    backface-visibility: hidden;
    transform: translateZ(0) !important;
    transition: color .12s ease-out !important;
    will-change: auto !important;
  }

  body .header.site-header .site-nav > a:hover,
  body .header.site-header .site-nav > a.is-active,
  body .header.site-header .nav-item__toggle:hover,
  body .header.site-header .nav-item--dropdown.is-active > .nav-item__toggle {
    color: var(--gold, #d4af37) !important;
    transform: translateZ(0) !important;
    will-change: auto !important;
  }

  body .header.site-header .header-button {
    backface-visibility: hidden;
    transition: color .14s ease-out, background-color .14s ease-out, border-color .14s ease-out, transform .14s ease-out !important;
    will-change: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .concept--trial .scene,
  .concept--trial .scene--next { animation: none !important; transition-duration: .01ms !important; }
}