/* Menu card hover: subtle brighten + three small colored storybook sparkles above each card. */
#home .hot.hot-card,
#home .hot.hot-card:hover,
#home .hot.hot-card:focus-visible{
  position:absolute !important;
  overflow:visible !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
}

#home .hot.hot-card:hover,
#home .hot.hot-card:focus-visible{
  background:rgba(255,252,242,.07) !important;
  filter:brightness(1.035) saturate(1.012) !important;
}

/* Turn off the earlier single-star pseudo element. */
#home .hot.hot-card::before,
#home .hot.hot-card::after{
  content:none !important;
  display:none !important;
}

#home .card-sparkles{
  position:absolute;
  left:50%;
  top:-18px;
  width:58px;
  height:30px;
  transform:translateX(-50%) translateY(4px) scale(.92);
  opacity:0;
  pointer-events:none;
  z-index:80;
  transition:opacity .16s ease, transform .18s cubic-bezier(.2,.9,.25,1.35);
  filter:drop-shadow(0 2px 2px rgba(92,68,36,.12));
}

#home .card-sparkle{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-family:Georgia,serif;
  font-weight:700;
  text-shadow:
    0 0 5px rgba(255,255,245,.95),
    0 0 11px currentColor,
    0 1px 1px rgba(104,72,34,.12);
}

#home .card-sparkle.s1{
  content:"";
  left:21px;
  top:0;
  font-size:22px;
  color:#F8D76F;
  transform:rotate(-8deg);
}
#home .card-sparkle.s2{
  left:4px;
  top:12px;
  font-size:17px;
  color:#F3A7B8;
  transform:rotate(9deg);
}
#home .card-sparkle.s3{
  right:4px;
  top:11px;
  font-size:18px;
  color:#9ED8C3;
  transform:rotate(-3deg);
}

#home .hot.hot-card:hover .card-sparkles,
#home .hot.hot-card:focus-visible .card-sparkles{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
}

#home .hot.hot-card:hover .card-sparkle.s1,
#home .hot.hot-card:focus-visible .card-sparkle.s1{animation:tomoniSparklePopA .54s ease both;}
#home .hot.hot-card:hover .card-sparkle.s2,
#home .hot.hot-card:focus-visible .card-sparkle.s2{animation:tomoniSparklePopB .54s .06s ease both;}
#home .hot.hot-card:hover .card-sparkle.s3,
#home .hot.hot-card:focus-visible .card-sparkle.s3{animation:tomoniSparklePopC .54s .12s ease both;}

@keyframes tomoniSparklePopA{
  0%{transform:scale(.55) rotate(-12deg);opacity:0}
  45%{transform:scale(1.22) rotate(7deg);opacity:1}
  100%{transform:scale(1) rotate(-8deg);opacity:1}
}
@keyframes tomoniSparklePopB{
  0%{transform:scale(.55) rotate(4deg);opacity:0}
  45%{transform:scale(1.18) rotate(-9deg);opacity:1}
  100%{transform:scale(1) rotate(9deg);opacity:1}
}
@keyframes tomoniSparklePopC{
  0%{transform:scale(.55) rotate(7deg);opacity:0}
  45%{transform:scale(1.18) rotate(9deg);opacity:1}
  100%{transform:scale(1) rotate(-3deg);opacity:1}
}

@media(prefers-reduced-motion:reduce){
  #home .card-sparkle{animation:none !important;}
  #home .card-sparkles{transition:none !important;}
}