/* The owner-selected miniature paintings keep their complete folio composition. */
.gallery-feature,.experience-visual{background:#fff}
.gallery-frame img,.experience-frame img{width:100%;height:100%;object-fit:contain;object-position:center}
.gallery-feature{aspect-ratio:2/3}
.gallery-frame{bottom:108px}
.gallery-caption{left:0;right:0;bottom:0;background:#fff;padding:22px 0;border-top:1px solid var(--line)}
.gallery-feature:hover img{transform:none}
.listening-block{align-items:center}
.listening-image{height:auto;aspect-ratio:auto;padding:34px;background:var(--ink)}
.listening-image img{width:100%;height:auto;min-height:0;object-fit:contain;object-position:center}
.intro-image{aspect-ratio:auto;background:#fff}
.intro-image img{height:auto;width:100%;object-fit:contain;object-position:center;max-height:660px}
.detail-photo{aspect-ratio:2/3;max-height:700px;border-radius:0;background:#fff}
.detail-photo img{object-fit:contain;object-position:center}
.audience-photo{aspect-ratio:1;overflow:visible;border-radius:0;background:#fff}
.audience-photo img,.audience-women .audience-photo img,.audience-men .audience-photo img{object-fit:contain;object-position:center}
.audience-choice:hover .audience-photo img{transform:none}
.category-photo{aspect-ratio:1;border-radius:0;background:#fff}
.category-photo img{object-fit:contain;object-position:center}
.category-portrait:hover .category-photo img,.category-portrait[aria-pressed=true] .category-photo img{transform:none}
.locality-hero-art figure>img,.locality-detail-art figure>img{aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:0;background:#fff}
@media(max-width:1000px){
 .listening-block{grid-template-columns:1fr}
 .listening-image{max-width:900px;padding:36px 36px 0;margin:auto}
 .listening-copy{max-width:800px;padding:40px 36px 55px;margin:auto}
}
@media(max-width:700px){
 .gallery-feature{aspect-ratio:2/3}
 .gallery-frame{bottom:104px}
 .gallery-caption{padding:20px 0}
 .listening-image{padding:22px 22px 0}
 .listening-copy{padding:35px 27px 48px}
 .detail-photo{aspect-ratio:2/3;max-height:510px;border-radius:0}
 .audience-photo{aspect-ratio:2/3}
 .audience-arrow{top:auto;right:0;bottom:100%;margin-bottom:10px;background:var(--ink);color:#fff}
 .category-photo{aspect-ratio:2/3}
 .locality-hero-art figure>img,.locality-detail-art figure>img{aspect-ratio:3/2;border-radius:0}
}

/* An editorial opening gives the painting its own space and keeps copy readable. */
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;height:auto;min-height:0;max-height:none;padding:55px var(--edge) 35px;max-width:1800px;margin:auto;background:#fff}
.hero-image{position:relative;inset:auto;grid-row:2;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;mask-image:none}
.hero-veil{display:none}
.hero-copy{grid-row:1;display:grid;grid-template-columns:1.15fr 1fr;column-gap:8%;align-content:start;align-items:start;padding:0;width:100%;max-width:none}
.hero h1{grid-column:1;grid-row:1 / span 3;max-width:none;font-size:clamp(52px,5.5vw,84px);line-height:1.13;margin:0}
.hero-copy>p:not(.section-label){grid-column:2;margin:0;font-size:21px;line-height:1.6;max-width:440px}
.hero-copy .button{grid-column:2;justify-self:start;margin-top:24px;min-height:54px;font-size:17px}
.hero-secondary{grid-column:2;margin-top:15px;background:none;padding:0;font-size:17px;max-width:none;line-height:1.6}
.hero-caption{position:static;grid-row:3;left:auto;right:auto;bottom:auto;color:var(--muted);text-shadow:none;font-size:15px;gap:20px}
.hero-caption>a{padding:0;background:none;color:var(--ink);text-shadow:none;font-size:15px}
.hero-caption>span{font-size:15px;max-width:none}
@media(max-width:1000px){.hero{padding-top:38px}.hero-copy{column-gap:5%;grid-template-columns:1.05fr 1fr}.hero h1{font-size:55px}.hero-copy>p:not(.section-label){font-size:19px}}
@media(max-width:700px){
 .hero{padding:38px var(--edge) 25px;gap:30px}
 .hero-copy{display:block;padding:0}
 .hero h1{font-size:clamp(47px,10.8vw,70px);line-height:1.14;max-width:none}
 .hero-copy>p:not(.section-label){font-size:19px;line-height:1.65;max-width:100%;margin-top:22px}
 .hero-copy .button{font-size:17px;margin-top:23px}
 .hero-secondary{display:block;font-size:17px;margin-top:18px;max-width:100%;padding:0;background:none}
 .hero-image{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;mask-image:none}
 .hero-caption{justify-content:space-between;align-items:start;font-size:14px;gap:15px}
 .hero-caption>span{display:none}
 .hero-caption a{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-copy{animation:none;transform:none}.hero:after{display:none}}