/* English-only motion showcase. The existing locale format showroom is untouched. */
html:is([lang=en],[lang=pl],[lang=fr]) #formats.mc-showcase{display:block;overflow:hidden;padding:92px 0 66px;background:#08090c}
#formats.mc-showcase .ms-heading,#formats.mc-showcase .ms-toolbar,#formats.mc-showcase .ms-delivery{padding-inline:var(--pad)}
#formats.mc-showcase .ms-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:40px}
#formats.mc-showcase h2{font:clamp(56px,6.4vw,108px)/.93 CutDisplay,Impact,sans-serif;letter-spacing:-.025em;margin:21px 0 0}
#formats.mc-showcase h2 em{font-style:normal;color:var(--gold)}
#formats.mc-showcase .ms-intro{max-width:32ch;color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 5px}
#formats.mc-showcase .ms-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:17px}
#formats.mc-showcase .ms-direction{font-size:9px;letter-spacing:.16em;color:#b5a17a;text-transform:uppercase}
#formats.mc-showcase .ms-controls{display:flex;align-items:center;gap:8px}
#formats.mc-showcase .ms-controls button{min-width:44px;min-height:44px;border:1px solid #b8975a40;background:#121216;color:var(--paper);border-radius:50%;font-size:18px;line-height:1;cursor:pointer;transition:border-color .2s,background .2s}
#formats.mc-showcase .ms-controls button:hover{background:#242027;border-color:#b8975aa0}
#formats.mc-showcase .ms-controls #ms-toggle{border-radius:2px;padding:0 19px;margin-right:6px;font-size:11px;line-height:1.2;min-width:134px}
#formats.mc-showcase button:focus-visible,#formats.mc-showcase .ms-viewport:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#formats.mc-showcase .ms-viewport{--card-height:max(clamp(320px,43svh,460px),var(--rail-min-height,0px));--rail-gap:20px;width:100%;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;position:relative;padding:1px 0 3px}
#formats.mc-showcase .ms-viewport.is-dragging{cursor:grabbing}
#formats.mc-showcase .ms-track{display:flex;gap:var(--rail-gap);width:max-content;will-change:transform}
#formats.mc-showcase .ms-set{display:flex;gap:var(--rail-gap);flex:none}
#formats.mc-showcase .ms-card{margin:0;width:calc(var(--card-height)*var(--aspect));flex:none}
#formats.mc-showcase .ms-picture{height:var(--card-height);position:relative;overflow:hidden;background:#111116;border:1px solid #b8975a34;border-radius:3px;isolation:isolate}
#formats.mc-showcase .ms-picture img,#formats.mc-showcase .ms-picture video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
#formats.mc-showcase .ms-picture video{opacity:0}
#formats.mc-showcase .ms-card.is-decoded .ms-picture video{opacity:1}
#formats.mc-showcase .ms-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 1px 8px;border-bottom:1px solid #b8975a40}
#formats.mc-showcase .ms-card figcaption strong{font-size:15px;font-weight:400;color:var(--paper)}
#formats.mc-showcase .ms-card figcaption span{font-size:8px;letter-spacing:.1em;color:#a88d5f}
#formats.mc-showcase .ms-delivery{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-top:33px}
#formats.mc-showcase .ms-delivery-copy{max-width:48ch;font-size:11px;color:var(--muted);line-height:1.7;margin:0}
#formats.mc-showcase .ms-campaign{display:flex;align-items:center;gap:18px;min-height:44px;margin-top:5px;width:fit-content;color:var(--gold);font-size:11px;text-decoration:none}
#formats.mc-showcase .ms-campaign:hover{text-decoration:underline;text-underline-offset:5px}
#formats.mc-showcase .ms-campaign:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#formats.mc-showcase .ms-delivery-copy strong{color:var(--paper);font-weight:400;display:block;font-size:13px;margin-bottom:4px}
#formats.mc-showcase .ms-delivery .mc-format-buttons{margin:0;gap:27px}
#formats.mc-showcase .ms-delivery .mc-format-buttons button{min-height:60px}
#formats.mc-showcase .ms-credit{padding-inline:var(--pad);color:#77747e;font-size:10px;line-height:1.7;margin-top:27px;max-width:94ch}
#formats.mc-showcase .ms-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){#formats.mc-showcase .ms-heading{gap:28px}#formats.mc-showcase .ms-intro{font-size:12px;max-width:28ch}#formats.mc-showcase h2{font-size:clamp(54px,7vw,80px)}#formats.mc-showcase .ms-delivery{gap:25px}.ms-delivery .mc-format-buttons{flex-shrink:0}}
@media(max-width:700px){html:is([lang=en],[lang=pl],[lang=fr]) #formats.mc-showcase{padding:63px 0 48px}#formats.mc-showcase .ms-heading{display:block;margin-bottom:25px}#formats.mc-showcase h2{font-size:clamp(52px,13vw,80px);margin-top:19px}#formats.mc-showcase .ms-intro{font-size:12px;max-width:34ch;margin-top:21px}#formats.mc-showcase .ms-toolbar{gap:10px;margin-bottom:14px}#formats.mc-showcase .ms-direction{font-size:7px;letter-spacing:.1em;max-width:11ch;line-height:1.6}#formats.mc-showcase .ms-controls{gap:6px}#formats.mc-showcase .ms-controls #ms-toggle{font-size:10px;padding-inline:11px;min-width:112px;margin-right:1px}#formats.mc-showcase .ms-viewport{--card-height:max(clamp(280px,45svh,360px),var(--rail-min-height,0px));--rail-gap:14px}#formats.mc-showcase .ms-card{max-width:calc(100vw - 48px)}#formats.mc-showcase .ms-card figcaption{padding-top:13px;gap:10px}#formats.mc-showcase .ms-card figcaption strong{font-size:13px}#formats.mc-showcase .ms-card figcaption span{font-size:7px}#formats.mc-showcase .ms-delivery{display:block;margin-top:26px}#formats.mc-showcase .ms-delivery-copy{font-size:11px}#formats.mc-showcase .ms-delivery .mc-format-buttons{margin-top:19px;gap:12px;justify-content:space-between}#formats.mc-showcase .ms-credit{font-size:9px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){#formats.mc-showcase *{scroll-behavior:auto!important;transition:none!important}}

#formats.mc-showcase .ms-load-note{padding-inline:var(--pad);margin:0 0 16px;color:#d8bd83;font-size:12px;line-height:1.5}
#formats.mc-showcase .ms-load-note[hidden]{display:none}
@media(max-width:700px){#formats.mc-showcase .ms-set{align-items:center}#formats.mc-showcase .ms-picture{height:auto;aspect-ratio:var(--aspect)}}
