/* metodo-carousel.css — carosello "Metodo TOP" nella home, al posto della fascia navy T·O·P.
   Modello: carosello di card fotografiche a tre colonne con velo scuro, titolo, testo e link
   (riferimento EY "What drives enterprise value"), ricostruito con i token di TOP. */
.tc{background:var(--ivory)}
.tc h2{margin-bottom:34px}
.tc-wrap{position:relative}
.tc-viewport{overflow:hidden;padding-bottom:2px}
.tc-track{--gap:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);align-items:stretch}
.tc-card{position:relative;grid-row:1;aspect-ratio:5/7;overflow:hidden;border-radius:var(--radius);background:var(--navy);color:#fff;text-decoration:none;display:block;isolation:isolate}
.tc-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}
.tc-card:hover img{transform:scale(1.04)}
.tc-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(15,39,71,.94) 0%,rgba(15,39,71,.72) 45%,rgba(15,39,71,.38) 100%)}
.tc-body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:12px;padding:28px 28px 30px}
.tc-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e0b98f}
.tc-title{font-size:clamp(1.25rem,1.7vw,1.6rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}
.tc-text{font-size:.93rem;line-height:1.5;color:#dbe4ec;font-weight:300}
.tc-link{margin-top:8px;font-weight:700;font-size:.9rem;color:#e0b98f}
.tc-card:hover .tc-link{text-decoration:underline;text-underline-offset:4px}
.tc-card:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.tc-card[hidden]{display:none}
.tc-card.is-pre{transform:translateY(calc(100% + 40px))}
@keyframes tc-in{from{transform:translateY(calc(100% + 40px))}to{transform:translateY(0)}}
@keyframes tc-out{from{transform:translateY(0)}to{transform:translateY(calc(100% + 40px))}}
.tc-card.is-in{animation:tc-in var(--d,.8s) ease var(--delay,0s) both;z-index:2}
.tc-card.is-out{animation:tc-out var(--d,.8s) ease var(--delay,0s) both;pointer-events:none;z-index:1}
@media(prefers-reduced-motion:reduce){.tc-card.is-in,.tc-card.is-out{animation:none}.tc-card.is-pre{transform:none}}
.tc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:0;background:none;color:var(--navy);font-size:3rem;line-height:1;cursor:pointer;padding:0 0 6px;display:grid;place-items:center;transition:.2s}
.tc-nav.prev{left:-58px}.tc-nav.next{right:-58px}
.tc-nav:hover{color:var(--copper)}
.tc-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.tc-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:rgba(15,39,71,.22);cursor:pointer}
.tc-dots button[aria-current="true"]{background:var(--copper)}
@media(max-width:1340px){.tc-nav.prev{left:-30px}.tc-nav.next{right:-30px}}
@media(max-width:1290px){.tc-nav{width:40px;height:40px;background:rgba(255,255,255,.9);border-radius:50%;font-size:2rem;box-shadow:0 6px 18px rgba(15,39,71,.18)}.tc-nav.prev{left:8px}.tc-nav.next{right:8px}}
@media(max-width:950px){.tc-track{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.tc-track{grid-template-columns:1fr}.tc-card{aspect-ratio:4/5}.tc-body{padding:22px}.tc h2{margin-bottom:24px}}