/* Approved calm exhibition: authentic ratios, one control group and quiet captions. */
.art-experience { --art-height:465px; background:var(--surface-base); }
.art-experience .art-heading { display:block; padding:50px var(--gutter) 30px; }
.art-experience .art-heading h1 { max-width:620px; margin:0; font-size:84px; line-height:.9; letter-spacing:-.035em; text-wrap:initial; }
.art-heading h1 > * { display:block; }
.art-experience .art-heading h1 em { margin:0; font-style:normal; color:var(--accent-gold); white-space:nowrap; }
.art-experience .art-heading__intro { max-width:620px; margin:24px 0 0; font-size:23px; line-height:1.4; color:var(--text-primary); }
.art-navigation { display:flex; align-items:center; justify-content:flex-start; gap:32px; min-height:70px; margin:0 var(--gutter); padding:0; border-top:1px solid var(--border-subtle); }
.art-position { font:400 13px/1.5 var(--body); color:var(--text-primary); white-space:nowrap; }
.art-navigation__buttons { display:flex; gap:10px; }
.art-navigation__buttons button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--border-subtle); border-radius:50%; background:transparent; transition:background .25s ease,border-color .25s ease; }
.art-navigation__buttons button:hover { border-color:var(--accent-gold); background:var(--surface-raised); }
.art-navigation__buttons button:disabled { cursor:default; opacity:.35; }
.art-stage { position:relative; isolation:isolate; }
.art-viewport { overflow-x:auto; overflow-y:hidden; width:100%; scrollbar-width:none; touch-action:pan-x pan-y; scroll-padding-inline:var(--gutter); cursor:grab; }
.art-viewport::-webkit-scrollbar { display:none; }
.art-viewport.is-dragging { cursor:grabbing; user-select:none; }
.art-viewport:focus-visible { outline-offset:-4px; }
.gallery-track { position:relative; display:flex; align-items:flex-start; gap:74px; width:max-content; min-width:100%; padding:20px var(--gutter) 54px; }
.art-experience .gallery-track .artwork { --piece-height:var(--art-height); flex:0 0 auto; width:max-content; max-width:none; margin:0; padding:0; }
.art-experience .gallery-track .artwork--intimate { --piece-height:390px; padding-top:45px; }
.art-experience .gallery-track .artwork--lifted { --piece-height:440px; padding-top:8px; }
.art-experience .gallery-track .gallery-piece { display:block; width:auto; height:auto; max-width:none; padding:0; overflow:visible; border:0; background:transparent; }
.art-experience .gallery-track .gallery-piece img { display:block; width:auto; height:var(--piece-height); max-width:none; object-fit:contain; transition:none; user-select:none; -webkit-user-drag:none; }
.art-experience .gallery-track .gallery-piece::after { display:none; }
.art-experience .artwork-caption { display:flex; justify-content:flex-start; align-items:center; gap:28px; min-height:61px; padding:17px 0 0; margin:0; border:0; }
.art-experience .artwork-caption h3 { margin:0; font:400 13px/1.5 var(--body); letter-spacing:.06em; color:var(--text-primary); }
.art-experience .artwork .artwork-enlarge { position:relative; display:inline-flex; width:auto; flex:0 0 auto; overflow:visible; cursor:pointer; align-items:center; justify-content:flex-start; gap:7px; min-height:44px; padding:8px 0; border:0; background:transparent; font:400 13px/1.5 var(--body); color:var(--text-primary); }
.art-experience .artwork .artwork-enlarge::after { display:none; }
.artwork-enlarge > span { font-size:17px; }
.artwork-enlarge:hover { color:var(--gold-bright); }
.art-experience .gallery-track .gallery-piece:is(:hover,:focus-visible) img { transform:none; filter:none; }
@media(max-width:1000px) and (min-width:701px) {
  .art-experience .art-heading { padding-top:38px; padding-bottom:24px; }
  .art-experience .art-heading h1 { font-size:72px; }
  .art-experience .art-heading__intro { max-width:560px; font-size:22px; margin-top:22px; }
  .art-navigation { min-height:68px; }
  .gallery-track { gap:58px; }
}
@media(max-width:700px) {
  .art-experience .art-heading { padding:30px var(--gutter) 20px; }
  .art-experience .art-heading h1 { font-size:50px; line-height:.91; }
  .art-experience .art-heading__intro { max-width:27ch; font-size:20px; line-height:1.35; margin-top:16px; }
  .art-navigation { min-height:64px; gap:16px; }
  .art-position { margin-right:auto; }
  .art-navigation__buttons { gap:8px; }
  .gallery-track { gap:24px; padding-top:14px; padding-bottom:36px; }
  .art-experience .gallery-track .artwork { width:calc(100vw - 72px); padding:0; }
  .art-experience .gallery-track .gallery-piece { width:100%; }
  .art-experience .gallery-track .gallery-piece img { width:100%; height:auto; max-width:none; }
  .art-experience .artwork-caption { gap:24px; padding-top:17px; }
}
@media(max-width:360px) {
  .art-experience .art-heading { padding-top:26px; padding-bottom:18px; }
  .art-experience .art-heading h1 { font-size:46px; }
  .art-experience .art-heading__intro { font-size:19px; line-height:1.35; margin-top:14px; }
  .art-experience .gallery-track .artwork { width:calc(100vw - 60px); }
}
@media(prefers-reduced-motion:reduce) {
  .art-navigation__buttons button { transition:none; }
}