/* MedAce Demo – Video-Vorschau: nachgebaute Folie + Handschrift-Animation.
   Erzeugt von _tools/build_previews.py (Änderungen dort vornehmen und neu bauen).
   Trigger: die Shell setzt die Klasse "in" auf .vp-slide, dann zeichnet sich die
   Handschrift nacheinander ein (Pfade über stroke-dashoffset, Text über Opacity).
   Schriften (Poppins, DM Sans, Caveat) lädt die Shell per Google Fonts. */
.vp-slide{position:relative;aspect-ratio:16/9;background:#fff;overflow:hidden}
.vp-slide svg{width:100%;height:auto;display:block}
.vp-slide .ink path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);
  transition:stroke-dashoffset var(--dur,.9s) cubic-bezier(.4,.1,.3,1) var(--dly,0s)}
.vp-slide.in .ink path{stroke-dashoffset:0}
.vp-slide .ink text{font-family:'Caveat',cursive;font-weight:700;opacity:0;
  transition:opacity .45s ease var(--dly,0s)}
.vp-slide.in .ink text{opacity:1}
@media (prefers-reduced-motion:reduce){
  .vp-slide .ink path{stroke-dashoffset:0;transition:none}
  .vp-slide .ink text{opacity:1;transition:none}
}