/* The compatible opening keeps the brand visible if WebGL is unavailable. */
.opening-fallback-mark {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.opening-logo[data-renderer='compatible-brand'] canvas {
  visibility: hidden;
}
.opening-logo[data-renderer='compatible-brand'] .opening-fallback-mark {
  display: block;
}
.site-menu .sm-prelayers,
.site-menu[data-open] .sm-prelayers {
  visibility: hidden !important;
  transition: none !important;
}

/* Keep light moving on browsers without WebGL, using normal text compositing.
   The original per-letter lift stays on the outer spans. */
.hero-word .refracted-text__fallback-glyph {
  display: inline-block;
  background-image:
    linear-gradient(
      115deg,
      transparent 24%,
      #92d9ee80 38%,
      #f7e7ffcc 47%,
      #fff 50%,
      #ffe8b280 55%,
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #d8e6ee 0%,
      #738ca4 38%,
      #263342 49%,
      #e2eaf3 51%,
      #6d8298 78%,
      #a2b5c8 100%
    );
  background-size:
    280% 100%,
    100% 100%;
  background-position:
    100% 0,
    0 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: compatible-title-light 4.2s ease-in-out infinite alternate;
}
.hero-word .refracted-text[data-paused='true'] .refracted-text__fallback-glyph {
  animation-play-state: paused;
}
@keyframes compatible-title-light {
  to {
    background-position:
      0 0,
      0 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-word .refracted-text__fallback-glyph {
    animation: none;
  }
}
@media (forced-colors: active) {
  .hero-word .refracted-text__fallback-glyph,
  .hero-word .refracted-text__fallback > span {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: currentColor;
  }
}