/* Wellen-Hero „Now. Here. This.“ (heroStyle: waved).
   Plakat-Farben: Cyan-Grund, navyblaue Typo. Der Wellen-Canvas selbst wird von
   assets/js/site.js gerendert (Selektor .prod-hero .waves). */
.prod-hero.waved { background: #169bc2; }
.prod-hero.waved .breadcrumb { color: #14216e; opacity: 0.85; }
.prod-hero.waved .prod-eyebrow { color: #14216e; }
.prod-hero.waved .prod-hero-grid { padding: clamp(72px, 11vh, 140px) 0; align-items: center; }
.prod-hero.waved .prod-title { font-family: var(--poster); font-weight: 400; line-height: 0.84; letter-spacing: 0.005em; color: #14216e; font-size: clamp(67px, 10.9vw, 172px); }
/* Auf dem Telefon greift oben immer der clamp-Mindestwert (67px), der Schriftzug
   wirkt dort verloren. Anderthalbfach anheben und erst unter ~390px wieder
   mitschrumpfen, damit „HERE.“ auf schmalen Geräten nicht anstößt. */
@media (max-width: 600px) {
  .prod-hero.waved .prod-title { font-size: clamp(83px, 25.6vw, 100px); }
}
.prod-hero.waved .prod-sub { color: #14216e; }
.prod-hero.waved .prod-credits { color: rgba(20, 33, 110, 0.85); }
.prod-hero.waved .meta-bar { border-top-color: rgba(20, 33, 110, 0.22); }
.prod-hero.waved .meta-bar .mk { color: rgba(20, 33, 110, 0.7); }
.prod-hero.waved .meta-bar .mv { color: #14216e; }