/* Proposta pubblicitaria: la luce delle lampade guida l'interazione. */
body[data-anteprima=sito]{background:#0a0e0c}
.eroe{--accento-ambiente:#ff7c92;min-height:740px;padding-top:42px;padding-bottom:120px;background:#0c120f;isolation:isolate}
.eroe[data-atmosfera=lettino]{--accento-ambiente:#9dffb8}
.eroe[data-atmosfera=viso]{--accento-ambiente:#c8adff}
.testo-eroe{width:59%;max-width:750px}
.logo-eroe{width:180px;margin-bottom:26px}
.eroe h1{font-size:clamp(76px,8.25vw,132px);line-height:.98;letter-spacing:-.07em;font-weight:500;max-width:760px}
.eroe h1 em{display:inline-block;color:#a5ffc0;text-shadow:0 0 50px #7affa512}
.testo-eroe .occhiello{font-size:10px;color:#bdcfc3}
.intro-eroe{font-size:17px;margin-top:27px;max-width:330px}
.studio-luce{width:55%;height:100%;perspective:1000px;z-index:1}
.architettura{background:#080c0a;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}
.architettura::before{z-index:4;background:linear-gradient(90deg,#0c120f 0,#0c120fc9 10%,#0c120f00 37%),linear-gradient(0deg,#07100df7 0,#07100d33 31%,transparent 52%),linear-gradient(180deg,#0c120f66,transparent 20%)}
.architettura::after{content:'';display:block;position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#d7ffe911 40%,#d7ffe929 40.3%,transparent 40.8%);transform:translateX(-60%);animation:taglio-luce 14s ease-in-out infinite;animation-play-state:paused;mix-blend-mode:screen}
.eroe.in-vista .architettura::after{animation-play-state:running}
.ritratto-centro{object-position:54% 34%;opacity:0;transform:translate3d(var(--sposta-x,0px),var(--sposta-y,0px),0) scale(1.065);transition:opacity .6s ease,transform 1.15s cubic-bezier(.2,.7,.2,1);will-change:auto}
.ritratto-centro.attiva{opacity:1;transform:translate3d(var(--sposta-x,0px),var(--sposta-y,0px),0) scale(1.025)}
.ritratto-centro[data-fotogramma=viso]{object-position:57% center}
.ritratto-centro[data-fotogramma=lettino]{object-position:66% center}
.tracce-luce{position:absolute;inset:10px auto 130px 14%;width:66px;z-index:6;display:flex;gap:17px;align-items:center;transform:rotate(-8deg);pointer-events:none;opacity:.9}
.tracce-luce i{display:block;width:3px;flex:0 0 3px;height:74%;border-radius:4px;background:linear-gradient(transparent,var(--accento-ambiente) 15%,#f0fff3 42%,var(--accento-ambiente) 80%,transparent);box-shadow:0 0 8px var(--accento-ambiente);opacity:.5;transform:translateY(0);transition:background .6s,box-shadow .6s}
.tracce-luce i:nth-child(2){height:89%;opacity:.8;transform:translateY(-14px)}
.tracce-luce i:nth-child(3){height:61%;opacity:.3;transform:translateY(32px)}
.riflesso-puntatore{position:absolute;top:0;left:0;width:230px;height:480px;z-index:5;background:linear-gradient(100deg,transparent 25%,#e9fff510 49%,#e9fff522 50%,transparent 70%);pointer-events:none;opacity:0;transform:translate3d(var(--riflesso-x,0px),var(--riflesso-y,0px),0) rotate(-20deg);transition:opacity .4s;mix-blend-mode:screen}
.eroe.esplorata .riflesso-puntatore{opacity:1}
.coordinate-luce{display:flex!important;top:28px;right:28px;color:#e7fff0;font:10px/1.5 Manrope,sans-serif;letter-spacing:.12em}
.coordinate-luce span{padding:8px 11px;border:1px solid #c5e3cc44;border-radius:5px;background:#0b100c66}
.selettore-atmosfera{position:absolute;z-index:8;right:28px;bottom:82px;left:25%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.selettore-atmosfera button{font:500 12px/1.4 Manrope,sans-serif;min-height:68px;border-radius:10px;border:1px solid #98c2a44d;background:#0b1410e8;color:#e0ede4;box-shadow:none;text-align:left;padding:12px 15px;position:relative;transition:background .25s,border-color .25s,transform .25s}
.selettore-atmosfera button::before{content:'';position:absolute;width:3px;top:14px;bottom:14px;left:0;background:#3c5a46;border-radius:3px}
.selettore-atmosfera button[aria-pressed=true]{background:#23372ce8;border-color:var(--accento-ambiente);color:#fff;transform:translateY(-5px)}
.selettore-atmosfera button[aria-pressed=true]::before{background:var(--accento-ambiente);box-shadow:0 0 12px var(--accento-ambiente)}
.selettore-atmosfera small{display:block;font-size:8px;letter-spacing:.14em;color:#b6c8bc;margin-bottom:7px}
.selettore-atmosfera strong{font-size:15px;font-weight:500}
.etichetta-atmosfera{position:absolute;bottom:175px;right:28px;left:25%;z-index:7;text-align:right;pointer-events:none}
.etichetta-atmosfera>span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#c5decd}
.etichetta-atmosfera strong{display:block;font:500 clamp(22px,2.3vw,36px)/1.1 Manrope,sans-serif;letter-spacing:-.045em;color:#f3fff5;margin:8px 0}
.comandi-luce{bottom:23px;right:28px}
.pausa{min-height:44px;font-size:10px;background:#0c1711c9}
.azioni-eroe{gap:17px}
.film-eroe{color:#d7eddf;border:1px solid #73917c;background:#13201966;border-radius:12px;min-height:50px;display:inline-flex;align-items:center;gap:13px;font:500 12px Manrope,sans-serif;padding:14px 18px;cursor:pointer;box-shadow:none}
.film-eroe:hover{border-color:#b8efca;background:#213b2a;color:white;transform:translateY(-2px)}
.film-eroe .play-piccolo{width:25px;height:25px;border:1px solid #b8efc966;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#9dffb8}
.film-eroe small{font-size:10px;color:#b4cbbc}
.chiusura-eroe{display:flex;align-items:center;justify-content:space-between;gap:20px;position:absolute;left:6%;right:59%;bottom:33px;padding:17px 0 0;border-top:1px solid #a0c7ac36;color:#8ca698;font-size:8px;letter-spacing:.12em;z-index:4}
.chiusura-eroe>a{font-size:9px;color:#bce4c8}.chiusura-eroe>span:last-child{display:none}
.nastro-luce{background:#b6ffcb;color:#153822;transform:none;padding:13px 0}.nastro-luce>div{animation:none;font-size:12px;letter-spacing:.16em}
.esploratore{background:#111b15;border-radius:16px;border-color:#3e5747}
.lista-tecnologie{background:#111b15;border-color:#3e5747}.lista-tecnologie button{background:transparent}
.lista-tecnologie button[aria-selected=true]{background:#263d2d;border-color:#a4eeb9}
.foto-tecnologia img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pannello-tecnologia:not([hidden]) .foto-tecnologia img{animation:ingresso-foto .75s both}
.dettaglio-tecnologia{background:#17211b;border-color:#3e5747}
.fotografia-esperienza{clip-path:polygon(0 0,90% 0,100% 9%,100% 100%,10% 100%,0 91%);border-radius:0;border:0}
.sezione-app{background:radial-gradient(ellipse at 23% 50%,#263c2e,#101b14 60%);border-color:#475f4e}
.sezione#listino{max-width:1280px;background:#e0e8df;color:#16251c;border-radius:22px;margin:30px auto 60px;padding:65px 60px;box-shadow:inset 0 1px #fff9}
#listino h2,#listino .prezzo-listino strong{color:#182b20}#listino h2 em{color:#237b44}
#listino .occhiello,#listino .nota-listino{color:#405b48}#listino .griglia-listino{background:transparent;border-color:#a9baac;border-radius:0}
#listino .carta-listino{border-color:#a9baac}#listino .carta-listino p{color:#506257}#listino .carta-listino p strong{color:#234f32}
.carta-scarica{background:#15231a;border-color:#4c6b57}.passi-scarica{opacity:.88}
.anteprima-film{grid-template-columns:1fr 410px;gap:70px;margin:80px auto 100px}
.anteprima-film h2{font-size:clamp(44px,6vw,88px)}
.copertina-film{position:relative;width:100%;height:500px;border:1px solid #68796c;background:#0d140f;border-radius:0;clip-path:polygon(0 0,88% 0,100% 10%,100% 100%,12% 100%,0 90%);overflow:hidden;cursor:pointer;padding:0;color:white}
.copertina-film img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .65s;opacity:.8}.copertina-film:hover img{transform:scale(1.04)}
.copertina-film>span{position:absolute;inset:auto 24px 28px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:#f2fff5;background:#101c15e8;border:1px solid #a2d9b473;border-radius:8px;font:500 14px Manrope,sans-serif}
.copertina-film b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#9dffb8;color:#163421;font-size:12px}
.film-dialogo{padding:16px;max-width:560px;width:calc(100% - 32px);max-height:92dvh;background:#101d14;border:1px solid #81a98a;border-radius:18px;color:#f1fff5;box-shadow:0 30px 150px #000b}
.film-dialogo::backdrop{background:#050b08e8}.testata-film{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px;font:12px Manrope,sans-serif;letter-spacing:.08em}.chiudi-film{border:1px solid #72987e;background:#25392b;color:#effff2;border-radius:50%;width:44px;height:44px;font-size:22px;cursor:pointer;padding:0}
.film-dialogo video{display:block;width:100%;height:min(72dvh,740px);object-fit:contain;background:#070b08;border-radius:8px}.nota-film{font:11px Manrope,sans-serif;color:#a9c9b3;margin:12px 3px 0}
.progresso-luce{position:fixed;left:0;top:0;height:3px;width:100%;z-index:99;background:#9dffb8;transform:scaleX(0);transform-origin:left;pointer-events:none}
body.movimento-pronto .da-rivelare{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
body.movimento-pronto .da-rivelare.rivelata{opacity:1;transform:translateY(0)}
.scansione{position:absolute;z-index:7;top:0;bottom:0;left:-10%;width:18%;background:linear-gradient(90deg,transparent,#effff250,transparent);pointer-events:none;transform:translateX(-100%);opacity:0}
.eroe.cambia-atmosfera .scansione{animation:scansione-cambio .75s ease-out}
@keyframes scansione-cambio{0%{opacity:0;transform:translateX(-100%)}35%{opacity:.65}100%{opacity:0;transform:translateX(700%)}}
@keyframes taglio-luce{0%,15%{transform:translateX(-65%);opacity:0}40%,55%{opacity:.7}75%,100%{transform:translateX(75%);opacity:0}}
@keyframes ingresso-foto{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.eroe{min-height:810px;padding-top:55px}.logo-eroe{width:215px}.intro-eroe{margin-top:35px}}
@media(max-width:1100px) and (min-width:741px){.eroe{min-height:720px;padding-left:5%;padding-right:5%}.eroe h1{font-size:83px}.testo-eroe{width:65%}.studio-luce{width:53%}.selettore-atmosfera{left:17%;right:20px}.selettore-atmosfera button{padding:12px 10px}.selettore-atmosfera strong{font-size:13px}.selettore-atmosfera small{font-size:7px}.etichetta-atmosfera{left:20%;right:20px}.chiusura-eroe{right:53%;font-size:7px}.azioni-eroe{flex-direction:column;align-items:flex-start}.tracce-luce{left:18%;gap:12px}}
@media(max-width:740px){
 .eroe{min-height:0;padding:28px 23px 0}.testo-eroe{width:100%;max-width:none}.logo-eroe{width:150px;margin-bottom:20px}.eroe h1{font-size:clamp(58px,16vw,100px);line-height:.99;max-width:none}.testo-eroe .occhiello{font-size:8px;letter-spacing:.08em}.intro-eroe{font-size:15px;line-height:1.65;margin:22px 0}.intro-eroe br{display:none}
 .azioni-eroe{gap:10px;flex-direction:row;align-items:stretch;flex-wrap:wrap}.azioni-eroe .pulsante{padding:14px 16px;font-size:12px}.film-eroe{padding:12px 14px;font-size:11px;gap:8px}.film-eroe small{display:none}
 .studio-luce{position:relative;inset:auto;width:calc(100% + 46px);height:555px;min-height:555px;margin:26px -23px 0}.architettura{clip-path:polygon(7% 0,100% 0,100% 95%,93% 100%,0 100%,0 5%)}.architettura::before{background:linear-gradient(180deg,#0c120f 0,transparent 18%),linear-gradient(0deg,#07100d 0,transparent 45%)}
 .ritratto-centro{object-position:53% 30%}.ritratto-centro[data-fotogramma=viso]{object-position:58% center}.tracce-luce{left:7%;width:35px;gap:9px;top:20px;bottom:120px}.tracce-luce i{width:2px;flex-basis:2px}
 .coordinate-luce{top:25px;right:22px;font-size:8px}.coordinate-luce span{padding:7px 8px}.selettore-atmosfera{left:20px;right:20px;bottom:68px;gap:8px}.selettore-atmosfera button{min-height:66px;padding:10px 11px}.selettore-atmosfera small{font-size:7px}.selettore-atmosfera strong{font-size:13px}.etichetta-atmosfera{left:20px;right:23px;bottom:156px}.etichetta-atmosfera>span{font-size:9px}.etichetta-atmosfera strong{font-size:28px}.comandi-luce{right:20px;bottom:13px}.pausa{min-height:44px;font-size:9px}.chiusura-eroe{display:none}.riflesso-puntatore{display:none}
 .nastro-luce>div{font-size:10px;letter-spacing:.13em}.sezione#listino{margin:25px 14px 45px;padding:39px 24px;max-width:calc(100% - 28px);border-radius:18px}#listino h2{font-size:36px}.anteprima-film{grid-template-columns:1fr;gap:28px;margin:50px auto 70px;padding:0 23px}.anteprima-film h2{font-size:49px}.copertina-film{height:460px}.tracce-luce i{box-shadow:0 0 6px var(--accento-ambiente)}
}
@media(prefers-reduced-motion:reduce){.ritratto-centro,.foto-tecnologia img,.copertina-film img{transform:none!important;transition:none!important}.architettura::after,.scansione,.riflesso-puntatore{display:none!important}.da-rivelare{opacity:1!important;transform:none!important;transition:none!important}.selettore-atmosfera button{transition:none!important}.tracce-luce{transform:none}}

/* Sul telefono la fotografia entra subito nel primo schermo. */
@media(max-width:740px){
 .eroe{min-height:955px;padding-top:20px;padding-bottom:230px}
 .testo-eroe{padding-top:278px}
 .logo-eroe{position:absolute;top:4px;left:0;width:150px}
 .studio-luce{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0}
 .architettura{clip-path:none;background:#0c120f}
 .architettura::before{background:linear-gradient(180deg,#0c120f44 0,transparent 15%,#0c120f22 23%,#0c120fdf 36%,#0c120f 57%)}
 .ritratto-centro{height:580px;object-position:center top}
 .ritratto-centro[data-fotogramma=viso]{object-position:58% top}
 .ritratto-centro[data-fotogramma=lettino]{object-position:center top}
 .tracce-luce{left:7%;top:20px;bottom:400px;opacity:.6}
 .coordinate-luce{top:24px;right:16px}.coordinate-luce span{font-size:7px;padding:6px}
 .intro-eroe{max-width:300px}.intro-eroe br{display:initial}
 .azioni-eroe{align-items:center;gap:10px}.azioni-eroe .pulsante{width:100%;justify-content:space-between}.azioni-eroe .film-eroe{font-size:12px;padding:13px 17px}
 .etichetta-atmosfera{bottom:160px;text-align:left}.etichetta-atmosfera strong{font-size:25px}
 .selettore-atmosfera{bottom:73px}.comandi-luce{bottom:15px}
}
/* Il livello del testo lascia passare il puntatore, i suoi controlli restano attivi. */
.testo-eroe button{pointer-events:auto}