/* ── ARTIST ────────────────────────────────────────────── */
#artist { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--10) }

.art-img { position: relative; overflow: hidden; aspect-ratio: 3/4 }
.art-img img { object-position: center 10%; filter: grayscale(100%) contrast(1.1) brightness(.78); transition: transform .6s }
.art-img:hover img { transform: scale(1.03) }

.art-info { padding: 72px 60px; display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid var(--10) }
.art-name { font-family: 'Bebas Neue', sans-serif; font-size: clamp(52px, 7vw, 96px); letter-spacing: .02em; text-transform: uppercase; line-height: .88; color: var(--100); margin-bottom: 48px }
.art-name em { display: block; color: transparent; -webkit-text-stroke: 1px var(--20) }

.art-fields { display: flex; flex-direction: column }
.af { display: grid; grid-template-columns: 1fr 1fr; padding: 17px 0; border-top: 1px solid var(--10) }
.af:last-child { border-bottom: 1px solid var(--10) }
.af-k { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: .25em; text-transform: uppercase; color: var(--40) }
.af-v { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--100); text-align: right }

.art-bio { font-size: 15px; line-height: 1.9; color: var(--60); margin: 36px 0; border-left: 2px solid var(--red); padding-left: 18px }
.art-bio strong { color: var(--80); font-weight: 400 }
.art-bio em { color: var(--rb); font-style: normal }

.art-links { display: flex; gap: 20px; flex-wrap: wrap; padding-top: 32px; border-top: 1px solid var(--10) }
.art-link { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; color: var(--40); display: flex; align-items: center; gap: 12px; transition: color .2s }
.art-link:hover { color: var(--100) }
.art-link svg { opacity: .35; transition: opacity .2s }
.art-link:hover svg { opacity: 1 }

.bio-specs { display: block; margin-top: 16px; font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: .28em; text-transform: uppercase; color: var(--40); line-height: 2 }
