/* ---------- storyreel op het openingsbeeld ---------- */
/* Hetzelfde principe als het filmvlak: het ligt over de foto, die als terugval
   blijft liggen zolang er nog niets speelt. */
/* Zwarte ondergrond, en meteen ondoorzichtig. Vloeide dit vlak op, dan zag je bij
   het openen eerst de terugvalfoto eronder — dat was het spookbeeld. Nu dekt het
   zwart die foto meteen af en komt alleen de film zelf op. Tijdens een overgang
   zijn beide spelers even half doorzichtig; ook dan schemert er niets doorheen. */
.reelvlak{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none;
  background:#000;opacity:1}

/* Speelt de film na een paar seconden nog niet, dan komt de foto alsnog terug. */
.reelvlak.mislukt{opacity:0;transition:opacity .4s ease}
.reelvlak video{position:absolute;inset:0;width:100%;height:100%;
  transform-origin:center;
  object-fit:cover;object-position:center;display:block;
  opacity:0;transition:opacity .18s ease}
.reelvlak video.aan{opacity:1}

/* ---------- de leus over de reel ---------- */
/* Klein en laag: het beeld doet het werk, de zin bevestigt het alleen.
   Gewoon wit, zonder mee te kleuren met het beeld. Dat kan hier veilig: op de
   plek waar de leus staat komt geen enkel fragment boven helderheid 73 van de
   255, dus wit steekt overal ruim af. */
.leusgroot{position:absolute;left:var(--marge);right:var(--marge);
  top:auto;bottom:clamp(30px,5.4vh,58px);z-index:25;   /* boven .plek.actief .kader (20) */
  pointer-events:none;
  color:#fff;
  font-weight:500;font-size:clamp(15px,1.5vw,23px);line-height:1.3;
  letter-spacing:-.01em;max-width:34ch}
.leusgroot span{display:block;
  opacity:0;transform:translateY(.5em);
  transition:opacity 1s var(--traag) .5s,transform 1s var(--traag) .5s}
.plek.opening .leusgroot span{opacity:1;transform:none}

@media(max-width:820px){
  /* daar staat onderaan al het bijschrift; de leus schuift er net boven */
  .leusgroot{font-size:17px;max-width:24ch;bottom:clamp(74px,13vh,120px)}
}

@media(prefers-reduced-motion:reduce){
  .reelvlak,.reelvlak video,.leusgroot{transition:none}
}