/* Modern Times Fine Art — artist profiles */
:root{--paper:#f8f7f4;--ink:#1c1d1b;--muted:#73736d;--rule:#d7d5cd;--pad:clamp(22px,5vw,86px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #777;outline-offset:5px}
.utility{padding:11px var(--pad);display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e3e1dc;letter-spacing:.135em;text-transform:uppercase;font-size:10px;color:#66665f}
.nav{position:sticky;top:0;z-index:40;background:rgba(248,247,244,.96);backdrop-filter:blur(14px);border-bottom:1px solid #dbd9d2;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px;padding:14px var(--pad)}
.logo{display:block;line-height:0}.logo img{width:clamp(190px,18vw,267px);height:auto}.nav-links{display:flex;gap:clamp(18px,2.5vw,44px);align-items:center}.nav-links a{font-size:13px;font-weight:600}.nav-links a:hover{opacity:.56}.nav-links .nav-cta{border:1px solid var(--ink);padding:14px 20px;display:inline-flex;gap:23px;align-items:center}.nav-links .nav-cta:hover{background:var(--ink);color:#fff;opacity:1}.mobile-toggle{display:none;cursor:pointer;background:transparent;border:0;padding:10px}.mobile-toggle span{display:block;width:24px;height:1px;background:#202020;margin:6px 0}
.crumb{padding:27px var(--pad) 0;display:flex;align-items:center;flex-wrap:wrap;gap:13px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#77766f}.crumb a{border-bottom:1px solid #aaa89e;padding-bottom:3px}.crumb .slash{color:#aaa89e}
.artist-hero{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);align-items:stretch;min-height:clamp(600px,76vh,890px);border-bottom:1px solid var(--rule);margin-top:25px}.hero-content{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,85px) 6vw 45px var(--pad)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:650}.artist-number{display:block;margin-bottom:30px;color:#86857f;font-size:12px;letter-spacing:.12em}.hero-content h1{font-size:clamp(62px,6.8vw,118px);line-height:.93;letter-spacing:-.076em;font-weight:500;margin:26px 0 25px;max-width:690px}.artist-tagline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.5vw,37px);line-height:1.2;letter-spacing:-.042em;max-width:540px;margin:0 0 25px}.intro{font-size:16px;line-height:1.75;max-width:495px;color:#5d5d56;margin:0}.hero-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:40px}.line-link{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;border-bottom:1px solid;padding:13px 0;display:inline-flex;align-items:center;gap:22px}.line-link:hover{gap:32px}.line-link.secondary{font-weight:400;border-color:#9e9c94}.hero-foot{margin-top:50px;border-top:1px solid var(--rule);padding-top:17px;display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#85847e}
.art-pane{background:#e9e8e3;display:flex;align-items:center;justify-content:center;min-height:570px;padding:clamp(35px,5vw,105px);position:relative}.art-pane img{object-fit:contain;width:auto;height:auto;max-width:100%;max-height:720px;filter:drop-shadow(0px 15px 12px #0b0b0b1c)}.art-pane .picture-label{position:absolute;left:clamp(25px,3vw,50px);bottom:21px;font-size:10px;letter-spacing:.12em;color:#7c7a72;text-transform:uppercase}
.overview{padding:105px var(--pad) 112px;display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(30px,6vw,110px);border-bottom:1px solid var(--rule)}.overview .eyebrow{color:#77766e}.overview h2{font-weight:450;letter-spacing:-.06em;font-size:clamp(37px,4.2vw,65px);line-height:1.1;margin:0 0 23px}.overview p{font-size:17px;color:#66655d;line-height:1.72;max-width:680px;margin:0 0 24px}.overview .note{font-size:13px;max-width:550px;border-top:1px solid var(--rule);padding-top:20px}.others{padding:87px var(--pad) 120px}.others-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.others-header h2{font-weight:450;font-size:clamp(40px,4vw,67px);letter-spacing:-.06em;margin:15px 0 0}.other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.other-link{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid var(--rule);font-size:clamp(18px,2vw,26px);letter-spacing:-.045em}.other-link:hover{color:#a34b38}.other-link span:last-child{font-size:19px}
footer{background:#090909;color:#eae8df;display:flex;align-items:end;justify-content:space-between;gap:18px;padding:28px var(--pad) 42px;border-top:1px solid #4a4b47}.footer-wordmark{flex-shrink:0;line-height:0}.footer-wordmark img{width:clamp(235px,22vw,306px);height:auto}footer p{font-size:11px;color:#b8b8b0;line-height:1.7;margin:0}footer a{font-size:11px;border-bottom:1px solid #777}
@media(max-width:1050px){.artist-hero{grid-template-columns:46% 54%}.art-pane{padding:30px}.hero-content{padding-right:30px}.hero-content h1{font-size:clamp(56px,6.5vw,75px)}}
@media(max-width:760px){:root{--pad:23px}.utility{padding-block:9px;font-size:8px}.utility span:last-child{display:none}.nav{min-height:75px}.logo img{width:190px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#f8f7f4;padding:20px var(--pad) 26px;box-shadow:0 20px 24px #0001;border-bottom:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{font-size:17px;padding:13px 0}.nav-links .nav-cta{margin-top:10px;padding:15px 17px;justify-content:space-between}.artist-hero{display:flex;flex-direction:column}.hero-content{padding:44px var(--pad) 30px;min-height:470px}.hero-content h1{font-size:clamp(61px,10vw,82px)}.artist-tagline{font-size:28px}.hero-foot{margin-top:30px}.art-pane{min-height:450px;padding:35px 25px 60px}.art-pane img{max-height:540px}.overview{grid-template-columns:1fr;padding-block:75px;gap:28px}.others{padding-block:75px}.other-grid{grid-template-columns:1fr 1fr}.others-header h2{font-size:48px}footer{align-items:start;flex-direction:column;gap:25px}}
@media(max-width:480px){.hero-content h1{font-size:64px}.hero-content{min-height:500px}.artist-tagline{font-size:27px}.art-pane{min-height:350px}.other-grid{grid-template-columns:1fr}.overview h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.profile-work{padding:70px var(--pad) 88px;background:#fcfbf8}
.profile-section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:20px;border-bottom:1px solid #d9d5cc}
.profile-section-heading h2{font:normal clamp(26px,2.6vw,42px)/1.1 Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.02em}
.profile-section-heading span{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#77736e}
.profile-work-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:clamp(34px,7vw,115px);padding-top:46px;align-items:center}
.profile-work-art{background:#f1efea;min-height:400px;padding:clamp(20px,4vw,55px);display:flex;align-items:center;justify-content:center}
.profile-work-art img{max-width:100%;max-height:610px;width:auto;height:auto;object-fit:contain}
.profile-work-copy{padding-right:5vw}.profile-work-copy .eyebrow{display:block;margin-bottom:30px}.profile-work-copy h3{font:normal clamp(31px,3vw,50px)/1.14 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px}.profile-work-copy p{font-size:15px;color:#5a5752;line-height:1.8;max-width:380px;margin:0 0 18px}
.profile-work-copy .line-link{margin-top:12px}
.profile-bio{padding:70px var(--pad) 85px;display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;border-bottom:1px solid var(--rule);background:#f6f4ef}
.profile-bio h2{font:normal 30px Georgia,serif;letter-spacing:-.03em;margin:0}
.profile-bio p{max-width:730px;font-size:17px;line-height:1.78;color:#575550;margin:0}


/* Final artist-page template — user-supplied portraits remain exact PNG files. */
.profile-hero{
  position:relative;isolation:isolate;overflow:hidden;display:block;
  height:clamp(465px,34vw,550px);min-height:0;margin:0;
  border-bottom:1px solid #dedbd4;background:#f3f0e9;
}
.profile-hero .background-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.profile-hero .hero-design{position:absolute;width:56%;height:100%;top:0;right:0;display:block}
.profile-hero .portrait{
  display:block;position:absolute;z-index:2;bottom:0;right:1.6%;
  width:auto;height:100%;max-width:51%;max-height:100%;object-fit:contain;
  object-position:bottom right;filter:none;margin:0;
}
.profile-hero .profile-text{
  position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;height:100%;min-width:0;width:56%;max-width:850px;
  padding:27px 0 24px var(--pad);box-sizing:border-box;
}
.profile-hero .profile-eyebrow{
  display:block;font:700 11px/1.4 Arial,Helvetica,sans-serif;
  letter-spacing:.24em;text-transform:uppercase;margin:0 0 22px;color:#151615;
}
.profile-hero h1{
  font:normal clamp(68px,7.0vw,111px)/.97 Georgia,'Times New Roman',serif;
  letter-spacing:-.068em;margin:0 0 24px;max-width:100%;color:#161615;
}
.profile-hero .profile-separator{display:block;width:116px;height:1px;background:#474747;margin:0 0 25px;opacity:.85}
.profile-hero .profile-description{
  font:normal clamp(16px,1.24vw,20px)/1.56 Georgia,'Times New Roman',serif;
  color:#2b2b29;max-width:640px;margin:0;padding:0 20px 0 0;
}
.profile-hero .profile-link{
  display:inline-flex;gap:28px;align-items:center;margin-top:24px;padding-bottom:6px;
  border-bottom:1px solid #333;color:#141414;text-decoration:none;
  font:700 11px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;
}
.profile-hero .profile-link:hover{gap:34px}
.profile-hero.mangold{background:#eeeae1}
.profile-hero.mangold .portrait{height:98%;right:0.5%;max-width:54%}
.profile-hero.stella{background:#f6f3ed}
.profile-hero.stella .background-art{background:linear-gradient(90deg,#f6f3ed 0%,#f6f3ed 47%,transparent 63%)}
.profile-hero.stella .stella-artwork-motif{
  position:absolute;top:0;bottom:0;right:0;width:54%;
  background-image:linear-gradient(90deg,rgba(246,243,237,.2),rgba(246,243,237,0)),url('frank-stella-artwork-background.jpg');
  background-size:cover;background-position:center center;
}
.profile-hero.stella .portrait{right:1.0%;height:100%;max-width:50%}
.profile-hero.haring{background:#f3f0e9}
.profile-hero.haring .hero-design{width:57%}
.profile-hero.haring .portrait{height:100%;right:0%;max-width:54%}
.profile-hero.haring .profile-text{width:48%}
.profile-hero.haring h1{font-size:clamp(68px,7vw,112px);max-width:700px}
/* Header is an independent stacking context; backgrounds never enter it. */
.nav{position:sticky;top:0;z-index:80;background:#f8f7f4}
.profile-work{scroll-margin-top:95px}
@media(max-width:1100px){
 .profile-hero .profile-text{width:57%;padding-right:0}
 .profile-hero h1{font-size:clamp(62px,6.3vw,84px)}
 .profile-hero.haring h1{font-size:clamp(62px,6.3vw,86px)}
 .profile-hero .profile-description{font-size:16px;line-height:1.5;max-width:500px}
 .profile-hero .portrait{max-width:51%}
}
@media(max-width:760px){
 .profile-hero{height:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .profile-hero .profile-text,.profile-hero.haring .profile-text{
  width:100%;max-width:none;display:flex;align-items:flex-start;height:auto;
  padding:46px var(--pad) 32px;min-height:0;justify-content:start;
 }
 .profile-hero .profile-eyebrow{margin-bottom:18px}
 .profile-hero h1,.profile-hero.haring h1{font-size:clamp(57px,11vw,78px);margin-bottom:23px}
 .profile-hero .profile-separator{margin-bottom:19px}
 .profile-hero .profile-description{font-size:16px;line-height:1.55;max-width:600px}
 .profile-hero .profile-link{margin-top:22px}
 .profile-hero .portrait,.profile-hero.haring .portrait,.profile-hero.mangold .portrait,.profile-hero.stella .portrait{
  position:relative;z-index:2;right:auto;bottom:auto;align-self:flex-end;width:auto;
  height:auto;max-width:100%;max-height:350px;object-fit:contain;margin-right:0;
 }
 .profile-hero .background-art{top:auto;bottom:0;height:350px}
 .profile-hero .hero-design,.profile-hero.haring .hero-design{width:100%;height:100%}
 .profile-hero.stella .stella-artwork-motif{width:100%;height:100%}
 .profile-hero.stella .background-art{background:none}
 .profile-hero.mangold .background-art{background:#eeeae1}
 .profile-hero.haring{background:#f3f0e9}
}
@media(max-width:440px){
 .profile-hero h1,.profile-hero.haring h1{font-size:clamp(52px,12vw,69px)}
 .profile-hero .portrait,.profile-hero.haring .portrait,.profile-hero.mangold .portrait,.profile-hero.stella .portrait{max-height:310px}
 .profile-hero .background-art{height:310px}
}


/* Haring motif artwork is transparently extracted from the approved visual reference;
   no part of the original render's portrait is used. All three motifs are behind
   the user's exact photograph on the right. */
.profile-hero.haring .background-art{
 background:linear-gradient(90deg,#f3f0e9 0%,#f3f0e9 54.5%,#ffdf17 54.5%,#ffdf17 100%);
}
.profile-hero.haring .background-art > img{
 position:absolute;display:block;width:auto;max-width:none;object-fit:contain;
}
.profile-hero.haring .haring-red-motif{height:97%;bottom:-3%;left:calc(54.5% - 232px)}
.profile-hero.haring .haring-dancer-motif{height:96%;top:0;right:-1.0%}
.profile-hero.haring .haring-blue-motif{height:68%;bottom:-6%;right:-3%}
.profile-hero.haring .portrait{right:4%;height:100%;max-width:52%}
@media(max-width:760px){
 .profile-hero.haring .background-art{background:linear-gradient(90deg,#f3f0e9 0%,#f3f0e9 22%,#ffdf17 22%,#ffdf17 100%)}
 .profile-hero.haring .haring-red-motif{height:100%;left:calc(22% - 90px);bottom:0}
 .profile-hero.haring .haring-dancer-motif{height:98%;right:-8%;top:0}
 .profile-hero.haring .haring-blue-motif{height:53%;right:-8%;bottom:-6%}
 .profile-hero.haring .portrait{right:auto;height:auto;max-width:100%;max-height:350px;margin-right:5%;}
}
@media(max-width:440px){.profile-hero.haring .portrait{max-height:310px}}

/* Rauschenberg: same hero height as Mangold, Haring and Stella.
   All collage imagery is derived from the supplied Bazaar image; portrait is the user's exact PNG. */
.profile-hero.rauschenberg{background:#f8f7f4}
.profile-hero.rauschenberg .background-art{background:#f8f7f4}
.profile-hero.rauschenberg .rauschenberg-collage{
 position:absolute;display:block;top:0;right:0;width:64%;height:100%;max-width:none;
 object-fit:cover;object-position:center center;
}
.profile-hero.rauschenberg .profile-text{width:51%;max-width:830px}
.profile-hero.rauschenberg h1{font-size:clamp(57px,6vw,96px);letter-spacing:-.061em;line-height:.94}
.profile-hero.rauschenberg .profile-description{max-width:570px}
.profile-hero.rauschenberg .portrait{
 bottom:0;right:0;max-width:47%;height:100%;object-fit:contain;
 object-position:bottom right;
}
@media(max-width:1100px){
 .profile-hero.rauschenberg .profile-text{width:53%}
 .profile-hero.rauschenberg h1{font-size:clamp(52px,6.2vw,70px)}
 .profile-hero.rauschenberg .portrait{max-width:49%}
}
@media(max-width:760px){
 .profile-hero.rauschenberg .profile-text{width:100%;max-width:none}
 .profile-hero.rauschenberg h1{font-size:clamp(48px,9.5vw,70px)}
 .profile-hero.rauschenberg .background-art{top:auto;bottom:0;height:350px}
 .profile-hero.rauschenberg .rauschenberg-collage{width:100%;height:100%;object-position:center center}
 .profile-hero.rauschenberg .portrait{max-height:350px;height:auto;max-width:92%;width:auto;right:auto;margin-right:0;align-self:flex-end}
}
@media(max-width:440px){
 .profile-hero.rauschenberg .portrait{max-height:310px}
 .profile-hero.rauschenberg .background-art{height:310px}
}

/* Rauschenberg Bazaar restoration: retain intact paper/collage transitions from source art. */
.profile-hero.rauschenberg .rauschenberg-collage{
  top:4%;right:-2.5%;width:72%;height:96%;object-fit:cover;object-position:center 23%;
}
@media(max-width:760px){
 .profile-hero.rauschenberg .rauschenberg-collage{top:0;width:100%;height:100%;object-fit:cover;object-position:center center}
}


/* Jasper Johns: hero follows the same approved sizing parameters as the other artist pages. */

.profile-hero.johns{background:#f5f3ee}
.profile-hero.johns .background-art{background:#f5f3ee}
.profile-hero.johns .johns-collage{
  position:absolute;display:block;top:0;right:0;width:66%;height:100%;max-width:none;
  object-fit:cover;object-position:center center;
}
.profile-hero.johns .profile-text{width:50%;max-width:820px}
.profile-hero.johns h1{font-size:clamp(59px,6.1vw,98px);letter-spacing:-.062em;line-height:.95}
.profile-hero.johns .profile-description{max-width:560px}
@media(max-width:1100px){
  .profile-hero.johns .profile-text{width:53%}
  .profile-hero.johns h1{font-size:clamp(54px,6vw,76px)}
}
@media(max-width:760px){
  .profile-hero.johns .profile-text{width:100%;max-width:none}
  .profile-hero.johns h1{font-size:clamp(48px,9.6vw,70px)}
  .profile-hero.johns .background-art{top:auto;bottom:0;height:350px}
  .profile-hero.johns .johns-collage{width:100%;height:100%;object-fit:cover;object-position:center center}
}
@media(max-width:440px){
  .profile-hero.johns .background-art{height:310px}
}

/* Baldessari — same approved hero sizing and type system, white paper background. */
.profile-hero.baldessari{background:#faf9f5}
.profile-hero.baldessari .background-art{background:#faf9f5}
.profile-hero.baldessari .background-art > img{position:absolute;display:block;max-width:none;object-fit:cover}
.profile-hero.baldessari .baldessari-photo-cloud{left:50%;top:0;width:26%;height:47%;object-position:center}
.profile-hero.baldessari .baldessari-photo-yellow{right:0;top:0;width:25.5%;height:58%;object-position:center}
.profile-hero.baldessari .baldessari-photo-red{right:0;bottom:0;width:19%;height:57%;object-position:center}
.profile-hero.baldessari .profile-text{width:52%;max-width:850px}
.profile-hero.baldessari h1{font-size:clamp(59px,5.7vw,93px);letter-spacing:-.064em;white-space:nowrap}
.profile-hero.baldessari .profile-description{max-width:605px}
.profile-hero.baldessari .portrait{right:3.2%;height:100%;max-width:51%;object-fit:contain;object-position:bottom right}
@media(max-width:1100px){
 .profile-hero.baldessari .profile-text{width:54%}
 .profile-hero.baldessari h1{font-size:clamp(52px,5.4vw,74px)}
 .profile-hero.baldessari .portrait{right:1.5%;max-width:52%}
}
@media(max-width:760px){
 .profile-hero.baldessari .profile-text{width:100%;max-width:none}
 .profile-hero.baldessari h1{font-size:clamp(52px,9.2vw,72px);white-space:normal}
 .profile-hero.baldessari .background-art{top:auto;bottom:0;height:350px}
 .profile-hero.baldessari .baldessari-photo-cloud{left:0;top:0;width:48%;height:46%}
 .profile-hero.baldessari .baldessari-photo-yellow{right:0;top:0;width:42%;height:54%}
 .profile-hero.baldessari .baldessari-photo-red{right:0;bottom:0;width:32%;height:50%}
 .profile-hero.baldessari .portrait{right:auto;max-width:100%;width:auto;height:auto;max-height:350px;align-self:flex-end;margin-right:0}
}
@media(max-width:440px){
 .profile-hero.baldessari .background-art{height:310px}
 .profile-hero.baldessari .portrait{max-height:310px}
}

/* Correction: keep Haring's original figures on the graphic side, not over hero text. */
@media (min-width:761px){
  .profile-hero.haring .haring-red-motif{left:calc(54.5% - 115px);height:87%;bottom:0}
  .profile-hero.haring .profile-description{max-width:575px}
}
/* Correction: the Johns source artwork/photo is the right-side panel ONLY; no embedded duplicate text. */
@media (min-width:761px){
  .profile-hero.johns .johns-collage{width:54%;object-position:center 46%;}
  .profile-hero.johns .profile-text{width:52%;}
  .profile-hero.johns .profile-description{max-width:565px;}
}

/* Reserve a separate visual panel below real hero text on phones. */
@media (max-width:760px){
  .profile-hero.johns{padding-bottom:350px;}
  .profile-hero.johns .background-art{height:350px;top:auto;bottom:0;}
}
@media (max-width:440px){
  .profile-hero.johns{padding-bottom:310px;}
  .profile-hero.johns .background-art{height:310px;}
}


/* Salvador Dalí — approved text format / shared hero height; white background. */
.profile-hero.dali{background:#faf9f6}
.profile-hero.dali .background-art{background:#faf9f6}
.profile-hero.dali .dali-ochre{position:absolute;left:55%;top:37%;width:20%;height:68%;background:#e9ae47;opacity:.84;transform:rotate(-7deg)}
.profile-hero.dali .dali-clock{position:absolute;right:0;top:0;width:38%;height:75%;max-width:none;object-fit:cover;object-position:center top}
.profile-hero.dali .dali-star{position:absolute;top:16%;left:55%;width:62px;height:62px;opacity:.85}
.profile-hero.dali .dali-line{position:absolute;left:56%;bottom:12%;height:29%;width:1px;background:#4e5147;opacity:.65}
.profile-hero.dali .profile-text{width:51%;max-width:830px}
.profile-hero.dali h1{font-size:clamp(60px,6.5vw,104px);letter-spacing:-.064em;white-space:nowrap}
.profile-hero.dali .profile-description{max-width:590px}
.profile-hero.dali .portrait{right:0%;height:100%;max-width:49%;object-fit:contain;object-position:bottom right}
@media(max-width:1100px){
 .profile-hero.dali .profile-text{width:54%}
 .profile-hero.dali h1{font-size:clamp(52px,6.2vw,82px)}
 .profile-hero.dali .portrait{right:0;max-width:50%}
}
@media(max-width:760px){
 .profile-hero.dali .profile-text{width:100%;max-width:none}
 .profile-hero.dali h1{font-size:clamp(52px,10.2vw,75px);white-space:normal}
 .profile-hero.dali .background-art{top:auto;bottom:0;height:350px}
 .profile-hero.dali .dali-clock{width:61%;height:76%;object-fit:cover}
 .profile-hero.dali .dali-ochre{left:12%;top:35%;width:38%;height:70%}
 .profile-hero.dali .dali-star{left:15%;top:16%;width:45px;height:45px}
 .profile-hero.dali .dali-line{left:16%}
 .profile-hero.dali .portrait{max-width:100%;max-height:350px;align-self:flex-end;margin-right:0;right:auto;height:auto;width:auto}
}
@media(max-width:440px){
 .profile-hero.dali .background-art{height:310px}
 .profile-hero.dali .portrait{max-height:310px}
}

/* Al Hirschfeld — follows the approved 544px desktop artist-hero rule. */
.profile-hero.hirschfeld{background:#fbfaf7}
.profile-hero.hirschfeld .background-art{background:#fbfaf7;overflow:hidden}
.profile-hero.hirschfeld .profile-text{width:52%;max-width:830px}
.profile-hero.hirschfeld h1{font-size:clamp(61px,6.5vw,101px);letter-spacing:-.063em;white-space:nowrap}
.profile-hero.hirschfeld .profile-description{max-width:550px}
.profile-hero.hirschfeld .portrait{height:100%;right:1.3%;max-width:51%;object-fit:contain;object-position:bottom right}
.profile-hero.hirschfeld .hirschfeld-illustration{position:absolute;display:block;width:auto;max-width:none;object-fit:contain}
.profile-hero.hirschfeld .hirschfeld-dancers{top:-3%;height:68%;left:53%;transform:rotate(-3deg);opacity:.94}
.profile-hero.hirschfeld .hirschfeld-woman{top:-6%;height:83%;right:-1.2%;opacity:.9}
.profile-hero.hirschfeld .hirschfeld-chaplin{bottom:-8%;height:82%;right:-3.5%;opacity:.83}
.profile-hero.hirschfeld .hirschfeld-blue-wash{position:absolute;top:18%;left:58%;width:37%;height:75%;transform:rotate(-9deg);background:linear-gradient(135deg,rgba(71,145,191,.67),rgba(71,145,191,.10) 75%);clip-path:polygon(6% 0,100% 7%,91% 100%,0 92%);mix-blend-mode:multiply}
.profile-hero.hirschfeld .hirschfeld-red-wash{position:absolute;right:0;top:11%;height:81%;width:10%;background:linear-gradient(90deg,rgba(199,54,38,.03),rgba(211,63,43,.68));transform:skewY(-4deg)}
@media(max-width:1100px){
 .profile-hero.hirschfeld .profile-text{width:54%}
 .profile-hero.hirschfeld h1{font-size:clamp(56px,6vw,79px)}
 .profile-hero.hirschfeld .portrait{max-width:52%}
}
@media(max-width:760px){
 .profile-hero.hirschfeld{padding-bottom:350px}
 .profile-hero.hirschfeld .profile-text{width:100%;max-width:none}
 .profile-hero.hirschfeld h1{font-size:clamp(50px,10vw,72px);white-space:normal}
 .profile-hero.hirschfeld .background-art{top:auto;bottom:0;height:350px}
 .profile-hero.hirschfeld .portrait{position:absolute;right:0;bottom:0;height:350px;width:auto;max-width:100%;max-height:350px;object-fit:contain;object-position:bottom right}
 .profile-hero.hirschfeld .hirschfeld-dancers{left:1%;height:65%;top:-5%}
 .profile-hero.hirschfeld .hirschfeld-woman{height:63%;top:0;right:-7%}
 .profile-hero.hirschfeld .hirschfeld-chaplin{height:70%;bottom:-8%;right:-7%}
 .profile-hero.hirschfeld .hirschfeld-blue-wash{left:14%;top:10%;width:75%;height:82%}
}
@media(max-width:440px){
 .profile-hero.hirschfeld{padding-bottom:310px}
 .profile-hero.hirschfeld .background-art{height:310px}
 .profile-hero.hirschfeld .portrait{height:310px;max-height:310px}
}


/* Andy Warhol / selected works — consistent artist hero metrics (544px at 1600px). */
.profile-hero.warhol{background:#faf9f6}
.profile-hero.warhol .background-art{background:#faf9f6;overflow:hidden}
.profile-hero.warhol .profile-text{width:53%;max-width:840px}
.profile-hero.warhol h1{font-size:clamp(68px,6.75vw,105px);white-space:nowrap;letter-spacing:-.058em}
.profile-hero.warhol .profile-description{max-width:555px}
.profile-hero.warhol .portrait{height:100%;max-width:49%;right:3.5%;object-fit:contain;object-position:bottom right}
.profile-hero.warhol .warhol-chromatic-block{position:absolute;left:55%;top:0;bottom:0;width:45%;background:linear-gradient(130deg,#f3e9db 0%,#f3e9db 23%,#e5dacf 24%,#e5dacf 34%,#f5f1ea 35%,#f5f1ea 100%)}
.profile-hero.warhol .warhol-back-mat{position:absolute;right:0;top:0;width:37%;height:100%;background:#2e4385;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.profile-hero.warhol .warhol-art-ribbon{position:absolute;right:-1%;bottom:-20%;height:96%;width:30%;transform:rotate(-7deg);opacity:.70;overflow:hidden;box-shadow:-16px 15px 0 rgba(230,88,149,.68);mix-blend-mode:screen}
.profile-hero.warhol .warhol-art-ribbon img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.profile-hero.warhol .warhol-blue-window{position:absolute;top:5%;left:55.5%;width:26%;height:75%;background:#186fa5;opacity:.85;clip-path:polygon(0 11%,100% 0,100% 86%,0 100%)}
.profile-hero.warhol .warhol-gold-square{position:absolute;right:6.5%;top:7.3%;height:135px;width:135px;background:#ebc75e;mix-blend-mode:screen;opacity:.9}
.profile-hero.warhol .warhol-halftone{position:absolute;right:1%;top:0;width:26%;height:100%;background-image:radial-gradient(circle,rgba(21,21,38,.16) 1.4px,transparent 1.5px);background-size:15px 15px;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000)}
.profile-hero.warhol .warhol-offset-line{position:absolute;right:12%;top:0;height:100%;width:8px;background:#ef4f9e;transform:skewX(-11deg);opacity:.72}
@media(max-width:1100px){
 .profile-hero.warhol .profile-text{width:54%}
 .profile-hero.warhol h1{font-size:clamp(59px,6.0vw,78px)}
 .profile-hero.warhol .portrait{right:2%;max-width:51%}
}
@media(max-width:760px){
 .profile-hero.warhol{padding-bottom:350px}
 .profile-hero.warhol .profile-text{width:100%;max-width:none}
 .profile-hero.warhol h1{font-size:clamp(58px,10vw,75px);white-space:normal}
 .profile-hero.warhol .background-art{top:auto;bottom:0;height:350px}
 .profile-hero.warhol .portrait{position:absolute;bottom:0;right:0;height:350px;width:auto;max-width:95%;max-height:350px;object-fit:contain;object-position:bottom right}
 .profile-hero.warhol .warhol-chromatic-block{left:7%;width:93%}
 .profile-hero.warhol .warhol-back-mat{width:78%}
 .profile-hero.warhol .warhol-art-ribbon{width:70%;height:95%}
 .profile-hero.warhol .warhol-blue-window{left:3%;width:67%;height:75%}
 .profile-hero.warhol .warhol-gold-square{width:86px;height:86px}
}
@media(max-width:440px){
 .profile-hero.warhol{padding-bottom:310px}
 .profile-hero.warhol .background-art{height:310px}
 .profile-hero.warhol .portrait{height:310px;max-height:310px}
}