/* Exact Eminevím header_logo_anim.gif timing (4.95s @ 33fps)
   Active shine ≈ frames 18–125, then hold. Soft diagonal sheen only. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .site-header .wordmark > span,
  .mobile-nav-header .wordmark > span {
    --wm-base: #071a36;
    --wm-lift: #1c3a5c;
    --wm-mid: #8eabc6;
    --wm-hi: #f5f8fc;
    color: var(--wm-base);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0 !important;
    background-image: linear-gradient(
      105deg,
      var(--wm-base) 0%,
      var(--wm-base) 40%,
      var(--wm-lift) 45%,
      var(--wm-mid) 48.5%,
      var(--wm-hi) 50%,
      var(--wm-mid) 51.5%,
      var(--wm-lift) 55%,
      var(--wm-base) 60%,
      var(--wm-base) 100%
    );
    background-size: 250% 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: nayiffen-eminevim-shine 4.95s linear infinite;
  }

  @media (max-width: 768px) {
    .site-header .wordmark > span,
    .mobile-nav-header .wordmark > span {
      --wm-base: #111114;
      --wm-lift: #2a2d36;
      --wm-mid: #9aa0ae;
      --wm-hi: #f5f5f7;
    }
  }
}

@keyframes nayiffen-eminevim-shine {
  /* frames 1–17: idle */
  0%,
  10.3% {
    background-position: 100% 50%;
  }
  /* frames 18–125: L→R sweep */
  75.8% {
    background-position: 0% 50%;
  }
  /* frames 126–165: idle */
  75.81%,
  100% {
    background-position: 0% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .wordmark > span,
  .mobile-nav-header .wordmark > span {
    animation: none !important;
    background-image: none !important;
    -webkit-text-fill-color: var(--wm-base, #071a36) !important;
    color: var(--wm-base, #071a36) !important;
  }
}