/* A hover-only preview for the locked project. Launching Search hides it. */
.home-page .search-launch-state { position: relative; width: fit-content; }
.home-page .search-marinating {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  color: #77528c;
  font-family: "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;
  font-size: 22px;
  line-height: 1.3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) rotate(-3deg);
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease, visibility 220ms;
}
.home-page .search-marinating-bowl { width: 38px; height: 38px; flex: none; }
.home-page .search-marinating-dish { transform-origin: 24px 34px; }
.home-page .search-marinating-dots { display: inline-flex; }
.home-page .search-marinating-dots i { font-style: normal; }
@media (hover: hover) {
  .home-page .work-project-search:hover .search-launch-state:has([data-search-launch="soon"]) .search-marinating {
    opacity: 1; visibility: visible; transform: translateY(0) rotate(-3deg);
  }
  .home-page .work-project-search:hover .search-marinating-dish { animation: search-marinating-rock 1.8s ease-in-out infinite; }
  .home-page .work-project-search:hover .search-marinating-seasoning { animation: search-marinating-sprinkle 1.8s ease-in-out infinite; }
  .home-page .work-project-search:hover .search-marinating-dots i { animation: search-marinating-dot 1.2s ease-in-out infinite; }
  .home-page .work-project-search:hover .search-marinating-dots i:nth-child(2) { animation-delay: 150ms; }
  .home-page .work-project-search:hover .search-marinating-dots i:nth-child(3) { animation-delay: 300ms; }
}
@keyframes search-marinating-rock { 0%,100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } }
@keyframes search-marinating-sprinkle { 0%,100% { opacity: 0; transform: translateY(-3px); } 30%,65% { opacity: 1; } 80% { opacity: 0; transform: translateY(7px); } }
@keyframes search-marinating-dot { 0%,70%,100% { opacity: .35; transform: translateY(0); } 35% { opacity: 1; transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) {
  .home-page .search-marinating { transition: none; }
  .home-page .work-project-search:hover .search-marinating * { animation: none; }
}