/* Graviteit — Hover-video. De vormgeving zit in Elementor; dit blad doet de indeling.
   De video staat stil op het eerste beeld en speelt/spoelt via het script. */

.gvv-wrap{ display:flex; width:100%; }

.gvv{
  position:relative;
  width:100%;
  overflow:hidden;
  line-height:0;
  background:#0000;
}

.gvv__video{
  display:block;
  width:100%;
  height:auto;                 /* verhouding van de video zelf */
}

/* Vaste verhouding: de video vult het vlak en wordt bijgesneden. */
.gvv--vast{ aspect-ratio: var(--gvv-ar, 16 / 9); }
.gvv--vast .gvv__video{ height:100%; object-fit:cover; }

.gvv__leeg{
  display:block; padding:24px; text-align:center;
  border:1px dashed currentColor; opacity:.7; border-radius:8px;
}