/* I filmati sono riconoscibili prima del clic. I volti restano nel fotogramma. */
/* Il benvenuto si apre dal play sopra le foto, fuori dal livello aria-hidden. */
.play-benvenuto{position:absolute;z-index:12;top:135px;right:60px;display:grid;place-items:center;width:86px;height:86px;padding:0 0 0 5px;border:1px solid #d9ffe7;border-radius:50%;background:#0b251bba;color:#eaffef;cursor:pointer;pointer-events:auto;box-shadow:0 0 0 10px #0b251b55,0 0 40px #a3ffcb22,inset 0 1px #fff4;transition:background .25s,box-shadow .25s,transform .25s}
.play-benvenuto svg{display:block;width:25px;height:29px}
.play-benvenuto:hover{transform:scale(1.06);background:#22563ee8;box-shadow:0 0 0 14px #a3ffcb18,0 0 42px #a3ffcb30}
.play-benvenuto:focus-visible{outline:3px solid #e7ffed;outline-offset:10px}
.foto-tecnologia>.tecnologia-foto[data-inquadratura=intera]{object-fit:contain;object-position:center;transform:none;background:#090e0b}
.dettaglio-tecnologia{grid-template-columns:minmax(0,1fr) 210px;gap:28px;padding:28px 24px}
.testo-racconto{display:flex;flex-direction:column;align-items:flex-start}
.testo-racconto .azione-tecnologia{margin-top:auto;padding-top:24px;align-items:flex-start;gap:18px}
.testo-racconto .azione-tecnologia>p{text-align:left}
.racconto-tecnologia,.film-vetrina{position:relative;min-width:0;isolation:isolate}
.film-presentazione,.copertina-film{display:block;position:relative;padding:0;margin:0;width:100%;height:auto;aspect-ratio:9/16;overflow:hidden;clip-path:none;border:1px solid #799d84;border-radius:14px;background:#0b140e;text-align:left;color:#f1fff5;cursor:pointer;box-shadow:0 18px 40px #0003;transition:border-color .25s,box-shadow .25s}
.film-presentazione::after,.copertina-film::after{content:'';position:absolute;inset:0;background:linear-gradient(#050d0866,transparent 30%,transparent 44%,#061009e8 83%);pointer-events:none}
.video-assaggio{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.film-presentazione .badge-anteprima,.copertina-film .badge-anteprima{position:absolute;inset:14px auto auto 12px;z-index:2;display:inline-flex;gap:7px;align-items:center;width:auto;padding:8px 10px;border:1px solid #d4ffdf55;border-radius:100px;background:#0a190fd9;font:600 9px/1.2 Manrope,sans-serif;letter-spacing:.1em;color:#effff2}
.badge-anteprima i{display:block;width:5px;height:5px;min-width:5px;border:0;border-radius:50%;padding:0;margin:0;background:#acffc3;box-shadow:0 0 9px #8affad}
.film-presentazione .play-anteprima,.copertina-film .play-anteprima{position:absolute;inset:40% auto auto 50%;z-index:2;display:grid;place-items:center;width:62px;height:62px;padding:0 0 0 4px;transform:translate(-50%,-50%);border:1px solid #dbffe7cc;border-radius:50%;background:#0d281b8c;color:#e7fff0;font:20px/1 Manrope,sans-serif;box-shadow:0 0 0 9px #b4ffcd12;transition:background .25s,box-shadow .25s}
.film-presentazione .titolo-anteprima,.copertina-film .titolo-anteprima{position:absolute;inset:auto 16px 20px;z-index:2;display:block;border:0;padding:0;background:none;color:#f1fff5}
.titolo-anteprima small{display:block;margin:0 0 8px;font:500 8px/1.4 Manrope,sans-serif;letter-spacing:.12em;color:#d5ebdc}
.film-presentazione .titolo-anteprima b,.copertina-film .titolo-anteprima b{display:block;width:auto;height:auto;border:0;border-radius:0;padding:0;margin:0;background:none;font:500 29px/1.1 Manrope,sans-serif;letter-spacing:-.055em;color:#f5fff7}
.titolo-anteprima>span{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:13px;margin-top:12px;border-top:1px solid #cdffdb55;font:600 11px/1.5 Manrope,sans-serif;color:#c3ffd4}
.titolo-anteprima em{font-style:normal;font-size:18px}
.film-presentazione:hover,.copertina-film:hover{transform:none;border-color:#b8ffcb;box-shadow:0 20px 45px #0005,0 0 24px #86ffad12}
.film-presentazione:hover .play-anteprima,.copertina-film:hover .play-anteprima{background:#255d3ce8;box-shadow:0 0 0 12px #b4ffcd1c}
.pausa-anteprima{position:absolute;z-index:4;top:14px;right:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d4ffdf66;border-radius:50%;background:#0b1b12e8;color:#e5ffed;font:14px Manrope,sans-serif;cursor:pointer}
.film-presentazione:focus-visible,.copertina-film:focus-visible,.pausa-anteprima:focus-visible{outline:3px solid #c7ffda;outline-offset:5px}
.fotografia-esperienza{overflow:hidden;border-radius:18px;margin-right:0}
.pellicola-principale,.fotografia-esperienza::after{clip-path:none;border-radius:18px}
.anteprima-film{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:60px;width:calc(100% - 100px);max-width:1150px;margin:80px auto 100px;padding:0}
.anteprima-film h2{font-size:clamp(44px,5.8vw,80px)}
.film-vetrina{width:min(100%,450px);justify-self:end}
.film-vetrina .copertina-film{aspect-ratio:9/14;max-height:690px}
.film-vetrina .badge-anteprima{top:18px;left:18px;font-size:10px}
.film-vetrina .pausa-anteprima{top:18px;right:18px;width:40px;height:40px}
.film-vetrina .play-anteprima{width:82px;height:82px;font-size:26px;top:45%}
.film-vetrina .titolo-anteprima{inset:auto 28px 28px}
.film-vetrina .titolo-anteprima b{font-size:45px}
.film-vetrina .titolo-anteprima>span{font-size:13px}
@media(max-width:1100px) and (min-width:741px){.dettaglio-tecnologia{grid-template-columns:minmax(0,1fr) 180px;gap:20px;padding:24px 18px}.film-presentazione .titolo-anteprima b{font-size:26px}.anteprima-film{gap:35px;width:calc(100% - 70px)}}
@media(max-width:740px){.dettaglio-tecnologia{grid-template-columns:1fr;padding:24px 18px;gap:27px}.testo-racconto .azione-tecnologia{align-items:center;flex-direction:row;width:100%;justify-content:space-between;gap:12px}.racconto-tecnologia{width:min(100%,285px);justify-self:center}.film-presentazione{aspect-ratio:9/14}.film-presentazione .titolo-anteprima{inset:auto 20px 22px}.film-presentazione .titolo-anteprima b{font-size:34px}.film-presentazione .titolo-anteprima>span{font-size:12px}.pausa-anteprima{width:40px;height:40px}.anteprima-film{grid-template-columns:1fr;gap:28px;width:calc(100% - 46px);margin:50px auto 70px}.anteprima-film h2{font-size:49px}.film-vetrina{justify-self:center;width:min(100%,420px)}.film-vetrina .copertina-film{aspect-ratio:9/14}.film-vetrina .titolo-anteprima b{font-size:39px}.fotografia-esperienza{border-radius:18px;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.film-presentazione,.copertina-film,.play-anteprima{transition:none!important}}
@media(max-width:1100px) and (min-width:741px){.play-benvenuto{top:120px;right:32px;width:76px;height:76px}}
@media(max-width:740px){.play-benvenuto{top:130px;right:28px;width:72px;height:72px}.play-benvenuto svg{width:22px;height:25px}}
@media(prefers-reduced-motion:reduce){.play-benvenuto{transition:none!important}.play-benvenuto:hover{transform:none}}