/* Product geometry stays untouched; the former feature plaques give way to benefits. */
.river-system-crop{position:relative;width:100%;aspect-ratio:1476/810;overflow:hidden}
.river-system-crop>#system-stage{position:absolute;inset:0 0 auto;width:100%}
.river-benefits{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:2098/749;width:100%;overflow:hidden;background:#031326;margin:-1px 0 0}
.river-stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;filter:brightness(.9) saturate(.92)}
.river-benefits:before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:9%;background:linear-gradient(#03132670,transparent);pointer-events:none}
.river-benefit{position:absolute;z-index:4;top:20.2%;width:33%;height:43.5%;display:flex;align-items:center;color:#eaf6ff;margin:0;background:none;pointer-events:none}
.river-benefit--left{left:4.3%}.river-benefit--right{left:63.9%}
.river-benefit-piece{position:absolute;left:2.2%;bottom:8%;width:17.5%;height:80%;overflow:visible;filter:drop-shadow(0 .6cqw .5cqw #000c) drop-shadow(0 0 .7cqw #00d5efaa)}
.river-benefit-copy{position:relative;margin:0 5% 0 24%;text-align:left;min-width:0}
.river-benefit h4{font:700 clamp(18px,2cqw,38px)/1.06 Academy,'Arial Narrow',Arial,sans-serif;color:#03deed;text-wrap:balance;margin:0 0 .75cqw;text-shadow:0 2px 5px #001421}
.river-benefit p{font:400 clamp(12px,1.13cqw,20px)/1.35 Arial,sans-serif;color:#e3edf8;margin:0;text-wrap:pretty;text-shadow:0 2px 4px #001421}
.river-plaque-mobile{display:none}
.river-current{position:absolute;inset:0;z-index:2;pointer-events:none}
.river-motion{display:block;width:100%;height:100%;overflow:visible}
.river-carried-piece{filter:drop-shadow(0 3px 2px #0009)}
.river-current-ripple{fill:none;stroke:#72f7ff;stroke-width:2.8;opacity:.75}
.river-current-reflection{fill:#0df0ff;opacity:.2}
.river-current-shadow{fill:#001526;opacity:.66}
.river-wake{fill:none;stroke:#affcff;stroke-width:3;stroke-linecap:round;opacity:.46}
.river-pause{position:absolute;z-index:6;right:1.4%;bottom:3%;width:32px;height:32px;display:grid;place-items:center;border:1px solid #9de7f077;border-radius:50%;padding:6px;background:#031526c4;color:#d2f7ff;cursor:pointer;opacity:.75;transition:opacity .2s,background .2s}
.river-pause:hover,.river-pause:focus-visible{opacity:1;background:#0c3550;outline:2px solid #a3f3ff;outline-offset:3px}
.river-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.river-pause .river-play-symbol{display:none}
.river-pause[aria-pressed=true] .river-pause-symbol{display:none}.river-pause[aria-pressed=true] .river-play-symbol{display:block}
.river-pause[hidden]{display:none}
.offer-course>.river-benefits+.offer-course-action{padding-top:2px}
@media(min-width:1800px){.river-benefit-copy{margin-right:8%}.river-benefit h4{font-size:36px}.river-benefit p{font-size:19px}}
@media(max-width:850px) and (min-width:721px){.river-benefit-copy{margin-left:21%;margin-right:3%}.river-benefit-piece{width:16%}.river-benefit h4{font-size:17px}.river-benefit p{font-size:11px;line-height:1.27}}
@media(max-width:720px){
 .river-benefits{aspect-ratio:auto;padding:8px 0 174px;display:grid;grid-template-columns:1fr;gap:4px;background:#031326}
 .river-stage-art{height:100%;object-fit:cover;object-position:50% center;opacity:.6}
 .river-benefits:before{height:8%}
 .river-benefit{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:775/417;min-height:220px;display:flex;align-items:center}
 .river-plaque-mobile{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:brightness(.85) saturate(.92)}
 .river-benefit-piece{left:8%;bottom:17%;height:61%;width:16%;filter:drop-shadow(0 7px 6px #000c) drop-shadow(0 0 10px #00d5efaa)}
 .river-benefit-copy{margin:0 10% 0 28%;padding:23px 0}
 .river-benefit h4{font-size:clamp(22px,5.1vw,30px);line-height:1.07;margin-bottom:12px}
 .river-benefit p{font-size:clamp(13px,3.5vw,17px);line-height:1.4}
 .river-current{top:auto;bottom:0;height:185px;overflow:hidden;background:#031326 url('assets/benefit-river-stage-v14.png') center bottom/280% auto no-repeat}
 .river-motion{position:absolute;width:280%;max-width:none;height:auto;aspect-ratio:2098/749;left:-90%;bottom:-30px}
 .river-pause{width:34px;height:34px;bottom:12px;right:14px}
}
@media(max-width:380px){.river-benefit{min-height:238px}.river-benefit-copy{margin-left:27%;margin-right:10%}.river-benefit h4{font-size:21px}.river-benefit p{font-size:13px}.river-benefit-piece{height:54%;bottom:21%}}
@media(prefers-reduced-motion:reduce){.river-pause{transition:none}}