.scena{align-items:flex-end;height:100svh;min-height:620px;display:flex;position:relative;overflow:hidden}.scena-media{background:var(--k-nero);will-change:clip-path;position:absolute;inset:0}.scena-poster,.scena-poster img,.scena-video,.scena-foto,.scena-foto img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scena-video{opacity:0;transition:opacity var(--durata-lunga) var(--curva)}.scena-video.is-playing{opacity:1}.scena-velo{background:linear-gradient(#06050780 0%,#06050700 20% 34%,#060507b8 58%,#060507eb 80%,#060507f5 100%),radial-gradient(110% 80% at 0 100%,#060507db,#06050700 64%),linear-gradient(90deg,#060507d1 0%,#060507a3 40%,#0605071a 66%,#06050700 80%);position:absolute;inset:0}.scena-contenuto{width:100%;padding-top:calc(var(--barra-sopra) + var(--barra-altezza) + 24px);padding-bottom:clamp(40px,8vh,96px);position:relative}.scena-titolo{letter-spacing:-.042em;max-width:19ch;font-weight:600;line-height:.98;font-size:var(--t-scena);text-wrap:balance;color:var(--testo)}.scena-titolo em{color:var(--accento-2);letter-spacing:-.02em}.scena-testo{max-width:44ch;color:var(--testo-2);text-wrap:pretty;margin-top:clamp(20px,3vh,28px);font-size:clamp(17px,1.3vw,21px);line-height:1.45}.scena-azioni{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:clamp(24px,4vh,40px);display:flex}.scena-pausa{right:var(--margine-lato);z-index:3;width:44px;height:44px;color:var(--testo);border:1px solid var(--bordo-controllo);cursor:pointer;background:#06050773;border-radius:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:clamp(40px,8vh,96px)}.scena-pausa[hidden]{display:none}.scena-pausa svg{width:16px;height:16px}.scena-pausa .icona-play{display:none}.scena-pausa[aria-pressed=true] .icona-play{display:block}.scena-pausa[aria-pressed=true] .icona-pausa{display:none}.scena-segno{right:calc(var(--margine-lato) + 21px);background:#d4cbe333;width:1px;height:72px;position:absolute;bottom:calc(clamp(40px,8vh,96px) + 64px);overflow:hidden}.scena-segno span{background:var(--testo);width:1px;height:40%;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.scena-segno span{animation:segno 2.2s var(--curva) infinite}@keyframes segno{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}}@media (width<=599px){.scena-azioni .btn{width:100%}}.scena.scena-compatta{height:auto;min-height:100svh}.scena-compatta .scena-contenuto{padding-bottom:clamp(28px,5vh,56px)}.scena-compatta .scena-segno{display:none}.scena-compatta .scena-pausa{top:calc(var(--barra-sopra) + var(--barra-altezza) + 16px);bottom:auto}.scena-porte{margin-top:clamp(24px,4vh,40px)}@media (width>=900px){.scena-compatta .scena-velo{background:linear-gradient(#06050780 0%,#06050700 20% 34%,#060507b8 58%,#060507eb 80%,#060507f5 100%),radial-gradient(110% 80% at 0 100%,#060507db,#06050700 64%),linear-gradient(90deg,#060507d1 0%,#060507f5 40%,#0605076b 66%,#06050700 80%)}}@media (width<=899px){.scena-titolo{font-size:var(--t-scena-m);max-width:14ch;line-height:1}.scena-testo{font-size:17px}.scena-segno{display:none}.scena-pausa{right:var(--margine-lato)}.scena-compatta .scena-titolo{max-width:20ch}.scena-velo{background:linear-gradient(#06050780 0%,#0605071f 10%,#060507a8 21%,#060507c7 36%,#060507d4 58%,#060507d9 100%)}.scena-compatta .scena-velo{background:linear-gradient(#06050780 0%,#0605078f 10%,#060507c7 21%,#060507e6 36%,#060507f2 58%,#060507f7 100%)}.scena-compatta .occhiello{background:#06050752;box-shadow:0 0 18px 12px #06050752}}.scena:not(.scena-compatta) .occhiello{background:#06050752;box-shadow:0 0 18px 12px #06050752}@media (width>=600px){.scena:not(.scena-compatta) .scena-azioni{padding-right:60px}}.palco{padding-top:var(--spazio-sezione)}.palco-testa{padding-bottom:clamp(40px,8vh,96px)}.palco-titolo{max-width:16ch}.stage-progress{display:none}.piece{padding:0 var(--margine-lato);max-width:var(--larghezza-max);gap:24px;margin:0 auto 96px;display:grid}.piece-media{aspect-ratio:16/10;background:var(--fondo-2);border-radius:0;margin:0;position:relative;overflow:hidden}.piece-media picture,.piece-media img{object-fit:cover;width:100%;height:100%;display:block}.piece-num{font-size:var(--t-numero);letter-spacing:-.07em;color:var(--accento);font-variant-numeric:tabular-nums;padding-bottom:.04em;padding-right:.08em;font-weight:400;line-height:.8;display:block;overflow:visible clip}.piece-num>span{display:inline-block}.piece-title{font-size:var(--t-passo-titolo);letter-spacing:-.04em;text-wrap:balance;margin:20px 0 12px;font-weight:600;line-height:1.02}.piece-body{text-wrap:pretty;max-width:34ch;font-size:var(--t-passo-testo);color:var(--testo-2);margin:0;line-height:1.4}@media (width>=900px){.piece{grid-template-columns:5fr 7fr;align-items:end;gap:4vw}.piece-text{order:-1;padding-bottom:8px}}.palco .piece:last-child{margin-bottom:0}.motion .stage{height:100svh;position:relative;overflow:hidden}.motion .piece{max-width:none;padding:104px var(--margine-lato) clamp(28px, 5vh, 56px);pointer-events:none;grid-template-rows:1fr;grid-template-columns:5fr 7fr;align-items:stretch;gap:4vw;margin:0;position:absolute;inset:0}.motion .piece-media{aspect-ratio:auto;border-radius:0;height:100%}.motion .piece-text{align-self:end;padding-bottom:6px}.motion [data-piece]:not(:first-of-type) .piece-media,.motion [data-piece]:not(:first-of-type) .piece-text{clip-path:inset(100% 0 0)}.motion .stage-progress{z-index:5;left:var(--margine-lato);letter-spacing:.12em;color:var(--testo-2);font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:112px}.stage-count{height:1.5em;color:var(--testo);line-height:1.5;display:inline-block;overflow:hidden}.stage-count-roll{flex-direction:column;display:flex}.stage-bar{background:var(--linea);width:120px;height:1px;position:relative;overflow:hidden}.stage-bar span{background:var(--firma);transform-origin:0;position:absolute;inset:0;transform:scaleX(.2)}@media (width<=899px){.piece-num{font-size:88px}.motion .piece{padding:128px var(--margine-lato) 28px;grid-template-rows:1fr auto;grid-template-columns:1fr;gap:22px}.motion .piece-text{order:0}.motion .stage-progress{top:84px;left:var(--margine-lato)}.motion .piece-num{font-size:72px;display:inline-block}.motion .piece-title{margin-top:10px;font-size:30px}.motion .piece-body{min-height:4.2em;font-size:17px}}@media (width>=900px){.motion .piece-num{margin-left:-.06em;font-size:clamp(160px,21vw,320px)}}@media (height<=700px) and (width>=900px){.motion .piece-num{font-size:150px}}
