/* Künstler-Archiv: Übersicht und Porträts (/kuenstler/) */
.kuenstler-cover{display:flex; flex-wrap:wrap; gap:14px; list-style:none; margin:clamp(22px,3vw,32px) 0 0; padding:0}
.kuenstler-cover a{display:block; width:clamp(104px,20vw,150px); text-decoration:none; color:var(--grau); font-size:.8rem; font-weight:700}
.kuenstler-cover img{display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:9px; background:var(--gravur);
  box-shadow:0 8px 20px -14px rgba(33,26,20,.7); margin-bottom:6px; transition:transform .14s ease}
.kuenstler-cover a:hover img{transform:translateY(-2px)}
.kuenstler-cover a:hover{color:var(--rot-text)}
.anfangen{margin:1.8em 0 0; padding:clamp(18px,2.2vw,24px); background:var(--creme-hoch);
  border:1px solid var(--gravur); border-left:3px solid var(--rot-flae); border-radius:0 var(--radius) var(--radius) 0}
.anfangen .schild{margin-bottom:.5em}
.anfangen p:last-child{margin-bottom:0}
.kuenstler-abschnitt{margin:clamp(40px,5vw,60px) 0 0; font-size:clamp(1.25rem,2.8vw,1.55rem)}
.albenliste h3{margin:0 0 .5em; font-size:clamp(1.24rem,2.5vw,1.44rem); line-height:1.14; letter-spacing:-.014em}
.artikel-schluss{margin-top:clamp(40px,5vw,60px)}
.portrait-intro p{font-size:1.08rem}
.za-inh-zeit{font-size:.78rem; color:var(--grau); font-weight:400; white-space:nowrap}
.zeitachse{--za:74px; position:relative; margin-top:clamp(34px,4.4vw,52px); padding-left:var(--za)}
.zeitachse::before{content:""; position:absolute; left:calc(var(--za) - 26px); top:6px; bottom:0; width:2px; background:var(--rot-flae); opacity:.4}
.za-kapitel{position:relative; padding-top:0; padding-bottom:clamp(30px,4vw,46px); scroll-margin-top:140px}
.za-kopf{position:relative; max-width:66ch}
.za-kopf::before{content:""; position:absolute; left:-33px; top:2px; width:16px; height:16px; border-radius:50%; background:var(--rot-flae);
  box-shadow:0 0 0 4px var(--creme, #F2E3C4)}
.za-zeitraum{margin:0; font-weight:700; font-size:.82rem; letter-spacing:.14em; color:var(--rot-text); font-variant-numeric:tabular-nums}
.za-titel{margin:.2em 0 .7em; font-size:clamp(1.3rem,2.9vw,1.65rem); line-height:1.2}
.za-titel .nr{color:var(--rot-text); font-size:.7em; letter-spacing:.04em; margin-right:.25em}
.za-inhalt{max-width:66ch}
.za-absatz{position:relative}
.za-absatz p:not(.za-jahre){line-height:1.68; margin:0 0 1.1em}
.za-jahre{position:absolute; left:calc(-1 * var(--za)); width:calc(var(--za) - 36px); top:0; margin:0; text-align:right;
  display:flex; flex-direction:column; gap:2px}
.za-jahre span{font-weight:700; font-size:1.02rem; line-height:1.25; color:var(--rot-text); font-variant-numeric:tabular-nums}
.za-absatz.ohne-jahr::before{display:none}
.za-absatz::before{content:""; position:absolute; left:-30px; top:.45em; width:10px; height:10px; border-radius:50%;
  background:var(--creme, #F2E3C4); border:2px solid var(--rot-flae); box-sizing:border-box}
.za-zitat{margin:1.4em 0 .4em}
.za-zitat p{font-family:var(--serif); font-style:italic; font-size:1.2rem; line-height:1.4}
.za-cover{margin:0 0 14px 16px; float:right; width:118px}
.za-cover img{display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:9px; background:var(--gravur); box-shadow:0 8px 20px -14px rgba(33,26,20,.7)}
.za-cover figcaption{margin-top:6px; font-size:.76rem; font-weight:700; color:var(--grau); line-height:1.3}
.za-cover figcaption a{color:inherit; text-decoration:none}
.za-cover a:hover{color:var(--rot-text)}
@media (max-width:560px){
  .zeitachse{--za:34px}
  .za-jahre{position:static; width:auto; flex-direction:row; gap:10px; text-align:left; margin:0 0 .15em}
  .za-jahre span{font-size:.95rem}
  .za-absatz.ohne-jahr::before{display:none}
.za-absatz::before{left:-30px; top:.3em}
  .za-cover{width:96px}
}
@media (min-width:1040px){
  .za-kapitel{display:grid; grid-template-columns:minmax(0,66ch) 220px; column-gap:clamp(40px,5vw,72px); align-items:start}
  .za-kopf{grid-column:1}
  .za-inhalt{grid-column:1}
  .za-cover{grid-column:2; grid-row:1 / span 2; float:none; width:220px; margin:6px 0 0; position:sticky; top:140px}
}

.portraits{display:grid; gap:12px; list-style:none; margin:clamp(18px,2.2vw,26px) 0 0; padding:0;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.portraits a{display:flex; gap:12px; align-items:center; padding:12px; text-decoration:none; color:var(--dunkel);
  background:var(--creme-hoch); border:1px solid var(--gravur); border-radius:var(--radius);
  transition:transform .14s ease, box-shadow .14s ease}
.portraits a:hover{transform:translateY(-2px); box-shadow:0 6px 18px -12px rgba(33,26,20,.55)}
.portraits .stapel{position:relative; flex:none; width:64px; height:56px}
.portraits .stapel img{position:absolute; top:0; width:50px; height:50px; border-radius:7px; object-fit:cover;
  background:var(--gravur); box-shadow:0 4px 10px -6px rgba(33,26,20,.7)}
.portraits .stapel img:nth-child(1){left:0; z-index:3}
.portraits .stapel img:nth-child(2){left:7px; top:3px; z-index:2}
.portraits .stapel img:nth-child(3){left:14px; top:6px; z-index:1}
.portraits strong{display:block; font-size:1rem; line-height:1.2}
.portraits small{display:block; font-size:.8rem; color:var(--grau); margin-top:2px}
.buchstaben{display:flex; flex-wrap:wrap; gap:4px; margin:clamp(22px,3vw,30px) 0 0; padding:0; list-style:none}
.buchstaben a, .buchstaben span{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px;
  border:1px solid var(--gravur); border-radius:8px; font-weight:700; font-size:.9rem; text-decoration:none; color:var(--dunkel);
  background:var(--creme-hoch)}
.buchstaben a:hover{color:var(--rot-text); border-color:var(--rot-text)}
.buchstaben span{opacity:.35}
.az-suche{margin:18px 0 0; max-width:420px}
.az-suche label{display:block; font-size:.84rem; font-weight:700; color:var(--grau); margin-bottom:6px}
.az-suche input{width:100%; padding:11px 14px; font:inherit; border:1px solid var(--gravur-stark,var(--gravur));
  border-radius:10px; background:#fffdf8; color:var(--dunkel)}
.az-gruppe{margin:clamp(26px,3.4vw,38px) 0 0}
.az-gruppe[hidden]{display:none}
.az-gruppe h2{font-size:clamp(1.5rem,3vw,1.9rem); margin:0 0 .3em; color:var(--rot-text); scroll-margin-top:150px}
.az-liste{list-style:none; margin:0; padding:0; columns:1; column-gap:34px}
@media (min-width:700px){ .az-liste{columns:2} }
@media (min-width:1040px){ .az-liste{columns:3} }
.az-liste > li{break-inside:avoid; border-top:1px solid var(--gravur); padding:10px 0 11px}
.az-liste > li[hidden]{display:none}
.az-name{font-weight:700; color:var(--dunkel); text-decoration:none}
a.az-name:hover{color:var(--rot-text); text-decoration:underline}
.az-portrait{display:inline-block; margin-left:.4em; padding:1px 7px; border-radius:99px; font-size:.7rem; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; background:var(--rot-flae); color:#fff; vertical-align:2px}
.az-alben{list-style:none; margin:3px 0 0; padding:0; font-size:.9rem; line-height:1.45}
.az-alben a{color:var(--grau); text-decoration:none}
.az-alben a:hover{color:var(--rot-text); text-decoration:underline}
.az-alben .j{font-variant-numeric:tabular-nums; font-size:.8rem}
.az-genre{margin:3px 0 0; font-size:.76rem; color:var(--grau); letter-spacing:.02em}
.az-leer{margin:20px 0 0; color:var(--grau)}

/* Porträt-Kopf: Text links, Plattenstapel rechts */
.pk{margin-top:0}
.pk .lead{max-width:40ch}
.pk-stapel{position:relative;margin:clamp(26px,4vw,36px) 0 0}
.pk-stapel .kuenstler-cover{position:relative;display:block;margin:0;padding:0;list-style:none;width:var(--sw);height:var(--sh)}
.pk-stapel .kuenstler-cover li{position:absolute;width:var(--cw);transition:transform .25s ease,z-index 0s .1s}
.pk-stapel .kuenstler-cover a{display:block;width:100%;font-size:0;color:transparent}
.pk-stapel .kuenstler-cover img{width:100%;margin:0;border-radius:10px;box-shadow:0 18px 34px -16px rgba(33,26,20,.75)}
.pk-stapel .kuenstler-cover li:nth-child(1){left:0;top:var(--o1y);transform:rotate(-5deg);z-index:3}
.pk-stapel .kuenstler-cover li:nth-child(2){left:var(--o2x);top:var(--o2y);transform:rotate(3deg);z-index:2}
.pk-stapel .kuenstler-cover li:nth-child(3){left:var(--o3x);top:var(--o3y);transform:rotate(-1.5deg);z-index:1}
.pk-stapel .kuenstler-cover li:hover,.pk-stapel .kuenstler-cover li:focus-within{transform:translateY(-10px) rotate(0);z-index:5}
.pk-stapel .kuenstler-cover a:hover img{transform:none}
.pk-liste{list-style:none;margin:16px 0 0;padding:0;counter-reset:pk}
.pk-liste li{border-top:1px solid var(--gravur);padding:7px 0}
.pk-liste li:last-child{border-bottom:1px solid var(--gravur)}
.pk-liste a{display:flex;gap:12px;align-items:baseline;text-decoration:none;color:var(--dunkel);font-weight:700;font-size:.92rem;line-height:1.3}
.pk-liste a:hover{color:var(--rot-text)}
.pk-liste .j{font-variant-numeric:tabular-nums;color:var(--rot-text);font-size:.82rem;flex:none;width:2.8em}
.pk-liste .pf{margin-left:auto;color:var(--rot-text)}
.pk{--cw:150px;--sw:260px;--sh:190px;--o1y:10px;--o2x:92px;--o2y:0px;--o3x:180px;--o3y:22px}
.pk.n1{--sw:170px;--sh:170px}
.pk.n2{--sw:250px}
.pk.n3{--sw:330px}
@media (min-width:900px){
  .pk{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:clamp(40px,6vw,90px);align-items:center;
      --cw:200px;--sw:340px;--sh:250px;--o1y:14px;--o2x:118px;--o2y:0px;--o3x:236px;--o3y:30px}
  .pk.n1{--sw:220px;--sh:220px}
  .pk.n2{--sw:318px}
  .pk.n3{--cw:170px;--o2x:84px;--o3x:168px;--sw:340px;--sh:230px}
  .pk .lead{max-width:40ch}
  .pk-stapel{margin:0}
}