/* Reference proportions: 1200px content, 100px vertical padding, 65/35 columns. */
.film-cover{min-height:515px;height:auto;padding:100px max(6.3%,calc((100% - 1200px)/2));display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}
.film-cover video{pointer-events:none}
.film-shade{background:rgba(0,0,0,.5)}
.film-copy{position:relative;left:auto;right:auto;top:auto;transform:none;max-width:780px}
.film-copy .eyebrow{font-size:10px;line-height:1.5;letter-spacing:2px;text-transform:uppercase}
.film-copy h1{font:500 clamp(60px,6.8vw,106px)/1.04 var(--serif);letter-spacing:-3px;margin:25px 0}
.film-copy p{max-width:620px;font-size:15px;line-height:1.65;font-weight:400}
.film-contact{margin-top:44px;padding:14px 28px;font-size:12px;text-transform:uppercase;font-weight:600}
.film-play{position:relative;inset:auto;transform:none;width:100px;height:100px;justify-self:center;border-width:3px}
.film-play span{display:none}
#film-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:60px 6vw;border:0;background:transparent;color:white;overflow:auto}
#film-dialog[open]{display:flex;align-items:center;justify-content:center}
#film-dialog::backdrop{background:rgba(0,0,0,.9)}
#film-player{display:block;width:min(100%,1200px);max-height:85dvh;aspect-ratio:16/9;object-fit:contain;background:#000}
#film-dialog .film-close{position:fixed;top:18px;right:22px;z-index:5}
@media(max-width:700px){
 .film-cover{padding:65px 7%;min-height:560px;max-height:none;grid-template-columns:1fr;gap:35px;background:#242820 url('assets/filme-capa.jpg') center/cover}
 .film-cover>video{display:none}
 .film-copy h1{font-size:clamp(48px,15vw,66px);letter-spacing:-2px;margin-bottom:24px}
 .film-copy .eyebrow{font-size:9px}
 .film-copy p{font-size:13px}
 .film-contact{margin-top:28px}
 .film-play{width:80px;height:80px;justify-self:center}
 #film-dialog{padding:65px 12px}
}