/* The fifth scene opens into the existing original films. */
#confronto{display:block;height:190svh;overflow:clip}
.universe-stage{position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;height:100svh;min-height:540px;overflow:hidden}
#confronto .confronto-poster{height:100%;min-height:0;overflow:hidden;background:var(--sand);transform:scale(var(--universe-scale,1))}
#confronto .confronto-poster img{height:100%;object-fit:contain;transform:translateY(var(--universe-posterY,0px))}
#confronto .confronto-copy{padding:9svh 8vw 5svh 5vw;opacity:var(--universe-opacity,1);transform:translateY(var(--universe-copyY,0px))}
.alfa-encounter{background:var(--sand);color:var(--ink);padding-top:90px}
.alfa-encounter-heading{max-width:1400px;margin:auto}
.alfa-encounter-heading h2{font-size:clamp(40px,5.5vw,86px)}
.alfa-encounter-heading p{color:var(--wine);font-size:12px}
.alfa-encounter video{transform:scale(calc(.94 + var(--universe-entry,1)*.06));transform-origin:center bottom;clip-path:inset(calc((1 - var(--universe-entry,1))*6%) round 10px)}
.cinema .cinema-copy{opacity:var(--universe-entry,1);translate:0 calc((1 - var(--universe-entry,1))*25px)}
.motion-reduced #confronto{height:auto}
.motion-reduced .universe-stage{position:relative}
.motion-reduced #confronto .confronto-copy,.motion-reduced #confronto .confronto-poster,.motion-reduced #confronto .confronto-poster img,.motion-reduced .alfa-encounter video{transform:none;opacity:1;clip-path:none}
.motion-reduced .cinema .cinema-copy{opacity:1;translate:none}
@media(max-width:700px){
 #confronto{height:180svh}
 .universe-stage{grid-template-columns:1fr;grid-template-rows:48% 52%;min-height:740px}
 #confronto .confronto-poster img{object-fit:cover;object-position:50% 49%}
 #confronto .confronto-copy{padding:22px 7vw 35px;justify-content:flex-start}
 #confronto .confronto-copy h2{font-size:10vw;margin:15px 0}
 #confronto .confronto-copy p{font-size:12px;line-height:1.55}
 #confronto .confronto-copy .text-link{margin-top:16px;font-size:8px}
 .alfa-encounter{padding-top:60px}
 .motion-reduced #confronto{height:auto}
 .motion-reduced .universe-stage{height:auto;grid-template-rows:370px auto;min-height:0}
}
@media(max-width:700px) and (max-height:750px){
 .universe-stage{min-height:0;grid-template-rows:35% 65%}
 #confronto .confronto-copy h2{font-size:9vw}
}