/* Artists only; shared brand/type/header/footer live in base.css. */
.artist-profile { padding-top: 50px; }
.profile-intro { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(36px, 5vw, 72px); align-items: start; padding-bottom: 60px; }
.profile-intro article { min-width: 0; padding-top: clamp(0px, 2vw, 28px); }
.artist-main-image { width: 100%; max-width: 540px; overflow: hidden; border-radius: 38px; background: var(--card); box-shadow: var(--shadow); }
.profile-portrait { display: block; width: 100%; height: auto; }
.portrait { width: 100%; height: auto; background: var(--card); }
.portrait.placeholder { aspect-ratio: 4/3; }
.placeholder { display: flex; align-items: center; justify-content: center; color: var(--muted); font-size: 48px; }
.copy { white-space: pre-wrap; overflow-wrap: anywhere; }
.detail-panel .eyebrow { margin-bottom: 14px; }
.artist-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; padding-bottom: 72px; }
.artist-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--card); }
.artist-body { padding: 24px 24px 14px; }
.artist-card h2 { font-family: "Playfair Display", Georgia, serif; font-size: clamp(28px, 2.4vw, 34px); font-weight: 500; line-height: 1.15; letter-spacing: -.025em; overflow-wrap: anywhere; }
.artist-text { margin-top: 28px; color: var(--muted); line-height: 1.65; }
.biography { max-width: 72ch; margin: 0 auto 90px; padding-top: 32px; border-top: 1px solid var(--line); color: var(--muted); font-size: 18px; line-height: 1.75; }
.biography-content { overflow-wrap: anywhere; }
.biography-plain { white-space: pre-wrap; }
.biography-rich p { margin: 0 0 1.25em; }
.biography-rich h2, .biography-rich h3 { color: var(--ink); text-wrap: balance; margin: 1.8em 0 .7em; }
.biography-rich > :first-child { margin-top: 0; }
.biography-rich ul, .biography-rich ol { padding-left: 1.5em; margin: 1em 0 1.5em; }
.biography-rich li { padding-left: .3em; margin: .3em 0; }
.biography-rich li p { margin: .2em 0; }
.biography-rich a { text-decoration: underline; text-decoration-color: var(--color-link-underline); text-underline-offset: .2em; }
.biography-rich a:hover { color: var(--gold); text-decoration-color: currentColor; }
.biography-rich > :last-child { margin-bottom: 0; }
.biography-rich li::marker { color: var(--gold); }

.biography-rich h2, .biography-rich h3 { font-family: "Playfair Display", Georgia, serif; font-weight: 500; line-height: 1.1; }
.biography-rich h2 { font-size: 34px; }
.biography-rich h3 { font-size: 27px; }
@media (max-width: 980px) {
  .profile-intro { grid-template-columns: 1fr; gap: 34px; }
  .profile-intro article { padding-top: 0; }
  .artist-main-image { max-width: 540px; }
  .artist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .artist-profile { padding-top: 36px; }
  .profile-intro { padding-bottom: 36px; }
  .detail-panel h1 { font-size: 46px; overflow-wrap: anywhere; }
  .artist-main-image { border-radius: 28px; }
  .artist-grid { grid-template-columns: 1fr; }
  .biography { margin-bottom: 60px; font-size: 17px; }
}

.artist-summary { padding: 0 24px 22px; color: var(--muted); line-height: 1.65; }

/* Compact editorial excerpt; full text stays available on the artist profile. */
.artist-summary-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  max-height: 8.25em;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.artist-card-footer { margin-top: auto; padding: 0 24px 24px; font-size: 14px; }

/* The media frame stays still; only the photograph moves on pointer hover. */
.artist-image { display: block; overflow: hidden; background: var(--card); }
.artist-image:focus-visible { outline-offset: -4px; }
.artist-image img, .profile-portrait { transition: transform 500ms ease; }
.artist-card h2 a:hover { color: var(--gold); }
.artist-card-footer .text-link { display: inline-block; padding-block: 4px; }
.detail-panel h1 { overflow-wrap: anywhere; text-wrap: balance; }
.detail-panel .detail-description { max-width: 48ch; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .artist-image:hover img { transform: scale(1.03); }
  .artist-main-image:hover .profile-portrait { transform: scale(1.02); }
}
@media (max-width: 620px) {
  .artist-body { padding: 22px 22px 12px; }
  .artist-summary { padding: 0 22px 18px; }
  .artist-card-footer { padding: 0 22px 22px; }
  .artist-grid { gap: 24px; padding-bottom: 48px; }
  .detail-panel .eyebrow { letter-spacing: .15em; overflow-wrap: anywhere; }
  .biography-rich h2 { font-size: 30px; }
  .biography-rich h3 { font-size: 25px; }
}

.profile-media { margin: 0; min-width: 0; max-width: 540px; }

@media (max-width: 980px) {
  /* No-JS navigation is expanded; let it scroll away instead of obscuring the anchor. */
  body:has(.artist-profile) .site-header:not([data-menu-ready]) { position: static; }
}