/* Πορτρέτο στις σελίδες «Σχετικά με μένα» — ΔΟΚΙΜΗ 14/10/2026, περιμένει έγκριση Kara.
   Πραγματική φωτογραφία του George Kara· άλλαξε μόνο το πράσινο φόντο (scripts/make_portrait.py). */
.artist-subpage .story-portrait--photo { max-width: 260px; margin: 0; }
.story-portrait--photo picture { display: block; }
.story-portrait__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border: 1px solid var(--line);
  background: var(--coal);
}
.story-portrait--photo figcaption {
  margin-top: 1rem;
  color: var(--mineral);
  font-size: .7rem;
  letter-spacing: .1em;
}
.artist-subpage .page-intro .gk-roles { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0 0; padding: 0; }
.artist-subpage .page-intro .gk-roles li { padding: .45rem .95rem; border: 1px solid rgba(207, 172, 125, .35); border-radius: 999px; font-size: .9rem; }
.artist-subpage .page-intro .gk-route { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 0; margin: 1.5rem 0 0; padding: 0; font-size: .95rem; }
.artist-subpage .page-intro .gk-route li { display: flex; align-items: baseline; gap: .35rem; }
.artist-subpage .page-intro .gk-route li:not(:last-child)::after { content: ""; width: clamp(1.25rem, 4vw, 3rem); height: 1px; background: currentColor; opacity: .35; margin: 0 .8rem; align-self: center; }
.artist-subpage .page-intro .gk-route small { font-size: .7em; opacity: .55; }
.artist-subpage .page-intro .gk-base span { color: var(--mineral); font-weight: 600; }
@media (max-width: 720px) {
  .artist-subpage .story-portrait--photo { max-width: 320px; margin-top: 1.5rem; }
}