/* Keep the existing entrance and scroll transforms on the sticker links.
   Only the image inside each link grows on hover. */
.intro-scroll-stage .sticker {
  display: block;
  z-index: 3;
  cursor: pointer;
}

.intro-scroll-stage .sticker img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  pointer-events: none;
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
}

.intro-scroll-stage .sticker:hover img,
.intro-scroll-stage .sticker:focus-visible img { transform: scale(1.2); }

.intro-scroll-stage .sticker:focus-visible {
  outline: 3px solid #1685f8;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .intro-scroll-stage .sticker img { transition: none; }
}
.intro-scroll-stage .pill.green {
  top: -28px;
  min-width: 160px;
  text-align: center;
  transition: background-color .2s ease;
}

.intro-scroll-stage .pill.green:hover,
.intro-scroll-stage .pill.green:focus-visible { background-color: #266622; }