/* Only the early JS preparation hides the hero; no JS means ordinary visibility. */
@media (prefers-reduced-motion: no-preference) {
  .eb-hero-preparing #eb-sample .official-logo,
  .eb-hero-preparing #eb-sample .main-characters,
  .eb-hero-preparing #eb-sample .hero-dates { opacity: 0; }
}
@media (min-width: 561px) and (prefers-reduced-motion: no-preference) {
  .eb-hero-preparing #eb-sample .locker-art { opacity: 0; }
}
@media (max-width: 560px) and (prefers-reduced-motion: no-preference) {
  .eb-hero-preparing #eb-sample .remix-title { opacity: 0; }
}
@keyframes eb-soft-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes eb-logo-pop {
  0% { opacity: 0; transform: translateY(6px) scale(.97); }
  72% { opacity: 1; transform: translateY(0) scale(1.012); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes eb-letter-float {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-5px) rotate(1deg); }
}
@keyframes eb-bottle-float {
  0%, 100% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-4px) rotate(-1deg); }
}
#eb-sample .eb-motion-enter {
  animation: eb-soft-enter 620ms cubic-bezier(.2,.65,.3,1) var(--eb-motion-delay, 0ms) backwards;
}
#eb-sample .official-logo.eb-motion-enter {
  animation-name: eb-logo-pop;
  animation-duration: 560ms;
  transform-origin: center;
}
#eb-sample.eb-motion-enabled .floating-letter {
  animation: eb-letter-float 6s ease-in-out 1.4s infinite;
}
#eb-sample.eb-motion-enabled .floating-bottle {
  animation: eb-bottle-float 7s ease-in-out 1.8s infinite;
}
#eb-sample.eb-motion-paused .floating-letter,
#eb-sample.eb-motion-paused .floating-bottle { animation-play-state: paused; }
#eb-sample .remix-cta,
#eb-sample .hero-dates > a,
#eb-sample .goods-grid > article,
#eb-sample footer > a,
#eb-sample .back-to-top {
  transition: transform 180ms ease-out;
}
#eb-sample .remix-cta > span,
#eb-sample .hero-dates .place > span {
  display: inline-block;
  transition: transform 180ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  #eb-sample .remix-cta:hover,
  #eb-sample .hero-dates > a:hover,
  #eb-sample .goods-grid > article:hover,
  #eb-sample footer > a:hover,
  #eb-sample .back-to-top:hover { transform: translateY(-2px); }
  #eb-sample .remix-cta:hover > span,
  #eb-sample .hero-dates > a:hover .place > span { transform: translate(2px, -2px); }
}
#eb-sample .remix-cta:active,
#eb-sample .hero-dates > a:active,
#eb-sample footer > a:active,
#eb-sample .back-to-top:active { transform: translateY(1px); }
#eb-sample .eb-motion-enter:focus-within { animation: none; }
@media (prefers-reduced-motion: reduce) {
  #eb-sample .eb-motion-enter,
  #eb-sample.eb-motion-enabled .floating-letter,
  #eb-sample.eb-motion-enabled .floating-bottle { animation: none; }
  #eb-sample .remix-cta,
  #eb-sample .hero-dates > a,
  #eb-sample .goods-grid > article,
  #eb-sample footer > a,
  #eb-sample .back-to-top,
  #eb-sample .remix-cta > span,
  #eb-sample .hero-dates .place > span { transition: none; transform: none; }
}

@keyframes eb-pair-enter {
  0% { opacity:0; transform:translateY(24px) scale(.94); }
  78% { opacity:1; transform:translateY(-3px) scale(1.015); }
  100% { opacity:1; transform:translateY(0) scale(1); }
}
@media(max-width:560px) and (prefers-reduced-motion:no-preference){
 #eb-sample .remix-title.eb-motion-enter{animation-name:eb-logo-pop;animation-duration:650ms;transform-origin:center}
 #eb-sample .main-characters.eb-motion-enter{animation-name:eb-pair-enter;animation-duration:750ms;transform-origin:center bottom}
 #eb-sample .hero-dates.eb-motion-enter{animation-duration:650ms}
}

/* Small peripheral motifs float; no character or original-pattern changes. */
@keyframes eb-motif-drift{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes eb-sparkle-glow{0%,100%{opacity:.4}45%,60%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 #eb-sample.eb-motion-enabled .decor-flower,
 #eb-sample.eb-motion-enabled .decor-cherry{animation:eb-motif-drift 5.5s ease-in-out infinite}
 #eb-sample.eb-motion-enabled .decor-cherry{animation-duration:6.5s;animation-delay:-2s}
 #eb-sample.eb-motion-enabled .decor-sparkles-left,
 #eb-sample.eb-motion-enabled .decor-sparkles-right,
 #eb-sample.eb-motion-enabled .decor-sparkle-top{animation:eb-sparkle-glow 4.8s ease-in-out infinite}
 #eb-sample.eb-motion-enabled .decor-sparkles-right{animation-delay:-1.6s}
 #eb-sample.eb-motion-enabled .decor-sparkle-top{animation-delay:-3.2s}
 #eb-sample.eb-motion-paused .school-decor{animation-play-state:paused}
}