/* Two quiet specular sweeps on the homepage's existing bronze surfaces. */
.entry-glint {
  position: relative;
  isolation: isolate;
}

.entry-glint-surface {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.entry-glint-logo .entry-glint-surface {
  display: none;
  opacity: .94;
  -webkit-mask: url('/assets/muaf_logo_bronze_source.svg') center / contain no-repeat;
  mask: url('/assets/muaf_logo_bronze_source.svg') center / contain no-repeat;
  mask-mode: alpha;
}

@supports (mask-image: url('')) or (-webkit-mask-image: url('')) {
  .entry-glint-logo .entry-glint-surface { display: block; }
}

.entry-glint-button .entry-glint-surface {
  inset: 1px;
  border-radius: inherit;
  z-index: 0;
  opacity: .48;
}

.entry-glint-button > span:not(.entry-glint-surface),
.entry-glint-button > svg {
  position: relative;
  z-index: 1;
}

.entry-glint-beam {
  position: absolute;
  top: -65%;
  bottom: -65%;
  left: 0;
  width: 52%;
  opacity: 0;
  transform: translateX(-160%) skewX(-20deg);
  background: linear-gradient(90deg,
    rgba(237, 204, 162, 0) 6%,
    rgba(237, 204, 162, .025) 18%,
    rgba(252, 227, 190, .16) 37%,
    rgba(255, 241, 214, .60) 47%,
    rgba(255, 252, 237, .96) 50%,
    rgba(255, 235, 191, .48) 53%,
    rgba(239, 200, 151, .09) 71%,
    rgba(239, 200, 151, 0) 94%);
}

.entry-glint.is-glint-running .entry-glint-beam {
  animation: muaf-entry-glint 4.8s linear .65s 2 both;
  will-change: transform, opacity;
}

.entry-glint-button.is-glint-running .entry-glint-beam {
  animation-delay: .95s;
}

.entry-glint.is-glint-paused .entry-glint-beam {
  animation-play-state: paused;
}

@keyframes muaf-entry-glint {
  0% { transform: translateX(-160%) skewX(-20deg); opacity: 0; }
  8% { opacity: .28; }
  18% { opacity: 1; }
  38% { opacity: .28; }
  46%, 100% { transform: translateX(260%) skewX(-20deg); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .entry-glint .entry-glint-surface { display: none; }
  .entry-glint .entry-glint-beam { animation: none !important; will-change: auto; }
}
