/* A personal portfolio in the studio's approved photographic direction. */
.artist-intro {padding-top:32px;padding-bottom:48px}
.artist-back {gap:12px;color:var(--muted)}
.artist-back svg {transform:rotate(180deg)}
.artist-hero {display:grid;grid-template-columns: .9fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:center;margin-top:24px}
.artist-image {height:540px;align-self:end}
.artist-image img {display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.artist-copy h1 {font-size:clamp(36px,4vw,62px);line-height:1.16;letter-spacing:-.035em;max-width:15ch;text-wrap:balance}
.artist-position {color:var(--accent-light);margin-top:18px}
.artist-summary {font-size:20px;margin-top:24px;max-width:44ch}
.artist-styles {list-style:none;padding:0;margin:20px 0 0;color:var(--muted)}
.artist-styles li {padding-block:8px;border-bottom:1px solid var(--line)}
.artist-languages {font-size:14px;color:var(--muted);margin-top:20px}
.artist-actions {display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px}
.artist-actions .button,.artist-contact .button {white-space:normal;max-width:100%}
.artist-work {border-top:1px solid var(--line);padding-block:48px}
.artist-work h2,.artist-contact h2 {font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em;line-height:1.2}
.profile-photo {display:block;overflow:hidden;border-radius:8px}
.profile-photo img {display:block;width:100%;height:100%;object-fit:cover}
.artist-details {display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);border-top:1px solid var(--line);padding-block:48px}
.artist-details h2 {font-size:24px;line-height:1.3;letter-spacing:-.025em}
.artist-details p {margin-top:20px;color:var(--muted);max-width:65ch}
.artist-details .button {margin-top:24px;white-space:normal}
.artist-details-single {display:block}
.artist-details-single article {max-width:70ch}
.artist-contact {display:grid;grid-template-columns:1.5fr 1fr;gap:48px;background:var(--surface);padding-block:48px}
.artist-contact p {color:var(--muted);max-width:60ch;margin:24px 0}
.artist-contact-links {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
.artist-contact-links a {display:flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid var(--line)}
.profile-viewer {position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:24px 72px;border:0;background:var(--ground);color:var(--ink);overflow:hidden}
.profile-viewer::backdrop {background:rgb(3 8 10 / .96)}
.profile-viewer>img {width:100%;height:calc(100dvh - 108px);object-fit:contain;display:block}
.viewer-caption {text-align:center;color:var(--muted);margin-top:16px;font-size:14px}
.viewer-prev,.viewer-next {position:absolute;top:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}
.viewer-prev {left:12px}.viewer-next {right:12px}.viewer-prev svg {transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine) {
 .artist-back:hover,.artist-contact-links a:hover {color:var(--accent-light)}
 .viewer-prev:hover,.viewer-next:hover {background:var(--raised)}
}
@media(max-width:1000px) {
 .artist-hero {grid-template-columns:.8fr 1.2fr;gap:28px}
 .artist-image {height:480px}
 .artist-copy h1 {font-size:40px}
 .artist-summary {font-size:18px}
}
@media(max-width:680px) {
 .artist-intro {padding-top:24px;padding-bottom:32px}
 .artist-hero {grid-template-columns:1fr;gap:24px;margin-top:20px}
 .artist-image {height:340px}
 .artist-copy h1 {font-size:36px;max-width:16ch}
 .artist-position {margin-top:12px}
 .artist-summary {margin-top:20px}
 .artist-actions .button {font-size:14px;padding:14px 18px}
 .artist-work,.artist-details,.artist-contact {padding-block:32px}
 .artist-details,.artist-contact {grid-template-columns:1fr;gap:32px}
 .artist-details h2 {font-size:22px}
 .artist-contact .button {font-size:14px;padding:14px 18px}
 .profile-viewer {padding:56px 8px 12px}
 .profile-viewer>img {height:calc(100dvh - 128px)}
 .viewer-prev,.viewer-next {background:rgb(11 17 19 / .9)}
 .viewer-prev {left:8px}.viewer-next {right:8px}
}

.artist-languages {display:flex;align-items:center;gap:12px}
.language-flags {display:inline-flex;gap:6px;flex-shrink:0}
.language-flags svg {border:1px solid var(--line);border-radius:2px}
.artist-work .gallery-carousel {margin-top:32px}
.artist-more-instagram {display:flex;width:fit-content;margin:24px auto 0;max-width:100%;white-space:normal;text-align:center}
.artist-instagram {gap:12px}
@media(max-width:680px) {.artist-languages {align-items:flex-start}.artist-more-instagram {font-size:14px;padding:14px 18px}.artist-work .gallery-carousel {margin-top:24px}}
