/* Künstler-Landingpage (templates/kuenstler.html): Geschichte, Werke, Napoleon-Vergleich, Überleitung zum Tierportrait */
.kuenstler h2 { margin-bottom: .5em; }
.kuenstler__kopf { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center;
  padding-block: clamp(24px, 4vw, 56px) clamp(40px, 6vw, 80px); }
.kuenstler__kopf h1 { margin: .15em 0 .3em; }
.kuenstler__daten { margin: 0 0 18px; color: var(--gold-light, var(--gold)); font-size: .9rem; letter-spacing: .04em; }
.kuenstler__kopf .lead { max-width: 52ch; }
.kuenstler__portrait { margin: 0; }
.kuenstler__portrait img { width: 100%; height: auto; border-radius: 2px; box-shadow: 0 24px 60px rgb(0 0 0 / .45); }
.kuenstler figcaption { margin-top: 10px; color: var(--text-soft); font-size: .8rem; }

.kuenstler__leben { padding-block: clamp(32px, 5vw, 64px); }
.kuenstler__kapitel { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 28px 40px; margin: 28px 0 0; padding: 0; list-style: none; }
.kuenstler__kapitel li { position: relative; padding-top: 18px; border-top: 1px solid var(--line); }
.kuenstler__nr { display: block; margin-bottom: 6px; color: var(--gold); font: 500 .85rem/1 var(--font-body); letter-spacing: .14em; }
.kuenstler__kapitel h3 { margin: 0 0 8px; font-size: 1.35rem; }
.kuenstler__kapitel p { margin: 0; color: var(--text-soft); line-height: 1.7; }

.kuenstler__werke { padding-block: clamp(48px, 7vw, 96px); background: rgb(0 0 0 / .22); }
.kuenstler__intro { max-width: 60ch; color: var(--text-soft); }
.kuenstler__werkliste { display: grid; grid-template-columns: repeat(6, 1fr); gap: 28px; margin: 36px 0 0; padding: 0; list-style: none; }
.kuenstler__werk { grid-column: span 2; }
.kuenstler__werk--quer { grid-column: span 3; order: -1; } /* Querformate oben nebeneinander, darunter drei Hochformate */
.kuenstler__werk figure { margin: 0; }
.kuenstler__werk img { width: 100%; height: 400px; object-fit: cover; object-position: 50% 30%; border-radius: 2px; }
.kuenstler__werk--quer img { height: 360px; object-position: 50% 50%; }
.kuenstler__werk figcaption { display: grid; gap: 3px; margin-top: 12px; font-size: .9rem; }
.kuenstler__werk figcaption strong { color: var(--text); font: 600 1.15rem/1.25 var(--font-head); }
.kuenstler__werk-meta { color: var(--gold); font-size: .78rem; letter-spacing: .03em; }

.kuenstler__geschichte { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 72px); align-items: center;
  padding-block: clamp(48px, 7vw, 96px); }
.kuenstler__geschichte-text p:not(.eyebrow) { color: var(--text-soft); line-height: 1.75; max-width: 54ch; }
.kuenstler__vergleich { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center; }
.kuenstler__vergleich figure { margin: 0; text-align: center; }
.kuenstler__original img { width: 100%; height: auto; border-radius: 2px; }
.kuenstler__pfeil { color: var(--gold); font-size: 1.8rem; }
.kuenstler__unser { position: relative; }
.kuenstler__foto { position: absolute; left: -12%; bottom: 16%; z-index: 3; width: 42%; height: auto; aspect-ratio: 1; object-fit: cover;
  border: 4px solid #fffef4; border-radius: 4px; box-shadow: 0 10px 28px rgb(0 0 0 / .45); transform: rotate(-5deg); }

.kuenstler__raum { position: relative; }
.kuenstler__raum img { display: block; width: auto; max-width: 100%; height: clamp(420px, 72vh, 820px); margin-inline: auto; object-fit: contain; background: var(--bg-soft, transparent); }
.kuenstler__raum p { text-align: center; }
.kuenstler__raum p { margin-top: 12px; color: var(--text-soft); font-size: .85rem; }

.kuenstler__cta { padding-block: clamp(48px, 7vw, 96px); text-align: center; }
.kuenstler__cta > p { max-width: 58ch; margin-inline: auto; color: var(--text-soft); }
.kuenstler__knoepfe { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 24px; }
.kuenstler__nachweis { margin-top: 40px !important; font-size: .75rem; }

@media (max-width: 900px) {
  .kuenstler__kopf, .kuenstler__geschichte { grid-template-columns: 1fr; }
  .kuenstler__portrait { max-width: 360px; }
  .kuenstler__werkliste { grid-template-columns: 1fr 1fr; gap: 22px; }
  .kuenstler__werk, .kuenstler__werk--quer { grid-column: span 1; }
  .kuenstler__werk--quer { grid-column: span 2; }
  .kuenstler__werk img, .kuenstler__werk--quer img { height: 240px; }
}
@media (max-width: 600px) {
  .kuenstler__kapitel { grid-template-columns: 1fr; gap: 22px; }
  .kuenstler__kapitel h3 { font-size: 1.15rem; }
  .kuenstler__werkliste { grid-template-columns: 1fr; }
  .kuenstler__werk--quer { grid-column: span 1; }
  .kuenstler__werk img, .kuenstler__werk--quer img { height: 260px; }
  .kuenstler__vergleich { grid-template-columns: 1fr 1fr; }
  .kuenstler__pfeil { display: none; }
  .kuenstler__foto { left: -6%; width: 46%; }
}