/* Il nastro scorre da solo, senza dipendere dai comandi delle fotografie. */
.nastro-luce>.traccia-scritte{display:flex;gap:0;width:max-content;animation:nastro-continuo 38s linear infinite;will-change:transform}
.sequenza-nastro{display:flex;align-items:center;justify-content:space-around;gap:28px;min-width:100vw;padding:0 16px;flex:none;white-space:nowrap}
.sequenza-nastro>span{display:block;flex:none}.nastro-luce .sequenza-nastro>i{margin:0;flex:none}
@keyframes nastro-continuo{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.comandi-momento{padding:10px 14px;pointer-events:none}
/* Nel telefono il testo non copre più la fotografia associata alla scelta. */
@media(max-width:740px){
 .eroe{display:flex;flex-direction:column;min-height:0;height:auto;padding:25px 22px 35px;overflow:clip}
 .eroe .testo-eroe{position:relative;width:100%;max-width:none;padding:0;order:0}
 .eroe .logo-eroe{position:static;inset:auto;width:142px;margin:0 0 23px -3px}
 .eroe .testo-eroe .occhiello{font-size:8px;line-height:1.6;margin-bottom:18px}
 .eroe h1{font-size:clamp(53px,15.2vw,94px);line-height:1.01;max-width:none;margin:0}
 .eroe .intro-eroe{font-size:14px;line-height:1.65;margin:18px 0;max-width:340px}
 .eroe .intro-eroe br{display:none}.eroe .azioni-eroe .pulsante{min-height:48px}
 .eroe .studio-luce{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'scelte' 'titolo' 'foto' 'tour';gap:13px;width:100%;height:auto;min-height:0;margin:28px 0 0;order:1;perspective:none;scroll-margin-top:10px}
 .eroe .studio-luce .selettore-atmosfera{position:relative;inset:auto;grid-area:scelte;width:100%;gap:7px;margin:0}
 .eroe .selettore-atmosfera button{min-height:60px;padding:10px 9px;transform:none}
 .eroe .selettore-atmosfera small{font-size:7px;letter-spacing:.07em;margin-bottom:5px}
 .eroe .selettore-atmosfera strong{font-size:13px}
 .eroe .studio-luce .etichetta-atmosfera{position:relative;inset:auto;grid-area:titolo;text-align:left;margin:0;min-height:54px;padding:3px 0}
 .eroe .etichetta-atmosfera>span{font-size:8px}.eroe .etichetta-atmosfera strong{font-size:25px;margin:6px 0 0;line-height:1.15}
 .eroe .studio-luce .architettura{position:relative;inset:auto;grid-area:foto;width:100%;height:auto;min-height:0;aspect-ratio:4/5;margin:0;border:1px solid #55735f;border-radius:15px;clip-path:none;isolation:isolate;overflow:hidden}
 .eroe .architettura::before{background:linear-gradient(180deg,#08130b14,transparent 35%,#07130b22)}
 .eroe .architettura>.ritratto-centro{width:100%;height:100%;object-fit:contain;object-position:center;animation:none;transform:none;translate:none}
 .eroe .architettura>.ritratto-centro[data-categoria=lettino],.eroe .architettura>.ritratto-centro[data-categoria=viso]{object-position:center}
 .eroe .studio-luce .play-benvenuto{position:relative;grid-area:foto;inset:auto;align-self:start;justify-self:end;width:66px;height:66px;margin:22px 20px 0 0;z-index:12}
 .eroe .studio-luce .comandi-tour{position:relative;inset:auto;grid-area:tour;max-width:none;width:100%;padding:0;margin:0;gap:12px;min-height:40px}
 .eroe .comandi-tour button{min-height:40px;padding:9px 13px;font-size:9px}
 .eroe .comandi-tour>span{font-size:9px}.eroe .comandi-tour .binario-tour{display:block}
 .eroe .studio-luce .tracce-luce{display:none}.eroe .chiusura-eroe{display:none}
 .nastro-luce>.traccia-scritte{font-size:10px;letter-spacing:.13em}.sequenza-nastro{gap:24px;padding:0 12px}
}
/* Rimane rispettata la preferenza di sistema per il movimento ridotto. */
@media(prefers-reduced-motion:reduce){.nastro-luce>.traccia-scritte{animation:none;transform:none}}