/*
  Netflix-Titel für diesen Beitrag.
  Font: Bebas Neue (SIL OFL) — lokal unter /assets/css/fonts/bebas-neue/
*/

@font-face {
  font-family: "Bebas Neue";
  src:
    url("/assets/css/fonts/bebas-neue/BebasNeue-Regular.woff2") format("woff2"),
    url("/assets/css/fonts/bebas-neue/BebasNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* NETFLIX-Schriftzug: kondensiert, Caps, Markenrot */
article.note h1.note-title:has(a[href*="/articles/netflix"]) {
  font-family: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(3rem, 12vw, 5.5rem);
  line-height: 0.95;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0.15em 0 0.35em;
  hyphens: none;
  -webkit-hyphens: none;
}

article.note h1.note-title:has(a[href*="/articles/netflix"]) a {
  color: #e50914;
  text-decoration: none;
  text-shadow: none;
}

article.note h1.note-title:has(a[href*="/articles/netflix"]) a:hover,
article.note h1.note-title:has(a[href*="/articles/netflix"]) a:focus-visible {
  color: #e50914;
  filter: brightness(1.08);
}

/* Soft-Hyphens aus dem Titel ausblenden (NET­FLIX → NETFLIX) */
article.note h1.note-title:has(a[href*="/articles/netflix"]) a {
  word-break: keep-all;
}

@media (prefers-color-scheme: dark) {
  article.note h1.note-title:has(a[href*="/articles/netflix"]) a {
    color: #e50914;
  }
}