/* film.css — Erklärfilm im Hero der Startseite (myrocketpage.de), 23.10.2026. Spieler = pxvideo (css/pxvideo.css + js/pxvideo.js), hier nur Lage + Marken-Tokens.
   Sichtbar NUR unter /vorschau/ (data-nur-vorschau, Ansage Michael 23.10.: erst auf die Vorschau) — Live bleibt unverändert, auch nach dem Morgen-Autopiloten. */
.hero__film{--pxv-akzent:var(--indigo,#7C8CF8);--pxv-akzent-tief:#6A7BF0;--pxv-akzent-glanz:#A9B4FB;--pxv-akzent-text:#0A0A0F;--pxv-dock:rgba(17,17,24,.78);--pxv-text:#F1F4F9;
  --pxv-schrift:var(--font-text,Inter,system-ui,sans-serif);--pxv-radius:18px;--pxv-fokus:#A9B4FB;--pxv-untertitel-grund:rgba(10,10,15,.84);
  margin:0 0 2rem;max-width:min(100%,58rem)}
.hero__film[hidden]{display:none}
.hero__film .pxv{border:1px solid rgba(169,180,251,.22);box-shadow:0 40px 90px -40px rgba(124,140,248,.45),0 20px 60px -30px rgba(0,0,0,.8)}
.hero__film figcaption{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;margin-top:.8rem;font:600 .74rem/1 var(--font-mono,"Geist Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-mut,#8C93A6)}
.hero__film figcaption::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--indigo,#7C8CF8)}
@media (min-width:1100px){
  .hero--film .innen{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);column-gap:clamp(2.5rem,4vw,4.5rem);align-items:start}
  .hero--film .innen > *{grid-column:1}
  .hero--film .hero__film{grid-column:2;grid-row:1 / span 6;align-self:center;margin:0}
  .hero--film h1{font-size:clamp(2.6rem,4.2vw,4.1rem)}
}
.pxv-rahmen{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}
.pxv-rahmen > video{width:100%;height:100%;display:block}
/* Startwort liegt sonst auf den Plakat-Etiketten (Prüfung 23.10.) — Laufzeit + Ton stehen in der Bildunterschrift */
.hero__film .pxv__startwort{display:none}