/* Selection hero — compass spin + ridge draw */

@media (prefers-reduced-motion: no-preference) {
  .gf-selection-hero-root .gf-selection-hero--animate .gf-selection-hero__compass-ring {
    animation: gf-selection-compass-pulse 5.2s ease-in-out 0.4s infinite;
  }

  .gf-selection-hero-root .gf-selection-hero--animate .gf-selection-hero__compass-img {
    animation:
      gf-selection-compass-rise 1000ms var(--gf-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 140ms both,
      gf-selection-compass-spin-cw 56s linear 1.14s infinite;
  }

  .gf-selection-hero-root .gf-selection-hill--front {
    opacity: 0;
    transform: translateY(10px);
    animation: gf-selection-hill-front-rise 900ms var(--gf-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.2s forwards;
  }

  .gf-selection-hero-root .gf-selection-ridge {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    opacity: 0.88;
  }

  .gf-selection-hero-root .gf-selection-hero--animate .gf-selection-ridge--1 {
    animation: gf-selection-ridge-draw 2.1s var(--gf-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.35s forwards;
  }

  .gf-selection-hero-root .gf-selection-hero--animate .gf-selection-ridge--2 {
    animation: gf-selection-ridge-draw 2.3s var(--gf-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.55s forwards;
  }

  .gf-selection-hero-root .gf-selection-hero--animate .gf-selection-ridge--3 {
    animation: gf-selection-ridge-draw 2.5s var(--gf-ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.75s forwards;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gf-selection-hero-root .gf-selection-ridge,
  .gf-selection-hero-root .gf-selection-hill--front {
    stroke-dashoffset: 0;
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

@keyframes gf-selection-compass-spin-cw {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}

@keyframes gf-selection-compass-pulse {
  0%, 100% { opacity: 0.72; }
  50% { opacity: 1; }
}

@keyframes gf-selection-hill-front-rise {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes gf-selection-ridge-draw {
  to {
    stroke-dashoffset: 0;
    opacity: 0.95;
  }
}