/* Clutch card fan — extracted from atlas.floodlit.it (Floodlit), CSS animations only */
.clx{--anello:#fff}
.g-cond { font-family: 'Archivo', "Arial Narrow", sans-serif; text-transform: uppercase; font-style: italic; font-weight: 900; font-stretch: 62%; }
.z-st { perspective: 1800px; }
.z3 { transform-style: preserve-3d; }
.cz-carta { flex: 0 0 auto; display: block; }
.z-sheen { transform: translate(-160%) rotate(16deg); }
.chFan { transform: rotateX(14deg) rotateY(-16deg); }
.chJump { transform: translateZ(60px) translateY(0px); }
.chPts { opacity: 0; transform: translateZ(80px) translateY(0px) scale(0.6); }
.chSt { transform: translateY(0) rotate(var(--r)); }
.cz-foil { --foil-p: calc(var(--u) * 245.5); top: 0px; bottom: 0px; left: calc(var(--u) * -36); width: calc(var(--foil-p) * 2); pointer-events: none; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 19.6%, rgba(255, 90, 54, 0.3) 34.9%, rgba(255, 178, 26, 0.26) 43.6%, rgba(63, 216, 255, 0.3) 54.5%, rgba(255, 79, 163, 0.3) 65.4%, rgba(255, 255, 255, 0) 80.6%); background-repeat: repeat-x; background-size: 50% 100%; animation: 5.5s linear 0s infinite normal none running cz-foil; position: absolute; transform: skew(-25deg); }
.cz-foil { --foil-p: round(calc(var(--u) * 245.5), 1px); }
@media (prefers-reduced-motion: reduce){.cz-foil { animation: auto ease 0s 1 normal none running none; }}
.he-4 { align-items: center; gap: 10px; display: inline-flex; }
.he-5 { flex: 0 0 auto; display: block; }
.he-6 { font-family: 'Archivo', "Arial Narrow", sans-serif; text-transform: uppercase; color: rgb(255, 255, 255); font-size: 30px; font-style: italic; font-weight: 900; font-stretch: 62%; line-height: 1.088; }
.he-i { perspective: 1500px; perspective-origin: 50% 30%; width: 760px; height: 660px; position: absolute; top: 70px; left: 620px; }
.he-j { position: absolute; inset: 0px; }
.he-k { filter: brightness(0.85); position: absolute; top: 130px; left: 30px; transform: translateZ(-120px) rotateY(26deg) rotate(-8deg); }
.he-11 { filter: brightness(0.82); position: absolute; top: 140px; left: 490px; transform: translateZ(-150px) rotateY(-26deg) rotate(8deg); }
.he-15 { position: absolute; top: 50px; left: 230px; }
.he-1m { position: absolute; top: -14px; left: -12px; transform: translateZ(30px); }
.he-1n { height: 25px; font-family: 'Archivo', "Arial Narrow", sans-serif; text-transform: uppercase; color: rgb(255, 255, 255); white-space: nowrap; box-sizing: content-box; background: rgb(211, 47, 47); border-radius: 6px; align-items: center; padding: 0px 9px; font-size: 13px; font-style: italic; font-weight: 900; font-stretch: 62%; line-height: 1.088; display: inline-flex; transform: rotate(-8deg); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px, rgba(0, 0, 0, 0.7) 0px 14px 24px -10px; }
.he-1o { color: rgb(7, 8, 12); white-space: nowrap; box-sizing: content-box; background: rgb(255, 255, 255); border-radius: 15px; align-items: center; gap: 8px; height: 30px; padding: 0px 12px; font-size: 13px; font-weight: 800; display: inline-flex; position: absolute; bottom: -16px; left: 50%; transform: translate(-50%) translateZ(20px); }
.he-1p { color: var(--grigio-testo); }
.he-1q { position: absolute; top: 160px; left: 280px; }
.he-1r { font-family: 'Archivo', "Arial Narrow", sans-serif; text-transform: uppercase; color: rgb(255, 178, 26); text-shadow: rgba(255, 178, 26, 0.7) 0px 0px 40px; font-size: 92px; font-style: italic; font-weight: 900; font-stretch: 62%; line-height: 1; }
.he-1s { position: absolute; top: 120px; left: 560px; transform: translateZ(140px); }
.he-1t { --r: 8deg; }
.he-1u { height: 34px; font-family: 'Archivo', "Arial Narrow", sans-serif; text-transform: uppercase; color: rgb(7, 8, 12); white-space: nowrap; box-sizing: content-box; background: rgb(255, 178, 26); border-radius: 8px; align-items: center; padding: 0px 13px; font-size: 18px; font-style: italic; font-weight: 900; font-stretch: 62%; line-height: 1.088; display: inline-flex; transform: rotate(0deg); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px, rgba(0, 0, 0, 0.7) 0px 14px 24px -10px; }
.he-1v { position: absolute; top: 540px; left: 150px; transform: translateZ(180px); }
.he-1w { --r: -6deg; animation-delay: -2s; }
.he-1x { height: 30px; font-family: 'Archivo', "Arial Narrow", sans-serif; text-transform: uppercase; color: rgb(7, 8, 12); white-space: nowrap; box-sizing: content-box; background: rgb(79, 195, 247); border-radius: 7px; align-items: center; padding: 0px 11px; font-size: 16px; font-style: italic; font-weight: 900; font-stretch: 62%; line-height: 1.088; display: inline-flex; transform: rotate(0deg); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px, rgba(0, 0, 0, 0.7) 0px 14px 24px -10px; }
.he-1y { filter: blur(2px); position: absolute; top: 490px; left: 560px; transform: translateZ(-260px); }
.he-1z { --r: 6deg; animation-delay: -3s; }
.he-20 { height: 28px; font-family: 'Archivo', "Arial Narrow", sans-serif; text-transform: uppercase; color: rgb(7, 8, 12); white-space: nowrap; box-sizing: content-box; background: rgb(255, 79, 160); border-radius: 7px; align-items: center; padding: 0px 10px; font-size: 15px; font-style: italic; font-weight: 900; font-stretch: 62%; line-height: 1.088; display: inline-flex; transform: rotate(0deg); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px, rgba(0, 0, 0, 0.7) 0px 14px 24px -10px; }
.z-st { perspective: 1800px; }
.z3 { transform-style: preserve-3d; }
.clx .z-sheen { animation: 6.5s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running zsheen; }
.clx .chFan { animation: 10s ease-in-out 0s infinite normal none running chFan; }
.clx .chJump { animation: 6s cubic-bezier(0.2, 0.8, 0.2, 1) 0s infinite normal none running chJump; }
.clx .chPts { animation: 6s cubic-bezier(0.2, 0.8, 0.2, 1) 0s infinite normal none running chPts; }
.clx .chSt { animation: 5s ease-in-out 0s infinite normal none running chSt; }
.clx .he-1w { animation-delay: -2s; }
.clx .he-1z { animation-delay: -3s; }
.z-st { perspective: 1800px; }
.z3 { transform-style: preserve-3d; }
@keyframes chFan { 
  0% { transform: rotateX(14deg) rotateY(-16deg); }
  50% { transform: rotateX(10deg) rotateY(-6deg); }
  100% { transform: rotateX(14deg) rotateY(-16deg); }
}
@keyframes cz-foil { 
  0% { transform: translate(0px) skew(-25deg); }
  100% { transform: translate(-50%) skew(-25deg); }
}
@keyframes zsheen { 
  0% { transform: translate(-160%) rotate(16deg); }
  55%, 100% { transform: translate(260%) rotate(16deg); }
}
@keyframes chJump { 
  0% { transform: translateZ(60px) translateY(0px); }
  58% { transform: translateZ(60px) translateY(0px); }
  64% { transform: translateZ(110px) translateY(-26px) rotate(-1.5deg); }
  72% { transform: translateZ(60px) translateY(0px); }
  100% { transform: translateZ(60px) translateY(0px); }
}
@keyframes chPts { 
  0% { opacity: 0; transform: translateZ(80px) translateY(0px) scale(0.6); }
  60% { opacity: 0; transform: translateZ(80px) translateY(0px) scale(0.6); }
  66% { opacity: 1; transform: translateZ(200px) translateY(-60px) scale(1.15); }
  86% { opacity: 1; transform: translateZ(200px) translateY(-80px) scale(1); }
  94% { opacity: 0; transform: translateZ(200px) translateY(-110px) scale(0.9); }
  100% { opacity: 0; }
}
@keyframes chSt { 
  0% { transform: translateY(0) rotate(var(--r)); }
  50% { transform: translateY(-10px) rotate(calc(var(--r) + 3deg)); }
  100% { transform: translateY(0) rotate(var(--r)); }
}
.clx .he-i{position:relative!important;top:auto!important;left:auto!important;right:auto!important}
@media (prefers-reduced-motion: reduce){.clx .chPts{opacity:1;transform:translateZ(200px) translateY(-80px) scale(1)}}