/* Eis & Asche – rohes Band-Design. Textur, Trenner und Emblem: eigene Assets dieses Templates. */

html {
  background-color: var(--color-ink);
  background-image: var(--theme-texture);
  background-size: 512px 512px;
}
.grain::before { opacity: 0.035; }

/* Schmale, kräftige Versalschrift für alles Prägende */
.font-display { font-weight: 700; }
.t-heading { font-size: clamp(2rem, 4.2vw, 3.1rem); letter-spacing: 0.02em; }
.t-page-title { font-size: clamp(2.6rem, 7vw, 5.2rem); letter-spacing: 0.015em; }
.t-kicker, .kicker {
  color: var(--color-frost-light);
  letter-spacing: 0.3em;
}
.t-nav-link {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  color: var(--color-silver);
}
.t-header { border-bottom: 1px solid var(--color-ash); }

/* Hero: Beton, Vignette, kühles Licht von unten */
[data-hero='banner'] .t-hero {
  background:
    radial-gradient(ellipse 70% 55% at 50% 105%, rgba(20, 190, 217, 0.14), transparent 70%),
    radial-gradient(ellipse at center, transparent 35%, rgba(0, 0, 0, 0.75) 100%),
    var(--theme-texture) center / 512px 512px,
    var(--color-ink);
}
[data-hero='banner'] .t-hero-inner p {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.34em;
}

/* Buttons: kantig, Versalien aus der Display-Schrift */
.btn {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  border-width: 2px;
}

/* Abschnitte leicht abgedunkelt, damit die Trennerlinie trägt */
.t-section { background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), transparent 30%); }

/* Karten mit kantigem Rahmen */
.t-card > div:first-child { outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: 6px; }
.t-card:hover > div:first-child { outline-color: var(--color-frost); }
.t-card h3 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }

.t-featured-banner h3 { letter-spacing: 0.04em; }
.t-featured-banner ol { font-family: var(--font-display); font-weight: 700; letter-spacing: 0.04em; }

.t-footer {
  background: rgba(0, 0, 0, 0.45);
  border-top: 0;
}

/* Fließtext-Zitate (z. B. Intro) in der Grundschrift statt in der schmalen Display-Schrift */
.t-section p.font-display { font-family: var(--font-sans); font-weight: 500; letter-spacing: 0; }