/* Restore the intersecting product compositions; preserve the native media ratios. */
.product-ignite .product-composition,.product-swim .product-composition{display:block;padding-top:1px;min-height:clamp(690px,51vw,865px);isolation:isolate}
.product-ignite .product-wordmark{position:absolute;top:0;right:-.035em;left:auto;z-index:3}
.product-ignite .product-scene{position:absolute;inset:80px auto auto 0;width:82%;max-width:1200px;height:auto;aspect-ratio:16/9;border-radius:26px 26px 110px 26px;z-index:1}
.product-ignite .inline-product-video{height:100%;aspect-ratio:16/9;object-fit:contain}
.product-ignite .product-story-copy,.product-swim .product-story-copy{display:block;position:relative;z-index:4;width:43%;margin:clamp(230px,19vw,345px) 0 0 auto!important;padding:43px 36px 35px;border-radius:80px 22px 22px 22px;box-shadow:0 18px 60px #02121f3b}
.product-ignite .product-story-copy>.micro,.product-swim .product-story-copy>.micro{display:block;max-width:340px;font-size:9px}
.product-ignite .product-story-copy>h3,.product-swim .product-story-copy>h3{font-size:clamp(34px,3.4vw,57px);line-height:1.04;margin:20px 0;max-width:480px}
.product-ignite .product-story-copy>p:not(.micro),.product-swim .product-story-copy>p:not(.micro){font-size:14px;line-height:1.65}
.product-ignite .product-story-copy>.product-actions,.product-swim .product-story-copy>.product-actions{margin-top:25px}
.product-ignite .product-scene-bottom{position:absolute;inset:auto auto 20px 20px;padding:0;background:none;border:0;display:block;z-index:3}
.product-ignite .product-scene-bottom>.micro{display:none}
.product-ignite .video-toggle{background:#102d41c9;min-height:44px;padding:10px 14px;font-size:11px}

/* 800px source: at most 400 CSS pixels, including on very wide screens. */
.product-swim .product-composition{min-height:780px}
.product-swim .product-wordmark{position:absolute;top:0;left:0;right:auto;z-index:3}
.swim-scenes{position:absolute;inset:0;display:block}
.swim-simulation{position:absolute;margin:0;z-index:1}
.swim-landscape{top:120px;left:max(0px,calc(63% - min(390px,31vw) - min(330px,26vw)));width:min(400px,33vw)}
.swim-ensemble{top:255px;left:auto;right:37%;width:min(390px,31vw);z-index:2;margin:0}
.simulation-frame{border-radius:24px;box-shadow:0 22px 55px #0005}
.swim-landscape .simulation-frame{border-top-right-radius:75px}
.swim-ensemble .simulation-frame{border-bottom-left-radius:75px}
.swim-simulation figcaption{display:block;padding:16px 3px 0;max-width:270px}
.swim-simulation figcaption strong{font-size:19px;line-height:1.2}
.swim-simulation figcaption span{display:block;font-size:9px;text-align:left;max-width:250px;margin-top:7px}
.swim-preview-bar{position:absolute;inset:660px auto auto max(0px,calc(63% - min(390px,31vw) - min(330px,26vw)));width:min(300px,30vw);margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:5}
.swim-preview-bar>.micro{font:400 10px/1.6 var(--ui);max-width:165px;color:#8db0c5}
.swim-preview-bar .video-toggle{font-size:10px;min-height:44px;gap:7px;white-space:nowrap}
.product-swim .product-story-copy{margin-top:280px!important}

@media(min-width:1800px){.product-ignite .product-scene{top:110px}.swim-landscape{top:165px}.swim-ensemble{top:280px}.swim-preview-bar{top:700px}.product-swim .product-composition{min-height:825px}.product-swim .product-story-copy{margin-top:315px!important}}
@media(max-width:1100px) and (min-width:761px){
 .product-ignite .product-composition{min-height:680px}
 .product-ignite .product-scene{top:75px;width:84%;border-bottom-right-radius:85px}
 .product-ignite .product-story-copy,.product-swim .product-story-copy{width:47%;padding:35px 28px 29px;border-top-left-radius:65px}
 .product-ignite .product-story-copy{margin-top:230px!important}
 .product-ignite .product-story-copy>h3,.product-swim .product-story-copy>h3{font-size:35px}
 .product-ignite .product-story-copy>p:not(.micro),.product-swim .product-story-copy>p:not(.micro){font-size:13px}
 .product-swim .product-composition{min-height:720px}.product-swim .product-story-copy{margin-top:260px!important}
 .swim-landscape{top:105px}.swim-ensemble{top:235px}.swim-preview-bar{top:605px;width:35vw;left:0}
 .swim-preview-bar>.micro{font-size:9px;max-width:140px}.swim-simulation figcaption strong{font-size:17px}
}
@media(max-width:760px){
 .product-ignite .product-composition,.product-swim .product-composition{display:flex;flex-direction:column;min-height:0;padding-top:0;gap:0}
 .product-ignite .product-wordmark,.product-swim .product-wordmark{position:relative!important;inset:auto!important;margin-bottom:-15px;z-index:3}
 .product-ignite .product-scene{position:relative;inset:auto;width:100%;max-width:none;height:auto;aspect-ratio:16/9;border-radius:18px 18px 55px 18px}
 .product-ignite .product-scene-bottom{inset:auto auto 30px 12px;padding:0}
 .product-ignite .video-toggle{font-size:10px;padding:9px 12px;min-height:44px}
 .product-ignite .product-story-copy,.product-swim .product-story-copy{width:calc(100% - 8px);align-self:flex-end;margin:-16px 0 0!important;padding:29px 24px 28px;border-radius:18px 60px 18px 18px;backdrop-filter:blur(18px)}
 .product-ignite .product-story-copy>h3,.product-swim .product-story-copy>h3{font-size:35px;margin:17px 0}
 .product-ignite .product-story-copy>p:not(.micro),.product-swim .product-story-copy>p:not(.micro){font-size:14px}
 .product-ignite .product-story-copy>.product-actions,.product-swim .product-story-copy>.product-actions{margin-top:23px}
 .swim-scenes{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;width:100%;max-width:690px;align-self:center;padding-top:1px}
 .swim-simulation{position:relative;inset:auto;width:100%;margin:0;max-width:400px}
 .swim-ensemble{margin:70px 0 0 -24px;width:calc(100% + 24px);max-width:390px}
 .simulation-frame{border-radius:18px}.swim-landscape .simulation-frame{border-top-right-radius:48px}.swim-ensemble .simulation-frame{border-bottom-left-radius:48px}
 .swim-simulation figcaption{padding:14px 2px 12px;max-width:100%}.swim-simulation figcaption strong{font-size:17px}.swim-simulation figcaption span{font-size:9px;max-width:190px}
 .swim-preview-bar{position:relative;inset:auto;grid-column:1/-1;display:flex;width:100%;max-width:none;margin:12px 0 35px;gap:15px}
 .swim-preview-bar>.micro{font-size:9px;max-width:180px}.swim-preview-bar .video-toggle{font-size:10px}
 .product-swim .product-story-copy{margin-top:-16px!important}
}
@media(max-width:480px){
 .swim-scenes{display:block;padding-bottom:83px;isolation:isolate}
 .swim-landscape{width:88%;max-width:400px}
 .swim-ensemble{width:82%;max-width:390px;margin:0 0 0 auto;transform:none}
 .swim-landscape figcaption{max-width:86%}
 .swim-preview-bar{position:absolute;inset:auto 0 22px;width:100%;margin:0}
 .swim-preview-bar>.micro{max-width:122px;font-size:9px}
 .product-ignite .product-story-copy,.product-swim .product-story-copy{padding-inline:22px}
}