/* Individual mascots remain decorative, behind the original website layout. */
.mascot-edition .showcase-prop {
  z-index: 1;
  width: clamp(200px, 20vw, 290px);
  filter: drop-shadow(0 12px 18px rgb(72 89 140 / 0.09));
}
.mascot-edition .showcase-prop-left {
  left: 1%;
  top: -6%;
  width: clamp(180px, 15.3vw, 220px);
}
.mascot-edition .showcase-prop-right {
  left: auto;
  right: 1%;
  top: 52%;
  width: clamp(190px, 18vw, 260px);
  transform: translate3d(-90px, 14px, 0) rotate(-4deg) scale(0.9);
}
.mascot-edition .hero-slide.is-active .showcase-prop { opacity: 0.9; }
.mascot-edition .hero-slide.is-active .showcase-prop-right {
  transform: translate3d(0, 0, 0) rotate(3deg);
}
.mascot-edition .hero-slide.is-before .showcase-prop-right {
  transform: translate3d(90px, -10px, 0) rotate(7deg) scale(0.94);
}
.mascot-edition .mascot-mirror { scale: -1 1; }
@media (max-width: 820px) {
  .mascot-edition .showcase-prop { width: 180px; }
  .mascot-edition .showcase-prop-left { left: -2%; top: 0; }
  .mascot-edition .showcase-prop-right { right: -2%; top: 55%; }
}
@media (max-width: 600px) {
  .hero-showcase.mascot-edition { height: calc(45.65vw + 240px); }
  .mascot-edition .hero-slide { inset: 20px 0 50px; }
  .mascot-edition .showcase-browser { top: 54px; width: 88vw; }
  .mascot-edition .showcase-card { display: none; }
  .mascot-edition .showcase-prop {
    width: 104px;
    top: calc(45.65vw + 66px);
  }
  .mascot-edition .showcase-prop-left { left: 8px; }
  .mascot-edition .showcase-prop-right { right: 8px; }
  .mascot-edition .showcase-label { bottom: -22px; gap: 6px; }
  .mascot-edition .showcase-arrow { min-width: 44px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-showcase.mascot-edition,
  .mascot-edition *,
  .mascot-edition *::before,
  .mascot-edition *::after { transition: none !important; animation: none !important; }
}