/* Preserve the approved exhibit layout independently of the character study. */
.sample-art{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#f8f2f0}
.sample-art>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.exhibit:has(.sample-art) .frame{padding:12px;background:linear-gradient(135deg,#e1c68c,#826332 8%,#ead6a8 12%,#987a48 94%,#533e21);box-shadow:0 20px 30px #0008}
.exhibit:has(.sample-art) .art{border:0;background:#f8f2f0;overflow:hidden}
.detail-art:has(.sample-art){align-items:start}.detail-art .sample-art{height:auto;aspect-ratio:1.35}
/* Fit the artwork to the front wall. Wheel/scroll behavior remains in immersive.js. */
.gallery{--screen-top:clamp(174px,22svh,220px);--screen-footroom:170px;--screen-width:min(76vw,calc((100svh - var(--screen-top) - var(--screen-footroom))*1.5),980px)}
.gallery-heading{top:80px;left:0;width:100%;padding:0 20px}
.gallery-heading .eyebrow{font-size:9px;letter-spacing:.2em}
.gallery-heading h2{font-size:clamp(24px,2.4vw,34px);line-height:1.35;margin-top:6px}
.gallery-heading>p:last-child{font-size:12px;line-height:1.65;margin-top:6px}
.arc{left:4%;top:var(--screen-top);height:auto;bottom:100px}
.exhibit{width:var(--screen-width)}
.exhibit .label{font-size:clamp(20px,1.7vw,25px);line-height:1.4;margin-top:10px}
.exhibit .category{font-size:10px;line-height:1.4;margin-top:3px}
.controls{bottom:4%;gap:20px}
.collection-group-heading{margin:38px 0 8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:18px;color:var(--gold)}
header{transform:translateZ(0)}
@media(max-width:768px){
 .gallery{--screen-top:clamp(230px,30svh,300px);--screen-footroom:190px;--screen-width:min(94vw,calc((100svh - var(--screen-top) - var(--screen-footroom))*1.5))}
 .gallery-heading{top:112px;padding:0 12px}
 .gallery-heading h2{font-size:clamp(23px,6vw,28px);line-height:1.4}
 .gallery-heading>p:last-child{max-width:320px;margin:6px auto 0;font-size:12px}
 .arc{left:0;top:var(--screen-top)}
 .exhibit .label{font-size:19px;line-height:1.35;margin-top:8px}
 .exhibit .category{font-size:9px;line-height:1.4}
 .controls{bottom:4%;gap:12px}
 .stage{min-height:560px}
 .stage-foot{bottom:10px}
}
@media(min-width:769px) and (max-height:640px){
 .gallery{--screen-top:140px;--screen-footroom:140px}
 .gallery-heading{top:70px}
 .gallery-heading .eyebrow{display:none}
 .gallery-heading h2{font-size:26px}
 .controls{bottom:3%}
 .intro{top:23%}h1{font-size:34px}.lead{margin-top:12px}.enter{margin-top:12px}
}
@media(max-width:768px) and (max-height:700px){
 .gallery{--screen-top:190px}
 .gallery-heading{top:94px}
 .gallery-heading .eyebrow{display:none}
 .gallery-heading h2{font-size:23px}
 .gallery-heading>p:last-child{font-size:11px}
}
@media(max-width:360px){
 .brand{font-size:15px;white-space:nowrap}nav{gap:9px;max-width:145px}
 .gallery-heading h2{font-size:23px}
 .exhibit .label{font-size:17px}
}