/* Shared artist portfolio treatment. Biography copy stays page-specific. */
.artist-portfolio{border-top:1px solid rgba(183,174,162,.18);padding-top:72px;padding-bottom:82px}
.artist-portfolio-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:end;margin-bottom:34px}
.artist-portfolio-head h2{margin-bottom:0}
.artist-portfolio-intro{max-width:580px;color:#a49b8e;font-size:15px;line-height:1.8;margin:0}
.artist-portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.artist-work{margin:0;overflow:hidden;background:#171614;min-width:0}
.artist-work img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease}
.artist-work:hover img{transform:scale(1.018)}
@media (prefers-reduced-motion:reduce){.artist-work img{transition:none}.artist-work:hover img{transform:none}}
@media(max-width:900px){.artist-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-portfolio-head{grid-template-columns:1fr;gap:16px}}
@media(max-width:520px){.artist-portfolio{padding-top:54px;padding-bottom:62px}.artist-portfolio-grid{gap:8px}.artist-work img{aspect-ratio:3/4}}

/* Working v10: portfolio interaction + contextual style navigation. */
.artist-work-link{display:block;position:relative;overflow:hidden;height:100%;background:#171614}
.artist-work-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;background:#111d;border:1px solid #5a544a;color:#eeeae4;font-size:17px;opacity:.78;transition:opacity .2s ease,transform .2s ease}
.artist-work-link:hover .artist-work-expand,.artist-work-link:focus-visible .artist-work-expand{opacity:1;transform:translate(2px,-2px)}
.artist-style-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(183,174,162,.18)}
.artist-style-links>span{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#80796f;margin-right:6px}
.artist-style-links a{display:inline-flex;align-items:center;gap:12px;border:1px solid #4d4942;padding:8px 11px;color:#cfc6ba;font-size:11px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.artist-style-links a span{color:#8e8578}.artist-style-links a:hover{background:#eeeae4;color:#111;border-color:#eeeae4}.artist-style-links a:hover span{color:#111}
#artist-gallery{max-width:920px}
#artist-stage{min-height:0;height:70dvh}
#artist-stage>img{height:100%;max-height:100%;object-fit:contain}
.artist-gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 24px;font-size:13px;color:#c7bdad}
.artist-gallery-caption p{margin:0}.artist-gallery-caption span{font-size:11px;color:#a89e8d;white-space:nowrap}
.artist-gallery-hint{padding:0 24px 18px;margin:0}
@media(prefers-reduced-motion:reduce){.artist-work-expand{transition:none}.artist-work-link:hover .artist-work-expand,.artist-work-link:focus-visible .artist-work-expand{transform:none}}
@media(max-width:720px){.artist-style-links{margin-top:22px;padding-top:20px}.artist-style-links>span{width:100%;margin-bottom:2px}.artist-gallery-caption{padding:16px;gap:15px}#artist-stage{height:65dvh}}

/* v20 long-portfolio rendering */
.artist-work{aspect-ratio:4/5;content-visibility:auto;contain:layout paint style}
.artist-work-link{height:100%}
@media(max-width:520px){.artist-work{aspect-ratio:3/4}}
