/* One entrance, sized to the stable viewport rather than Safari's moving bars.
   A minimum height preserves readable content on short screens and at zoom. */
.ssm-overview{height:100svh;min-height:560px;padding-top:100px;display:flex;flex-direction:column}
.ssm-overview #start{display:flex;flex-direction:column;flex:1;min-height:0}
.ssm-overview .discovery-intro{display:block;flex:none;padding:10px 0 22px}
.ssm-overview .discovery-intro h1{font-size:clamp(28px,2.8vw,42px);line-height:1.15;text-wrap:balance}
.ssm-overview .entry-carousel{flex:1;min-height:0;margin-bottom:18px}
.ssm-overview .entry-track{height:100%;min-height:0;margin-inline:0}
.ssm-overview .entry-card .entry-title{font-size:clamp(38px,4.4vw,62px)}
.ssm-overview .entry-card.is-active .entry-card-copy{left:30px;right:30px;bottom:28px}
.ssm-overview .entry-card.is-active .entry-kicker{font-size:13px;letter-spacing:.03em;line-height:1.5;margin-bottom:9px}
.ssm-overview .entry-card.is-active .entry-description{font-size:15px;line-height:1.6;max-height:110px;max-width:540px;margin-top:13px}
.ssm-overview .entry-card:not(.is-active) .entry-title{font-size:clamp(15px,1.65vw,23px);white-space:nowrap}
.ssm-overview .entry-card:not(.is-active) .entry-card-copy{display:flex;left:12px;right:12px;bottom:24px}
.ssm-overview .entry-open-cue{top:22px;right:22px;bottom:auto;width:auto;height:46px;padding:0 15px;gap:10px;display:flex;border-radius:24px;font:500 14px 'DM Sans',Arial,sans-serif;background:#211c18c9;backdrop-filter:blur(8px)}
.ssm-overview .entry-open-cue svg{width:21px;height:21px}
.ssm-overview .entry-card.is-active:hover .entry-open-cue svg{transform:translateX(3px)}
.ssm-overview .entry-arrow{width:46px;height:46px;min-width:46px;background:#211c18d9}
.ssm-overview footer{flex:none;min-height:43px;padding:9px 0 12px;gap:18px}
.ssm-overview footer small{font-size:12px;line-height:1.5;color:var(--muted)}
.ssm-overview footer>div{margin-left:auto;flex-basis:auto;font-size:12px;gap:22px}

/* A portrait folio: a complete photograph with a separate, calm text area. */
@media(orientation:portrait) and (max-width:1100px){
 .ssm-overview .entry-card.is-active{background:#29221c}
 .ssm-overview .entry-card.is-active>img{inset:0 0 auto;height:calc(100% - 198px);object-fit:contain;background:#17130f;object-position:center}
 .ssm-overview .entry-card.is-active::after{background:none}
 .ssm-overview .entry-card.is-active .entry-card-copy{left:26px;right:26px;bottom:25px}
 .ssm-overview .entry-card.is-active .entry-title{font-size:clamp(38px,5vw,54px)}
 .ssm-overview .entry-card.is-active .entry-description{font-size:16px;line-height:1.6;margin-top:10px}
 .ssm-overview .entry-card.is-active .entry-kicker{font-size:13px;margin-bottom:7px}
 .ssm-overview .entry-card:not(.is-active) .entry-card-copy{display:none}
 .ssm-overview .entry-prev{left:8px}.ssm-overview .entry-next{right:8px}
}
@media(max-width:820px){
 .ssm-overview{padding-top:88px}
 .ssm-overview .discovery-intro{padding:8px 0 18px}
 .ssm-overview .discovery-intro h1{font-size:clamp(27px,4.2vw,34px)}
}
@media(max-width:550px){
 .ssm-overview{min-height:620px}
 .ssm-overview .discovery-intro{padding:6px 0 17px}
 .ssm-overview .discovery-intro h1{font-size:28px;line-height:1.15}
 .ssm-overview .discovery-intro em{display:block}
 .ssm-overview .entry-carousel{margin-bottom:12px}
 .ssm-overview .entry-card.is-active .entry-card-copy{left:19px;right:19px;bottom:21px}
 .ssm-overview .entry-card.is-active .entry-title{font-size:36px}
 .ssm-overview .entry-card.is-active .entry-kicker{font-size:12px}
 .ssm-overview .entry-card.is-active .entry-description{font-size:14px;line-height:1.55;margin-top:10px}
 .ssm-overview .entry-card.is-active>img{height:calc(100% - 195px)}
 .ssm-overview .entry-open-cue{top:14px;right:14px;height:44px;padding-inline:12px;font-size:13px}
 .ssm-overview .entry-arrow{width:44px;height:44px;min-width:44px}
 .ssm-overview .entry-prev{left:-8px}.ssm-overview .entry-next{right:-8px}
 .ssm-overview footer{min-height:43px;padding:8px 0 10px;gap:8px;flex-wrap:nowrap}
 .ssm-overview footer small{font-size:10px;max-width:120px}
 .ssm-overview footer>div{font-size:11px;gap:14px}
}
@media(orientation:landscape) and (max-height:520px){
 .ssm-overview{min-height:360px;padding-top:87px}
 .ssm-overview .discovery-intro{padding:4px 0 12px}
 .ssm-overview .discovery-intro h1{font-size:25px}
 .ssm-overview .entry-carousel{margin-bottom:10px}
 .ssm-overview .entry-card.is-active .entry-card-copy{left:22px;right:22px;bottom:17px}
 .ssm-overview .entry-card.is-active .entry-title{font-size:32px}
 .ssm-overview .entry-card.is-active .entry-kicker{display:none}
 .ssm-overview .entry-card.is-active .entry-description{font-size:13px;line-height:1.45;margin-top:8px}
 .ssm-overview .entry-open-cue{top:12px;right:14px;height:40px;padding-inline:12px;font-size:12px}
 .ssm-overview footer{min-height:35px;padding-block:5px}
}