/* Video-Seiten der Referenzfilme (/zeitraffer-…): Player oben, kurzer Text darunter.
   Player und H1 stehen bewusst NICHT in .reveal – Google muss das Video beim Laden sehen. */
.watch-hero{padding:96px 0 36px}
.crumbs{font-size:.8rem;color:rgba(255,255,255,.62);margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:inherit;text-decoration:none}
.crumbs a:hover{color:#fff}
.watch-hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.04;margin-top:10px;max-width:30ch}
.watch-player{margin:22px 0 0}
/* Player passt samt Steuerleiste in den ersten Bildschirm */
.watch-frame{position:relative;width:fit-content;max-width:100%;margin:0 auto}
.watch-player video{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 300px);aspect-ratio:16/9;background:#000;border-radius:14px}
.watch-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(20,17,12,.55);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,transform .2s}
.watch-play svg{width:30px;height:30px;margin-left:4px}
.watch-play:hover,.watch-play:focus-visible{background:var(--hi);color:var(--on-gold,#14110c);transform:translate(-50%,-50%) scale(1.06)}
.watch-frame.is-playing .watch-play{display:none}
.watch-player figcaption{margin-top:12px;font-size:.88rem;color:rgba(255,255,255,.68);display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0}
.watch-player figcaption>span+span::before{content:"·";margin:0 .55em;color:rgba(255,255,255,.4)}
.watch-player figcaption a{color:var(--hi)}
.watch-body .wrap{max-width:860px}
.watch-lead{font-size:1.1rem;line-height:1.65}
.watch-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;margin:30px 0 0}
.watch-facts div{border-top:1px solid var(--line-dark);padding-top:12px}
.watch-facts dt{font-family:"Archivo";font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hi-deep)}
.watch-facts dd{margin:6px 0 0;line-height:1.55}
.watch-more{margin-top:42px;border-top:1px solid var(--line-dark);padding-top:20px}
.watch-more h2{font-size:1rem;font-family:"Archivo";font-weight:700;margin:0 0 10px}
.watch-more ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.watch-more a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--hi-deep);text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-skip-ink:none}
.watch-more a:hover{text-decoration-color:var(--ink)}
.watch-cta{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(max-width:700px){
  .watch-hero{padding:92px 0 28px}
  .watch-player video{max-height:none;width:100%}
  .watch-frame{width:100%}
  .watch-play{width:60px;height:60px}
  .watch-facts{grid-template-columns:1fr}
}