/* Natural-aspect paired demonstrations, with poster-buffered transitions. */
#platform-swim .simulation-frame{position:relative}
#platform-swim .swim-ensemble .simulation-frame{aspect-ratio:16/9}
#platform-swim .swim-demo-transition{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;background:#0b1d27;opacity:0;pointer-events:none;transition:opacity .18s ease}
#platform-swim .swim-demo-transition.is-covering{opacity:1}
#platform-swim .swim-preview-bar{flex-wrap:wrap;gap:8px}
#platform-swim .swim-preview-bar>.micro{flex-basis:100%;max-width:none}
#platform-swim .swim-demo-next{font-size:10px;min-height:44px;padding:9px 12px;gap:9px;background:transparent}
#platform-swim .swim-demo-next:disabled{opacity:.45;cursor:wait}
@media(min-width:761px){
 #platform-swim .swim-scenes{--demo-left:max(0px,calc(63% - min(390px,31vw) - min(330px,26vw)))}
 #platform-swim .swim-ensemble{width:min(280px,24vw);top:410px;left:calc(var(--demo-left) + min(400px,33vw) - 80px);right:auto}
}
@media(min-width:761px) and (max-width:1100px){#platform-swim .swim-ensemble{left:auto;right:49%;width:min(230px,24vw)}}
@media(max-width:760px){
 #platform-swim .swim-landscape{width:80%}
 #platform-swim .swim-landscape .simulation-frame,#platform-swim .swim-landscape .inline-product-video{aspect-ratio:1}
 #platform-swim .swim-landscape figcaption{width:66%;min-height:40px}
 #platform-swim .swim-ensemble{width:88%;margin-top:-62px}
 #platform-swim .swim-ensemble .inline-product-video{aspect-ratio:16/9}
 #platform-swim .swim-preview-bar{grid-column:1/-1;grid-row:3;justify-self:stretch;justify-content:space-between;align-self:auto;width:100%;max-width:none;margin:12px 0 0;gap:10px}
 #platform-swim .swim-preview-bar .video-toggle,#platform-swim .swim-demo-next{font-size:11px;padding:9px 13px}
}
@media(max-width:370px){#platform-swim .swim-preview-bar .video-toggle,#platform-swim .swim-demo-next{font-size:10px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){#platform-swim .swim-demo-transition{transition:none}}