.trailer{height:min(760px,88vh);min-height:640px;position:relative;display:flex;align-items:center;overflow:hidden;background:#080b14}.trailer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trailer-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050913e8 0%,#07142eb5 40%,#090b121f 75%),linear-gradient(0deg,#090b12 0%,transparent 28%)}.trailer-frame{position:relative;z-index:1;margin-left:11vw;max-width:660px}.trailer h2{font-size:clamp(50px,6vw,88px)}.trailer-intro{color:#d5d1ca;max-width:400px;margin:1.7rem 0}.trailer-scene{margin-top:2rem;min-height:120px}.scene-date{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 .7rem}.scene-line{font:500 clamp(28px,3vw,45px)/1.05 'Cormorant Garamond',serif;margin:0;max-width:540px}.scene-progress{height:2px;width:100%;max-width:440px;margin-top:1.8rem;background:#ffffff36;overflow:hidden}.scene-progress i{display:block;width:0;height:100%;background:var(--gold)}.trailer.is-playing .trailer-frame>h2,.trailer.is-playing .trailer-intro,.trailer.is-playing #play-trailer{opacity:.25;transition:opacity .6s}.trailer.is-playing .scene-progress i{animation:trailer-progress 40s linear forwards}@keyframes trailer-progress{to{width:100%}}@media(max-width:760px){.trailer{height:730px;min-height:0}.trailer-frame{margin:0 7vw}.trailer h2{font-size:54px}.trailer>img{object-position:60% center}}