/* SFIZIO v2 — Style ALPHA floating layer (pairs with style-alpha.js).
   Lives here (not in a page css) so the whole style transfers as one unit. */
.alpha {
  position: fixed; z-index: 40;
  right: calc(var(--gutter) * 0.4);
  top: 16dvh;
  width: clamp(64px, 12vw, 110px);
  pointer-events: none;
  opacity: 0.9;
  filter: drop-shadow(0 6px 24px rgba(0, 0, 0, 0.45));
}
.alpha svg { width: 100%; overflow: visible; }
.alpha__set { opacity: 0; }
.alpha__hint {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  margin-top: var(--sp-2);
  display: inline-flex; align-items: center; gap: 4px;
  font-size: var(--fs-xs); letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink); opacity: 0; white-space: nowrap;
}
.alpha--hinting .alpha__hint svg { animation: hint-slide 1.4s var(--ease) infinite; }
@keyframes hint-slide { 55% { transform: translateX(5px); } }

@media (prefers-reduced-motion: reduce) {
  .alpha { display: none; }
}