.art-detail {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);align-items:start;gap:1.6rem}
.art-detail-copy {padding:1.1rem 1.25rem;background:#f4f6fa;border:1px solid #dce2ed;border-radius:.7rem;min-width:0}
.art-detail-copy h1 {font-size:clamp(1.4rem,2vw,2rem);line-height:1.2;margin:.3rem 0 1rem}
.product-media {display:grid;grid-template-columns:88px minmax(0,1fr);gap:.6rem;min-width:0}
.product-media-thumbnails {display:flex;flex-direction:column;gap:.55rem;max-height:calc(100dvh - 220px);overflow:auto;scrollbar-width:thin}
.product-media-thumbnails button {flex:none;border:2px solid transparent;border-radius:.55rem;background:#eef1f6;color:#162a50;padding:.25rem;cursor:pointer;width:82px;line-height:1.2}
.product-media-thumbnails button[aria-pressed=true] {border-color:#03256a;background:#fff}
.product-media-thumbnails img {display:block;width:70px;height:65px;object-fit:contain}
.product-media-thumbnails span {display:block;font-size:.69rem;max-height:2.5em;overflow:hidden}
.product-media-main {min-width:0;background:#edf0f4;border-radius:.75rem;overflow:hidden}
.product-media-main figure {margin:0;position:relative}
.product-media-main figure>img {display:block;width:100%;height:clamp(320px,61dvh,800px);object-fit:contain}
.product-media-main figcaption {padding:.5rem .75rem;font-size:.82rem;color:#394867;background:#f6f7fa}
.media-expand {position:absolute;right:.65rem;top:.65rem;border:1px solid #ccd5e5;background:#fffffff2;color:#03256a;border-radius:.5rem;padding:.55rem;cursor:pointer}
.product-media-main .art-spin {padding:.6rem;background:transparent;border:0;margin:0}
.product-media-main .art-spin-stage {aspect-ratio:auto;height:clamp(280px,53dvh,720px);background:transparent}
.art-spin-stage {touch-action:pan-y;user-select:none;cursor:grab}
.art-spin-stage img {width:100%;height:100%;object-fit:contain;display:block;user-select:none}
.art-spin-controls {display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap;align-items:center}
.art-spin-controls button {padding:.45rem .7rem;font-size:.86rem}
.art-spin-status {text-align:center;font-size:.82rem;margin:.5rem 0}
.spin-editor-preview {max-width:900px;margin:1rem auto;background:#eff2f6;border-radius:.6rem;padding:1rem}
.spin-editor-preview .art-spin-stage {height:clamp(260px,48dvh,580px)}
.spin-editor-preview img {max-width:none!important;max-height:none!important}
.media-modal-open {overflow:hidden}
.media-lightbox {padding:.6rem;border:1px solid #7286a7;border-radius:.7rem;width:min(1500px,calc(100vw - 2rem));height:calc(100dvh - 2rem);max-width:none;max-height:none;background:#f5f7fa;overflow:hidden}
.media-lightbox::backdrop {background:#0d183de0}
.media-lightbox-header {height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;gap:1rem}
.media-lightbox-body {height:calc(100% - 44px);min-height:0;display:flex;align-items:center;justify-content:center}
.media-lightbox-body>figure {margin:0;width:100%;height:100%;display:flex;flex-direction:column;min-height:0}
.media-lightbox-body>figure>img {display:block;width:100%;flex:1;min-height:0;object-fit:contain}
.media-lightbox-body figcaption {font-size:.85rem;padding:.4rem;text-align:center;flex:none;max-height:3.3rem;overflow:auto}
.media-lightbox [data-media-expand] {display:none}
.media-lightbox .art-spin {display:flex;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;padding:.5rem;border:0;min-height:0}
.media-lightbox .art-spin-stage {height:auto;aspect-ratio:auto;flex:1;min-height:0;width:100%}
.media-lightbox .art-spin-controls,.media-lightbox .form-actions,.media-lightbox .art-spin-status {flex:none}
.media-lightbox .art-spin-stage img {height:100%;max-height:100%!important}
[hidden] {display:none!important}
@media(max-width:1250px){.product-media {grid-template-columns:1fr}.product-media-main {grid-row:1}.product-media-thumbnails {flex-direction:row;max-height:none;overflow-x:auto}.product-media-thumbnails button {width:72px}.product-media-thumbnails img {width:60px;height:55px}.art-detail {grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}}
@media(max-width:800px){.art-detail {grid-template-columns:1fr}.product-media-main figure>img {height:min(65dvh,520px)}.product-media-main .art-spin-stage {height:min(52dvh,450px)}.media-lightbox {width:100vw;height:100dvh;margin:0;border-radius:0;padding:.25rem}.media-lightbox-header {height:44px}.art-detail-copy {padding:1rem}.product-media-thumbnails {padding-bottom:.2rem}}
/* Keep the caption backing blue while only its contents and photograph fade. */
.home-art-stage {background:linear-gradient(to top,#03256a 0 88px,#ebeff4 88px 100%)}
.home-art-slide {opacity:1;visibility:hidden;transition:none;grid-template-rows:minmax(0,1fr) 88px}
.home-art-slide.is-active {opacity:1;visibility:visible}
.home-art-slide .home-art-subject,.home-art-slide figcaption>* {opacity:0;transition:opacity .7s ease}
.home-art-slide.is-active .home-art-subject,.home-art-slide.is-active figcaption>* {opacity:1}
.home-art-slide figcaption {background:#03256a;min-height:88px;display:flex;align-items:center}
@media(prefers-reduced-motion:reduce){.home-art-slide .home-art-subject,.home-art-slide figcaption>* {transition:none}}

.v38-art-card-photo.has-grid-crop img {max-height:none;height:auto;object-fit:cover}