/* v8.6 — uncut photo-album stage only. Does not change hero/cards/site images. */
/* The stage is a two-row component. Controls/captions never cover photo pixels. */
.zh-album-showcase .zh-album-stage {
 display:grid!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 overflow:hidden!important;
 background:#162d3d;
}
.zh-album-showcase .zh-album-media {
 position:relative!important;
 display:block!important;
 min-height:0!important;
 width:100%!important;
 height:100%!important;
 overflow:hidden!important;
 isolation:isolate;
}
.zh-album-showcase .zh-album-slide {
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 margin:0!important;
 display:flex;
 flex-direction:column;
 overflow:hidden;
 transform:none!important;
}
.zh-album-showcase .zh-album-slide[hidden]{display:none!important}
.zh-album-showcase .zh-album-slide>a {
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 position:relative!important;
 flex:1 1 auto!important;
 width:100%!important;
 height:auto!important;
 min-height:0!important;
 padding:4px!important;
 margin:0!important;
 overflow:hidden!important;
 background:none!important;
 border:0!important;
 text-align:center;
}
.zh-album-showcase .zh-album-slide>a::before,
.zh-album-showcase .zh-album-slide>a::after,
.zh-album-showcase .zh-album-backdrop {display:none!important;content:none!important}
.zh-album-showcase .zh-album-slide>a>img.zh-album-photo {
 display:block!important;
 position:static!important;
 flex:0 1 auto!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 margin:0 auto!important;
 object-fit:contain!important;
 object-position:50% 50%!important;
 transform:none!important;
 scale:1!important;
 clip-path:none!important;
 border-radius:0!important;
 filter:none!important;
 background:none!important;
}
/* Captions remain available but do not obscure the displayed photograph. */
.zh-album-showcase .zh-album-slide figcaption {
 position:static!important;
 flex:0 0 auto!important;
 max-width:100%!important;
 margin:0!important;
 border-radius:0!important;
 padding:4px 11px!important;
 background:#183449!important;
 color:#fff;
 text-align:right;
 font-size:12px;
 line-height:1.55;
 max-height:4.3em;
 overflow:auto;
}
.zh-album-showcase .zh-album-stage-overlay {
 position:relative!important;
 inset:auto!important;
 grid-row:2;
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:12px!important;
 min-height:54px!important;
 padding:9px 13px!important;
 border-top:1px solid rgba(255,255,255,.13);
 background:#122c3f!important;
 pointer-events:auto!important;
 color:white;
}
.zh-album-showcase .zh-album-stage-overlay h3{max-width:75%;margin:0}
.zh-album-showcase .zh-album-thumbnails img,
.zh-album-showcase .zh-album-choice-cover img{
 object-fit:contain!important;
 object-position:center!important;
 width:100%!important;
 height:100%!important;
 transform:none!important;
}
/* A directional transition may animate the slide but must never scale/zoom it. */
.zh-album-showcase .zh-album-slide.is-entering {
 animation:zh-album-uncut-reveal .65s cubic-bezier(.22,1,.36,1) both!important;
}
@keyframes zh-album-uncut-reveal {
 from{opacity:.5;clip-path:inset(0 0 0 100%)}
 to{opacity:1;clip-path:inset(0 0 0 0)}
}
.zh-album-showcase .zh-album-stage:fullscreen,
.zh-album-showcase .zh-album-stage:-webkit-full-screen {
 height:100vh!important;
 height:100dvh!important;
 width:100vw!important;
 border-radius:0!important;
}
.zh-album-showcase .zh-album-stage:fullscreen .zh-album-slide>a {padding:8px!important}
@media(max-width:520px){
 .zh-album-showcase .zh-album-stage-overlay{min-height:62px!important;padding:8px 10px!important}
 .zh-album-showcase .zh-album-stage-overlay h3{max-width:100%;font-size:12px}
 .zh-album-showcase .zh-album-slide>a{padding:3px!important}
}
@media(prefers-reduced-motion:reduce){
 .zh-album-showcase .zh-album-slide.is-entering{animation:none!important}
}
