/* Table Stories — animazioni leggere */
.define dd .w { color: var(--mute); opacity: .28; transition: opacity .5s ease, color .5s ease; }
.define dd .w.on { opacity: 1; color: inherit; }

#magazine .drag .mag.fan { will-change: transform; transition: transform .25s linear; }

.frame img.drift { transform: scale(1.12); will-change: transform; transition: transform .2s linear; }

.lift { position: relative; transition: transform .6s cubic-bezier(.16, .84, .24, 1); transform-style: preserve-3d; }
.lift::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; opacity: 0; transition: opacity .5s;
  background: radial-gradient(420px circle at var(--gx, 50%) var(--gy, 50%), rgba(255, 240, 215, .12), transparent 60%); }
.lift:hover::after { opacity: 1; }

/* risposte delle domande: si aprono con dolcezza */
.faq details[open] .ans { animation: ans-in .6s cubic-bezier(.16, .84, .24, 1) both; }
@keyframes ans-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .define dd .w { opacity: 1; color: inherit; }
  .faq details[open] .ans { animation: none; }
}
.ts-four { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; }
#magazine .mag-link { display: block; color: inherit; }