/* AUTOPIA — «Le parti dell'auto»: scroll world a capitoli (l'esploso dell'Urus, poi i freni da vicino). Solo home.
   Telefono prima: scena in alto, ferma (sticky), i passi scorrono sotto e le passano dietro.
   Desktop: scena a sinistra, passi a destra. Senza JS e con «riduci movimento»: quadro finale fermo. */
.parti-auto{padding-block:44px 24px;scroll-margin-top:110px}
.parti-auto__intro{max-width:780px;text-align:center}
.parti-auto__intro h2{margin-top:12px;font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.08;letter-spacing:-.05em;color:var(--text)}
.parti-auto__intro>p:not(.autopia-kicker){margin:14px auto 0;max-width:560px;color:var(--text-3);line-height:1.6}
.parti-indice{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.parti-indice a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:750;color:#0b5f87;background:rgba(255,255,255,.72);border:1px solid #fff;box-shadow:0 6px 18px #9ac7da24}
.parti-indice a:hover{background:#fff}

.parti-capitolo{position:relative;margin-top:26px}
.parti-scena{position:sticky;top:calc(var(--nav-h) + 16px);z-index:2}
.parti-figura{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:26px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);background:radial-gradient(ellipse at 50% 42%,#fff 0%,#eaf5fb 58%,#d6ebf6 100%)}
.parti-strato{position:absolute;inset:0;transform-origin:0 0}
.parti-vivo .parti-strato{will-change:transform}
.parti-figura img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
.parti-figura img[data-finale]{opacity:1}
.parti-vivo .parti-figura img{will-change:opacity}
.parti-passo{scroll-margin-top:calc(var(--nav-h) + 20px)}
.parti-figura figcaption{position:absolute;left:14px;bottom:10px;font-size:10px;font-weight:750;letter-spacing:.13em;color:#3b6279}

.parti-etichette{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}
.parti-etichette li{position:absolute;left:var(--x);top:var(--y);opacity:0;transition:opacity .25s}
.parti-etichette li::before{content:"";position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#E5232E;box-shadow:0 0 0 3px #ffffffd9}
.parti-etichette span{position:absolute;top:0;left:12px;transform:translateY(-50%);padding:5px 10px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:750;color:#fff;background:rgba(15,28,52,.88)}
.parti-etichette li[data-lato="sx"] span{left:auto;right:12px}
.parti-etichette li.is-visibile,.parti-capitolo:not(.parti-vivo) .parti-etichette li[data-finale]{opacity:1}

.parti-passi{position:relative;z-index:1;display:grid;gap:42vh;padding-block:28px 14vh}
.parti-passo{padding:22px;border-radius:24px;border:1px solid #fff;background:rgba(255,255,255,.86);box-shadow:0 10px 35px #9ac7da29}
.parti-vivo .parti-passo{opacity:.5;transition:opacity .3s}
.parti-vivo .parti-passo.is-attivo{opacity:1}
.parti-passo__n{font-size:11px;font-weight:800;letter-spacing:.13em;color:#2381a9}
.parti-passo h3{margin-top:8px;font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.15;letter-spacing:-.035em;color:var(--text)}
.parti-passo p:not(.parti-passo__n){margin-top:10px;font-size:15px;line-height:1.6;color:var(--text-2)}
.parti-passo .parti-nota{font-size:13px;color:var(--text-3)}

.parti-lo-sapevi{margin-top:12px!important;padding:12px 14px;border-radius:14px;background:#f2f9fd;border:1px solid #d7ebf6;font-size:14px!important}
.parti-lo-sapevi strong{color:#06638f}
.parti-approfondisci{font-size:13px!important;color:var(--text-3)!important}
.parti-approfondisci a{display:block;width:fit-content;padding-block:13px;color:#06638f;font-weight:700;text-decoration:underline;text-underline-offset:3px}

@media(min-width:960px){
  .parti-capitolo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:start}
  .parti-scena{top:calc(var(--nav-h) + 48px)}
  .parti-passi{gap:48vh;padding-block:22vh 30vh}
}
@media(prefers-reduced-motion:reduce){
  .parti-scena{position:relative;top:auto}
  .parti-passi{gap:16px;padding-block:16px}
  .parti-etichette li,.parti-passo{transition:none}
}
@media(forced-colors:active){.parti-figura,.parti-passo,.parti-lo-sapevi{background:Canvas;border:1px solid CanvasText;box-shadow:none}}

/* main.autopia-home aveva overflow:hidden: un contenitore di scorrimento spegne ogni position:sticky dentro la home
   (misurato 03/11: scroll-story e scena dei freni scorrevano via). clip taglia uguale ma non scorre. */
.autopia-home{overflow:clip}