.bend-river-hero{min-height:820px;height:100svh;max-height:1050px;background:#10110e}
.bend-river-scene{position:absolute;inset:0;overflow:hidden}
.bend-river-art{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}
.bend-river-floaters,.bend-river-shade{position:absolute;inset:0;pointer-events:none}
.bend-river-shade{background:linear-gradient(90deg,#0b100de8 0%,#0b100db5 28%,#0b100d35 52%,transparent 67%),linear-gradient(0deg,#10110e 0%,#10110ec4 8%,transparent 30%)}
.bend-river-hero .bend-hero-copy{left:7%;right:auto;top:37%;bottom:auto}
.bend-river-hero h1{font-size:clamp(55px,6.5vw,105px)}
.bend-river-hero .bend-hero-bottom{left:7%;right:auto;top:calc(37% + clamp(166px,17vw,268px));bottom:auto;display:flex;flex-wrap:wrap;gap:22px 30px;justify-content:flex-start}
.bend-river-hero .bend-hero-bottom p{color:#eee8d8}
.bend-river-hero .bend-hero-bottom .button{gap:28px}
.bend-river-hero .bend-scroll{left:7%;right:auto;bottom:23px}
.bend-river-caption{position:absolute;z-index:2;right:7%;bottom:18px;display:flex;gap:20px;align-items:center;color:#e3d3ab;font-size:9px;letter-spacing:.14em}
.bend-river-motion{border:0;border-bottom:1px solid #e3d3ab60;background:none;color:inherit;font:inherit;letter-spacing:.05em;min-height:44px;cursor:pointer}
.bend-floater{position:absolute;width:var(--size);left:var(--x);top:var(--y);transform:translate(-50%,-100%);transform-origin:50% 93%}
.bend-floater-far{--size:clamp(85px,11vw,173px);--x:62%;--y:62%;--travel:65%;--fall:21px;--duration:28s;--delay:-12s;z-index:0}
.bend-floater-mid{--size:clamp(112px,15vw,235px);--x:84%;--y:71%;--travel:50%;--fall:27px;--duration:34s;--delay:-17s;z-index:1}
.bend-floater-near{--size:clamp(145px,20vw,305px);--x:65%;--y:87%;--travel:44%;--fall:34px;--duration:39s;--delay:-25s;z-index:2}
.bend-floater-bob{position:relative;transform-origin:50% 92%}
.bend-floater-bob img{position:relative;display:block;width:100%;height:auto;z-index:1;filter:saturate(.85) contrast(.98)}
.bend-floater-bob::before,.bend-floater-bob::after{content:"";position:absolute;left:5%;width:90%;height:12%;bottom:-2%;border-radius:50%;background:radial-gradient(ellipse,#1323198c,transparent 71%);transform:rotate(-3deg)}
.bend-floater-bob::after{z-index:2;left:3%;width:94%;bottom:-4%;height:10%;background:none;border-bottom:1px solid #e3dcb87a;filter:blur(.35px);clip-path:polygon(0 0,100% 0,100% 100%,58% 100%,52% 62%,36% 64%,28% 100%,0 100%)}
.bend-river-running .bend-floater{animation:bend-river-drift var(--duration) var(--delay) linear infinite}
.bend-river-running .bend-floater-bob{animation:bend-river-bob 4.8s ease-in-out infinite alternate}
.bend-river-running .bend-floater-mid .bend-floater-bob{animation-delay:-2s}
.bend-river-running .bend-floater-near .bend-floater-bob{animation-delay:-3.2s}
.bend-river-paused .bend-floater,.bend-river-paused .bend-floater-bob{animation-play-state:paused}
@keyframes bend-river-drift{
 0%{transform:translate(calc(-50% - var(--travel)),-100%) scale(.88);opacity:0}
 12%,87%{opacity:1}
 100%{transform:translate(calc(-50% + var(--travel)),calc(-100% + var(--fall))) scale(1.09);opacity:0}
}
@keyframes bend-river-bob{from{transform:translateY(-2px) rotate(-.65deg)}to{transform:translateY(2px) rotate(.55deg)}}
@media(max-width:900px){
 .bend-river-hero{height:auto;min-height:0;max-height:none;padding:clamp(425px,65vw,570px) 7% 84px}
 .bend-river-scene{inset:104px 0 auto;height:clamp(325px,52vw,490px)}
 .bend-river-shade{background:linear-gradient(0deg,#10110e 0%,#10110e45 17%,transparent 39%)}
 .bend-river-hero .bend-hero-copy,.bend-river-hero .bend-hero-bottom{position:relative;inset:auto}
 .bend-river-hero .bend-hero-copy{margin:0 0 22px}
 .bend-river-hero .bend-hero-bottom{display:flex;gap:18px}
 .bend-river-hero .bend-hero-bottom p{margin:0}
 .bend-river-hero h1{font-size:clamp(37px,8.8vw,69px)}
 .bend-river-hero .bend-scroll{bottom:27px}
 .bend-river-caption{bottom:14px}
 .bend-floater-far{--x:36%;--y:64%;--size:clamp(61px,13vw,123px);--fall:11px}
 .bend-floater-mid{--x:76%;--y:73%;--size:clamp(95px,19vw,166px);--fall:15px}
 .bend-floater-near{--x:44%;--y:90%;--size:clamp(126px,24vw,215px);--fall:18px}
}
@media(max-width:560px){
 .bend-river-caption>span{display:none}
 .bend-river-art{object-position:69% center}
 .bend-river-hero .bend-hero-bottom{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.bend-river-motion{display:none!important}}