/* Squeeze carousel (Selections) */
.sq{container-type:inline-size;width:100%;--sq-ease:cubic-bezier(.16,1,.3,1);--sq-ms:1000ms}
.sq-viewport{width:100%;height:var(--sq-h);overflow:hidden}
.sq-strip{display:flex;height:100%;width:max-content}
.sq-card{position:relative;isolation:isolate;flex:none;height:100%;padding:0;border:0;overflow:hidden;cursor:pointer;background:var(--selection-backdrop,var(--deep));color:var(--ivory);text-align:left;transition-property:width,margin-left;transition-timing-function:var(--sq-ease)}
.sq-card:focus-visible{outline:2px solid var(--rose);outline-offset:-4px}
/* every picture is drawn at one 16:9 block and centred, so a card only changes how much of it shows */
.sq-card img{position:absolute;inset:0 auto 0 50%;height:100%;width:var(--sq-hero);min-width:100%;max-width:none;transform:translateX(-50%);object-fit:contain}
.sq-card img.cover,.sq-card.cover img{object-fit:cover}
.sq-overlay{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:2px;padding:56px clamp(16px,2.4cqi,28px) clamp(14px,2cqi,24px);pointer-events:none;opacity:0;transition:opacity var(--sq-ms) var(--sq-ease);background:linear-gradient(to top,oklch(.16 .06 320/.85),transparent)}
.sq-card.is-front .sq-overlay{opacity:1}
.sq-overlay b{font:500 9px/1 var(--body);color:var(--champagne)}
.sq-overlay i{font:400 clamp(24px,3.2cqi,38px)/1.05 var(--display);font-style:normal;color:var(--ivory);white-space:nowrap}
.sq-overlay em{font:500 9px/1.4 var(--body);font-style:normal;color:var(--champagne)}
@media(max-width:700px){.sq-overlay i{white-space:normal}}
@media(prefers-reduced-motion:reduce){.sq-strip,.sq-card,.sq-overlay{transition:none!important}}