/* ---------- achtergrondfilm ---------- */
/* Het vlak ligt over de foto in de hero. De iframe is altijd 16:9, dus schalen we
   hem tot hij het vlak volledig vult; wat overhangt wordt weggesneden, net als
   object-fit:cover bij een beeld. */
.filmvlak{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none;
  opacity:0;transition:opacity .6s ease}
.filmvlak.speelt{opacity:1}
.filmvlak iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:100%;height:56.25vw;min-height:100%;min-width:177.78vh;border:0;display:block}