/* Launch-video (forside + landingssider). Vandret paa pc, lodret paa mobil/tablet paa hoejkant.
   Samme medie-query som i video-valg.js, saa rammen har rigtig form, foer videoen er hentet.
   Lyd-knappen sidder foroven til hoejre: dér har videoen ingen tekst i nogen scene.
   Tilfoejet 28. sep 2026. */
.mg-vid{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0d1f1c;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.mg-vid video{display:block;width:100%;height:100%;object-fit:cover}
.vid-lyd{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(13,31,28,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px;font:500 .8rem 'Outfit',sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.vid-lyd:hover{background:rgba(13,31,28,.9);border-color:rgba(255,255,255,.5)}
.vid-lyd[hidden]{display:none}
@media (max-width:1024px) and (orientation:portrait){
  .mg-vid{aspect-ratio:9/16;width:min(100%,calc(80svh * 9 / 16));margin-inline:auto}
}
@media(max-width:640px){
  .mg-vid{border-radius:10px}
  .vid-lyd{right:10px;top:10px;padding:7px 12px;font-size:.75rem}
}
/* Egen sektion paa landingssiderne */
.mg-vid-sek{padding:72px 24px;display:flex;justify-content:center}
.mg-vid-sek .mg-vid{max-width:1100px}