/* ============================================================
   Motion
   ============================================================ */
.motion{padding-top:var(--header-h)}
.films{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(28px,3.4vw,58px) clamp(18px,2.2vw,34px);
  padding:0 var(--edge) clamp(40px,6vw,110px);
}
@media (max-width:760px){.films{grid-template-columns:1fr}}

.film{margin:0}

/* Vorschaubild mit Abspielknopf. Vimeo wird erst beim Klick geladen. */
.player{
  position:relative; aspect-ratio:16/9; background:#0d0d0d;
  background-size:cover; background-position:center;
}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{
  position:absolute;inset:0;display:grid;place-items:center;
  width:100%;height:100%;cursor:pointer;
}
.play svg{
  width:clamp(52px,4.6vw,74px);height:auto;
  fill:#fff;filter:drop-shadow(0 1px 6px rgba(0,0,0,.45));
  opacity:.92;transition:opacity .2s ease,transform .2s ease;
}
.play:hover svg{opacity:1;transform:scale(1.06)}

.credits{
  margin:.85em 0 0;
  font-family:var(--font-mark);
  font-size:14px;line-height:1.35;color:var(--ink-heading);
}
.film-title{font-weight:700;color:var(--ink)}

@media (prefers-reduced-motion:reduce){.play svg{transition:none}}