/* Full-screen Rome film. The collection follows directly below. */
.opening-cinema{width:100%;max-width:none;margin:0;display:flex;align-items:center;min-height:calc(100svh - 88px);padding:85px 0 90px;gap:0;color:#fff7e8;background:#26352e}
.opening-cinema .opening-copy{width:calc(100% - 112px);max-width:1280px;margin-inline:auto;padding:0;z-index:2}
.opening-cinema .opening-background{inset:0;width:100%;height:100%;background:#26352e url('/tours/design-media/rome-aerial-poster.webp') center/cover}
.opening-cinema .opening-background::after{background:linear-gradient(90deg,rgba(11,25,18,.79),rgba(11,25,18,.54) 44%,rgba(11,25,18,.13) 78%),linear-gradient(0deg,rgba(11,25,18,.32),transparent 40%)}
.opening-cinema .opening-background video{object-position:center;filter:none}
.opening-cinema .overline{color:#f0d2ab;font-size:10px;letter-spacing:.18em}
.opening-cinema h1{font-size:clamp(58px,6.5vw,94px);line-height:.99;letter-spacing:-.035em;max-width:730px;margin:24px 0 26px;text-wrap:balance;text-shadow:0 2px 20px #12221730;color:#fff8ee}
.opening-cinema h1 em{color:#edc69c}
.opening-cinema .opening-copy>p{max-width:490px;color:#f0ebdf;font-size:15px;line-height:1.85;text-shadow:0 1px 8px #14251950}
.opening-cinema .opening-actions{gap:29px;margin-top:32px}
.opening-cinema .opening-actions .action{background:#f6eddc;border-color:#f6eddc;color:#26352e;min-width:197px;min-height:56px}
.opening-cinema .opening-actions .action:hover{background:#fff9ef;border-color:#fff9ef;box-shadow:0 8px 25px #0002}
.opening-cinema .opening-custom{color:#fff5e6;text-decoration-color:#e7cba7;font-size:12px}
.opening-cinema .reassurance{max-width:550px;color:#eee8d9;margin-top:26px;font-size:10px;gap:6px 19px}
.opening-cinema .reassurance span::before{color:#e8c399}
.opening-cinema .reassurance a{color:#eee8d9}
.opening-cinema .background-video-toggle{left:auto;right:28px;bottom:24px;width:44px;height:44px;border-color:#fff0d790;background:#17271c66}
.collection>.tour-jumps{width:100%;margin:0 0 30px;padding-block:17px}
@media(min-width:1600px){.opening-cinema h1{max-width:820px;font-size:104px}}
@media(max-width:1100px){.opening-cinema .opening-copy{width:calc(100% - 64px)}.opening-cinema h1{font-size:clamp(58px,7.5vw,78px);max-width:650px}.opening-cinema .opening-background::after{background:linear-gradient(90deg,#0b1912cc,#0b19128a 56%,#0b191230)}}
@media(max-width:700px){
 .opening-cinema{min-height:calc(100svh - 72px);padding:53px 0 75px;align-items:center}
 .opening-cinema .opening-copy{width:calc(100% - 40px);max-width:none;padding:0}
 .opening-cinema .opening-background{inset:0;height:100%;background-position:45% center}
 .opening-cinema .opening-background video{object-position:center}
 .opening-cinema .opening-background::after{background:linear-gradient(0deg,#0b1912c4,#0b191270 65%,#0b191259)}
 .opening-cinema .overline{font-size:8px;letter-spacing:.13em;max-width:100%}
 .opening-cinema h1{font-size:clamp(44px,11.7vw,65px);max-width:480px;line-height:1.01;margin:20px 0;text-wrap:balance}
 .opening-cinema .opening-copy>p{font-size:13px;line-height:1.85;max-width:380px}
 .opening-cinema .opening-actions{margin-top:25px;gap:22px}
 .opening-cinema .opening-actions .action{min-width:177px;min-height:53px;font-size:12px}
 .opening-cinema .opening-custom{font-size:11px}
 .opening-cinema .reassurance{font-size:9px;gap:5px 13px;margin-top:23px}
 .opening-cinema .background-video-toggle{right:20px;bottom:18px}
 .collection>.tour-jumps{margin-bottom:25px;padding-block:13px}
}
@media(max-width:370px){.opening-cinema .opening-copy{width:calc(100% - 32px)}.opening-cinema h1{font-size:43px}.opening-cinema .opening-actions{gap:16px}.opening-cinema .opening-actions .action{min-width:161px}.opening-cinema .opening-custom{font-size:10px}}

/* Video nelle card dei tour --------------------------------------------- */
.arch-photo .card-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease;pointer-events:none;z-index:1}
.arch-photo .card-vid.is-playing{opacity:1}
/* Solo z-index: l'etichetta e' gia' in absolute da aura-atelier.css,
   riscrivere 'position' la faceva cadere in linea. */
.arch-photo .photo-label{z-index:2}
@media (prefers-reduced-motion:reduce){.arch-photo .card-vid{display:none}}