/* A window slides as a single object. Its text never changes layout mid-drag. */
.ssm-overview .entry-card{left:0;top:0;bottom:0;filter:none;transition:none;border-color:transparent;background:#211a14;box-shadow:0 6px 16px #0906031a;will-change:transform;transform:translate3d(0,0,0)}
.ssm-overview .entry-card.is-active{filter:none;border-color:transparent;background:#211a14;box-shadow:0 6px 16px #0906031a}
.ssm-overview .entry-card>img{opacity:calc(.64 + var(--presence,1)*.36);transition:none;filter:none;object-position:50% 50%}
.ssm-overview .entry-card::after,.ssm-overview .entry-card.is-active::after{background:linear-gradient(180deg,#110c0818 0,transparent 32%,#110c0838 44%,#110c08b8 58%,#110c09f5 100%)}
.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{display:flex;left:30px;right:30px;bottom:28px;opacity:var(--copy-opacity,1);transition:none;text-shadow:0 2px 6px #0806039c}
.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:clamp(38px,4.4vw,62px);white-space:normal;overflow-wrap:normal;transition:none;line-height:1.12;color:#fff3df}
.ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-kicker{opacity:1;max-height:none;font-size:14px;line-height:1.5;letter-spacing:.03em;color:#edcf9e;margin-bottom:9px;transition:none}
.ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-description{opacity:1;max-height:none;max-width:540px;font-size:16px;line-height:1.6;color:#f3e8d7;margin-top:13px;transition:none}
.ssm-overview .entry-card .entry-open-cue{opacity:var(--copy-opacity,1);transform:none;transition:none}
.entry-side-label{position:absolute;z-index:2;bottom:26px;left:var(--side-left,14px);width:var(--side-width,100px);font:clamp(16px,1.65vw,23px)/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e6d5bb;opacity:var(--side-opacity,0);pointer-events:none;text-shadow:0 2px 8px #000}

/* The edge is independent of the photograph's dimming. Champagne light and
   a small hint of the shared aurora; the centre of the mask stays transparent. */
.ssm-overview .entry-card::before{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,#fae9c9bf 0%,#d9b77b38 20%,#e5c48a1a 42%,color-mix(in srgb,var(--aurora-a,#adc4f0) 34%,transparent) 65%,#d9b77b40 82%,#f3dba38c 100%);opacity:calc(.38 + var(--presence,1)*.62);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.entry-edge-reflection{position:absolute;inset:0;z-index:5;border-radius:inherit;padding:1px;pointer-events:none;overflow:hidden;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.entry-edge-reflection::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#e9d8b32e 44%,#fff3d8db 50%,#c1cbea75 55%,transparent 65%);opacity:0;transform:translate3d(-110%,0,0)}
.is-arriving .entry-edge-reflection::before{animation:selection-reflection 1.25s ease-out both}
@keyframes selection-reflection{0%{opacity:0;transform:translate3d(-110%,0,0)}20%{opacity:.9}70%{opacity:.6}100%{opacity:0;transform:translate3d(110%,0,0)}}

@media(orientation:portrait) and (max-width:1100px){
 .ssm-overview .entry-card,.ssm-overview .entry-card.is-active{background:#29221c}
 .ssm-overview .entry-card>img,.ssm-overview .entry-card.is-active>img{inset:0 0 auto;height:calc(100% - 206px);object-fit:contain;object-position:center;background:#17130f}
 .ssm-overview .entry-card::after,.ssm-overview .entry-card.is-active::after{background:none}
 .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{left:26px;right:26px;bottom:25px}
 .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:clamp(38px,5vw,54px)}
 .ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-kicker{font-size:14px;margin-bottom:7px}
 .ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-description{font-size:16px;margin-top:10px}
 .entry-side-label{display:none}
}
@media(max-width:550px){
 .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{left:19px;right:19px;bottom:21px}
 .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:36px}
 .ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-kicker{font-size:12px}
 .ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-description{font-size:15px;line-height:1.55;margin-top:10px}
 .ssm-overview .entry-card>img,.ssm-overview .entry-card.is-active>img{height:calc(100% - 206px)}
}
@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{left:22px;right:22px;bottom:17px}
 .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:32px}
 .ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-kicker{display:none}
 .ssm-overview .entry-card:is(.is-active,:not(.is-active)) .entry-description{font-size:14px;line-height:1.45;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.is-arriving .entry-edge-reflection::before{animation:none}.ssm-overview .entry-card{will-change:auto}}
.ssm-global-nav.is-light-paused~main .entry-edge-reflection::before{animation:none}

/* A return focus is useful to assistive technology, but only keyboard input
   should show an extra outline. Pointer gestures must not leave it on a neighbour. */
.ssm-overview .entry-card:focus-visible{outline:none}
.ssm-overview.is-keyboard-selection .entry-card[aria-pressed="true"]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}