/* Chœur Ineffable — poussière d'étoiles, bloc d'accroche de la page d'accueil */
.ineffable-stardust-layer {
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 3;
}

.ineffable-stardust {
  position: absolute;
  width: var(--ineffable-stardust-size, 10px);
  height: var(--ineffable-stardust-size, 10px);
  left: 0;
  top: 0;
  background: #FDD296;
  clip-path: polygon(50% 0%, 61% 35%, 100% 50%, 61% 65%, 50% 100%, 39% 65%, 0% 50%, 39% 35%);
  filter: drop-shadow(0 0 4px rgba(253, 210, 150, .85)) drop-shadow(0 0 9px rgba(253, 210, 150, .45));
  pointer-events: none;
  will-change: transform, opacity;
  animation: ineffable-stardust-fade ease-out forwards;
}

@keyframes ineffable-stardust-fade {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.3) rotate(0deg);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--ineffable-stardust-drift-x, 0px)), calc(-50% - 30px)) scale(1) rotate(90deg);
  }
}