/* Film */
.film-intro{margin:0 0 clamp(36px,5vw,64px) 14%;max-width:34em;font:300 calc(var(--fs-body) * 1.3)/1.45 var(--display)}
.film-intro p{margin:0 0 .6em}.film-intro p:last-child{margin:0}
.film .strip.film-grid{width:100%;margin:0 0 clamp(50px,7vw,100px);padding:0;background:#000}
.film .strip.film-grid .strip-cell{aspect-ratio:16/9}
.film-text{margin-bottom:clamp(40px,6vw,80px)}
.film-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,100px);font-size:var(--fs-body);line-height:1.65}
.film-cols p{margin:0 0 1em}
.film-cols > div:last-child{padding-top:clamp(0px,8vw,120px)}
/* playlist: short text on the left, player smaller and to the right */
.film-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:clamp(24px,4vw,60px);align-items:end;margin-top:clamp(50px,7vw,100px)}
.film-play-text{font-size:var(--fs-small);color:var(--muted);line-height:1.55}
.film-play-text p{margin:0 0 .8em}
.film-play-text p:first-child{font:400 var(--fs-heading)/1.3 var(--display);color:var(--ink)}
.film-play-text a{color:inherit}
.film-video{position:relative;aspect-ratio:16/9;background:#000}
.film-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:900px){
  .film-intro{margin-left:0}
  .film-cols{grid-template-columns:1fr}
  .film-cols > div:last-child{padding-top:0}
  .film-play{grid-template-columns:1fr}
}
@media (max-width:520px){.film-intro{font-size:calc(var(--fs-body) * 1.12)}}