/* ──────────────────────────────────────────────────────────
   FIX ICONS: limita lo stile "icon" SOLO alle card Why
   (lasciando intatti ticker e theme toggle)
   ────────────────────────────────────────────────────────── */
.why .icon{
  width:40px; height:40px; margin-bottom:12px;
  opacity:.95; transition: transform .15s ease, opacity .15s ease;
}
.why .why__card:hover .icon{ opacity:1; transform: translateY(-1px); }

/* Ripristina icone ticker e toggle (niente dimensioni forzate) */
.top-ticker .icon,
.theme-toggle .icon{
  width:auto; height:auto; margin:0;
}

/* Centra perfettamente l’icona del toggle (bollino rosso) */
.theme-toggle .icon{ display:inline-grid; place-items:center; line-height:0; }
.theme-toggle .icon svg{ display:block; }

/* Allinea la ★ del ticker con il testo */
.top-ticker .icon{
  display:inline-block; vertical-align:middle; line-height:1; transform:none;
}

/* ──────────────────────────────────────────────────────────
   25 YEARS: sovrapposizione più marcata del “5”
   ────────────────────────────────────────────────────────── */
/* era: translate(-40px, -80px) — aumentiamo l’overlap di ~20px */
.years-band__num .d5{ transform: translate(-60px, -80px); }

/* tenue ombra locale per dare “incrocio” più leggibile (facoltativo) */
.years-band__num{
  position:relative;
}
.years-band__num::after{
  content:""; position:absolute; left:42%; top:6%;
  width:22%; height:70%;
  background: radial-gradient(closest-side, rgba(0,0,0,.14), rgba(0,0,0,0));
  filter: blur(6px); pointer-events:none;
}

/* ──────────────────────────────────────────────────────────
   QUOTES: preveniamo “salti” del nastro su alcuni browser
   ────────────────────────────────────────────────────────── */
.quotes{ overflow:hidden; }
.quotes__wrap{ overflow:hidden; }
.quotes__track{
  white-space:nowrap;
  will-change:transform;
  animation: marquee 26s linear infinite;
}