.river-hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-bottom:10svh;display:flex;position:relative}.river-hero>div{opacity:calc(1 - var(--hero-p,0) * 1.6);transform:translate3d(0, calc(var(--hero-p,0) * -90px), 0)}.river-flow{--ch:clamp(260px, 30vw, 460px);--ch-n:clamp(76px, 22vw, 210px);align-content:start;row-gap:56px;max-width:1360px;min-height:100svh;margin:0 auto;padding:14vh 28px 80px;scroll-margin-top:40px;display:grid}.river-row{grid-template-columns:minmax(0, calc(50% - var(--ch) / 2 + var(--shift,0px))) var(--ch) minmax(0, 1fr);align-items:start;display:grid}.river-row>.a{grid-area:1/1}.river-row>.ch{grid-area:1/2;align-self:stretch}.river-row>.b{grid-area:1/3;margin-top:140px}.river-row>.reveal{--reach:calc(var(--ch) / 2);position:relative}.river-row>.reveal:before{content:"";width:var(--reach);pointer-events:none;height:2px;opacity:clamp(0, (var(--hero-p,1) - .85) * 6.67, 1);background:#ffffffeb;margin-top:-1px;position:absolute;top:30px;left:100%;box-shadow:0 0 3px #0003}.river-row>.b:before{left:auto;right:100%}@supports (animation-timeline:view()){.river-flow .reveal{animation:linear both river-in;animation-timeline:view();animation-range:entry entry 80%}.river-row>.a{--from:-24px}.river-row>.b{--from:24px}}@keyframes river-in{0%{opacity:0;transform:translate3d(var(--from,0px), 32px, 0);filter:blur(6px)}}@keyframes river-fade{0%{opacity:0}}@media (max-width:999px){.river-flow{row-gap:18px;padding:12vh 0 64px 16px}.river-row{grid-template-columns:minmax(0, 1fr) calc(var(--ch-n) + var(--shift-n,0px));row-gap:18px}.river-row>.b{grid-area:2/1;margin-top:0}.river-row>.ch{grid-row:1/span 2}.river-row>.b{--from:-24px}.river-row>.reveal{--reach:calc((var(--ch-n) + var(--shift-n,0px)) / 2)}.river-row>.b:before{left:100%;right:auto}}.river-row>[data-river=right]:before{left:100%;right:auto}.river-row>[data-river=left]:before{left:auto;right:100%}@media (prefers-reduced-motion:reduce){.river-flow .reveal{animation-name:river-fade}}