/* 2026-09-17: retratos, detalhes e tipografia sobre filme real. */
.scene,.scene.active{transition:none;opacity:1;clip-path:none}
.scene video,.scene.active video{display:block;width:100%;height:100%;object-fit:cover;object-position:center!important;filter:none!important;transform:none!important;animation:none!important;transition:none}
.scene:not(.video-ready) video{opacity:1}.scene.video-ready video{opacity:1}
.shade{background:linear-gradient(90deg,#04080b9c,#04080b24 76%),linear-gradient(0deg,#04080bd9,transparent 75%)}
.film-copy{top:22%;left:6%;right:6%;max-width:1100px}
.film-copy h2{font:800 clamp(80px,10.6vw,166px)/.89 Arial,Helvetica,sans-serif;letter-spacing:-.065em;margin:0 0 25px;animation:none;text-wrap:nowrap}
.film-line{display:block;overflow:hidden;padding-bottom:.06em}.film-line>span{display:block;animation:film-reveal .46s cubic-bezier(.16,1,.3,1) both}.film-line:nth-child(2)>span{animation-delay:.08s}
@keyframes film-reveal{from{transform:translate3d(0,105%,0)}to{transform:translate3d(0,0,0)}}
.film-copy .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:24px}
.film-translation{font:italic 20px/1.5 Georgia,serif;letter-spacing:0;color:#f5f1e7;margin-bottom:10px}
.film-subtitle{font-size:19px;line-height:1.6;max-width:520px;color:#fff}
.hero-bottom{right:270px}.film-bottom{bottom:110px}.motion,.replay,.skip-film{min-height:44px}.start-film{z-index:12}
@media(max-width:760px){
 .film-copy{top:24%;left:7%;right:7%}.film-copy h2{font-size:clamp(64px,18vw,112px);line-height:.94;letter-spacing:-.065em}.film-copy h2.compact-word{font-size:clamp(40px,12vw,88px)}
 .film-copy .eyebrow{font-size:9px;letter-spacing:1.1px;max-width:250px}.film-translation{font-size:17px;max-width:270px}.film-subtitle{font-size:17px;max-width:270px;line-height:1.65}
 .film-bottom{left:7%;right:7%;bottom:110px;gap:18px}.film-bottom .film-caption{max-width:100px;line-height:1.8}.skip-film{font-size:13px}.hero-bottom{gap:12px}
}
@media(max-width:360px){.film-copy h2{font-size:57px}.film-copy h2.compact-word{font-size:38px}.film-copy{top:22%}}
@media(prefers-reduced-motion:reduce){.film-line>span{animation:none!important}.scene video{transform:none!important}.film{display:none!important}}
.paused .film-line>span{animation:none;transform:none}

@media(max-width:760px){.hero-bottom{left:7%;right:90px;bottom:30px;justify-content:flex-start;gap:16px}.hero-bottom>.film-caption{display:none}.hero-bottom .replay{white-space:nowrap;flex:none;font-size:12px}.hero-bottom .motion{min-width:74px;flex:none}.hero-bottom .motion span{display:inline;font-size:12px}}