/* LAIN · Kapitel- und Challenge-Seiten. Baut auf lain.css auf: gleiches Schwarz, Bein, Gold, gleiche drei Schriften.
   Härter als die Welt: harte Kanten, grosse Wörter, eine Zeile pro Bild, ein Knopf pro Station. */
.kap { padding-top: var(--kopf); }
.kap-held {
  min-height: 92vh; display: grid; align-content: end; gap: 22px;
  padding: clamp(80px, 12vw, 160px) var(--rand) clamp(48px, 7vw, 96px);
  background: var(--ink) center / cover no-repeat;
  border-bottom: 1px solid var(--linie);
}
.kap-held .wort { font-size: clamp(56px, 13vw, 220px); }
.kap-held .zeile { max-width: 16em; }
.kap-reihe { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.kap-block { padding: clamp(56px, 8vw, 120px) var(--rand); border-bottom: 1px solid var(--linie); }
.kap-block > .tag { display: block; margin-bottom: 18px; }
.kap-block h2 { margin: 0 0 22px; }
.kap-gitter { display: grid; gap: 1px; background: var(--linie); border: 1px solid var(--linie); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.kap-gitter > div { background: var(--ink); padding: 26px 22px; display: grid; gap: 10px; align-content: start; }
.kap-gitter b { font: 900 22px/1.05 var(--breit); font-variation-settings: "wdth" 115; text-transform: uppercase; letter-spacing: -.01em; }
.kap-nr { font: 900 64px/.8 var(--breit); font-variation-settings: "wdth" 125; color: transparent; -webkit-text-stroke: 1px var(--gold); }
.kap-clips { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
.kap-clips a { position: relative; aspect-ratio: 9 / 16; overflow: hidden; border: 1px solid var(--linie); }
.kap-clips img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.35) contrast(1.1); transition: filter .3s var(--weich), transform .5s var(--weich); }
.kap-clips a:hover img { filter: none; transform: scale(1.03); }
.kap-clips span { position: absolute; left: 8px; bottom: 8px; }
.kap-regeln { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--linie); }
.kap-regeln li { padding: 16px 0; border-bottom: 1px solid var(--linie); display: grid; grid-template-columns: 3.2em 1fr; gap: 12px; }
.kap-regeln li i { font: 500 12px/1.9 var(--mono); font-style: normal; color: var(--gold); letter-spacing: .12em; }
.kap-weiter { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 28px var(--rand); }
.kap-fuss { padding: 28px var(--rand) 48px; display: flex; gap: 18px; flex-wrap: wrap; }
.kap-fuss a { text-decoration: underline; text-underline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .kap-clips img { transition: none; } }