/* A quiet spatial stage; the photographs remain the main source of colour. */
.ssm-overview{background:radial-gradient(ellipse at 50% 55%,#53402b24,transparent 66%),#211c18}
.ssm-overview .entry-carousel{isolation:isolate}
.ssm-overview .entry-carousel::before{content:'';position:absolute;inset:0 -3%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#d5b4770e,transparent 61%),radial-gradient(ellipse at 56% 82%,#a6b7e109,transparent 46%),radial-gradient(ellipse at 50% 94%,#0806035e,transparent 62%)}
.ssm-overview .entry-carousel::after{content:'';position:absolute;z-index:0;pointer-events:none;left:25%;right:25%;bottom:1%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#0806035e,transparent 70%);transform:perspective(500px) rotateX(45deg)}
.ssm-overview .entry-track{perspective:1500px;perspective-origin:50% 50%;overflow:hidden;z-index:1;touch-action:pan-y pinch-zoom}
.ssm-overview .entry-card,.ssm-overview .entry-card.is-active{left:0;top:0;bottom:auto;touch-action:pan-y pinch-zoom;transform-origin:50% 50%;box-shadow:0 15px 30px #08050345,0 2px 5px #08050326;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ssm-overview .entry-side-label{top:var(--side-top,auto);bottom:var(--side-bottom,26px)}
.entry-depth-preview{display:none;pointer-events:none}
.ssm-overview .entry-prev{left:calc(8% - 23px)}
.ssm-overview .entry-next{right:calc(8% - 23px)}

/* Portrait has its own axis and a compact photograph + caption composition. */
.ssm-overview.is-vertical-selection .entry-track,
.ssm-overview.is-vertical-selection .entry-card{touch-action:pan-x pinch-zoom}
.ssm-overview.is-vertical-selection .entry-card,
.ssm-overview.is-vertical-selection .entry-card.is-active{background:#29221c}
.ssm-overview.is-vertical-selection .entry-card>img,
.ssm-overview.is-vertical-selection .entry-card.is-active>img{inset:0 0 auto;width:100%;height:calc(100% - 180px);object-fit:contain;object-position:center;background:#19140f}
.ssm-overview.is-vertical-selection .entry-card::after,
.ssm-overview.is-vertical-selection .entry-card.is-active::after{background:none}
.ssm-overview.is-vertical-selection .entry-card .entry-card-copy,
.ssm-overview.is-vertical-selection .entry-card.is-active .entry-card-copy,
.ssm-overview.is-vertical-selection .entry-card:not(.is-active) .entry-card-copy{display:flex;left:26px;right:26px;bottom:22px}
.ssm-overview.is-vertical-selection .entry-card .entry-title,
.ssm-overview.is-vertical-selection .entry-card.is-active .entry-title,
.ssm-overview.is-vertical-selection .entry-card:not(.is-active) .entry-title{font-size:clamp(35px,4.5vw,46px);line-height:1.1}
.ssm-overview.is-vertical-selection .entry-card:is(.is-active,:not(.is-active)) .entry-kicker{font-size:13px;line-height:1.5;margin-bottom:6px}
.ssm-overview.is-vertical-selection .entry-card:is(.is-active,:not(.is-active)) .entry-description{font-size:16px;line-height:1.55;margin-top:9px}
.ssm-overview.is-vertical-selection .entry-side-label{display:block;font-size:18px;line-height:1.2}
.ssm-overview.is-vertical-selection .entry-depth-preview{display:block;position:absolute;left:0;right:0;top:var(--peek-top,auto);bottom:var(--peek-bottom,0);height:150px;opacity:var(--depth-preview-opacity,0);overflow:hidden}
.entry-depth-preview img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.65}
.entry-depth-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#120d0755,transparent 45%,#120d0777)}
.ssm-overview.is-vertical-selection .entry-prev,
.ssm-overview.is-vertical-selection .entry-next{left:calc(50% - 23px);right:auto;transform:none}
.ssm-overview.is-vertical-selection .entry-prev{top:12px;bottom:auto}
.ssm-overview.is-vertical-selection .entry-next{top:auto;bottom:12px}
.ssm-overview.is-vertical-selection .entry-arrow svg{transform:rotate(90deg)}
.ssm-overview.is-vertical-selection .entry-arrow:active{transform:scale(.94)}
.ssm-overview.is-vertical-selection .entry-open-cue{top:16px;right:16px}
@media(max-width:550px){
 .ssm-overview.is-vertical-selection .entry-card>img,
 .ssm-overview.is-vertical-selection .entry-card.is-active>img{height:calc(100% - 156px)}
 .ssm-overview.is-vertical-selection .entry-card .entry-card-copy,
 .ssm-overview.is-vertical-selection .entry-card.is-active .entry-card-copy,
 .ssm-overview.is-vertical-selection .entry-card:not(.is-active) .entry-card-copy{left:18px;right:18px;bottom:16px}
 .ssm-overview.is-vertical-selection .entry-card .entry-title,
 .ssm-overview.is-vertical-selection .entry-card.is-active .entry-title,
 .ssm-overview.is-vertical-selection .entry-card:not(.is-active) .entry-title{font-size:29px}
 .ssm-overview.is-vertical-selection .entry-card:is(.is-active,:not(.is-active)) .entry-kicker{font-size:11px;line-height:1.4;margin-bottom:5px}
 .ssm-overview.is-vertical-selection .entry-card:is(.is-active,:not(.is-active)) .entry-description{font-size:14px;line-height:1.5;margin-top:8px}
 .ssm-overview.is-vertical-selection .entry-side-label{font-size:14px}
 .ssm-overview.is-vertical-selection .entry-depth-preview{height:85px}
 .ssm-overview.is-vertical-selection .entry-prev{left:calc(50% - 22px);top:0}
 .ssm-overview.is-vertical-selection .entry-next{left:calc(50% - 22px);bottom:0}
 .ssm-overview.is-vertical-selection .entry-open-cue{top:12px;right:12px;font-size:12px;height:40px}
}
@media(orientation:landscape) and (max-height:520px){
 .ssm-overview .entry-card .entry-card-copy,
 .ssm-overview .entry-card.is-active .entry-card-copy,
 .ssm-overview .entry-card:not(.is-active) .entry-card-copy{bottom:14px;left:20px;right:20px}
 .ssm-overview .entry-card .entry-title,
 .ssm-overview .entry-card.is-active .entry-title,
 .ssm-overview .entry-card:not(.is-active) .entry-title{font-size:29px}
 .ssm-overview .entry-open-cue{top:10px;right:12px;height:36px}
}
@media(prefers-reduced-motion:reduce){.ssm-overview .entry-track{perspective:none}}