.river-hero{position:relative;isolation:isolate;min-height:790px;min-height:min(900px,calc(100svh - 90px));background:#f4f7e9;color:#204c47;overflow:hidden}
.river-scene,.river-shade{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.river-scene>img{width:100%;height:100%;object-fit:cover;object-position:72% 62%;transform:translateY(var(--river-shift,0px)) scale(1.035);transform-origin:70% 70%}
.river-shade{background:linear-gradient(90deg,#fbf9eddd 0%,#fbf9ed8c 32%,transparent 60%),linear-gradient(0deg,#f4f7e9ef,transparent 20%);z-index:0}
.river-content{position:relative;z-index:1;padding-top:clamp(80px,10vw,145px);padding-bottom:145px;min-height:790px}
.river-content h1{font-size:clamp(4.6rem,8.2vw,8.2rem);line-height:.98;letter-spacing:-.055em;font-weight:400;margin:28px 0 30px;max-width:650px}
.river-content h1 em{font-weight:350;color:#3f7160}
.river-content .eyebrow{font-size:.69rem;color:#38645b;letter-spacing:.18em}
.river-intro{max-width:450px;color:#365c54;font-size:1rem;line-height:1.9}
.river-content .hero-actions{gap:15px;margin-top:30px}.river-content .pill{font-size:.83rem;min-height:48px;backdrop-filter:blur(5px);background:#fffef3c9}.river-content .pill.light{background:#28594f;color:#fffef3;border-color:#28594f}.river-content .pill:hover{background:#e0edce;color:#204c47;border-color:#3c6b5c}
.river-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0;border-top:1px solid #718b6040}
.river-invitation{font:italic 1.22rem/1.5 var(--serif);color:#365b4b}.river-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative}
.river-controls button{background:#fffef2cf;color:#31574b;border:1px solid #879c7770;border-radius:24px;padding:10px 15px;font:550 .71rem/1.5 var(--sans);cursor:pointer;min-height:40px}.river-controls button:hover{background:#e9f0d8}.river-controls button:focus-visible{outline:2px solid #28594f;outline-offset:4px}.river-controls [hidden]{display:none!important}
.river-audio-status:empty{display:none}.river-audio-status{position:absolute;bottom:48px;right:0;width:230px;font-size:.75rem;background:#fbf9ed;padding:10px;border:1px solid #879c7770;border-radius:3px}
.river-mist{position:absolute;width:75%;height:23%;border-radius:50%;background:radial-gradient(ellipse,#dbe9dd45 0%,#e2eddf18 42%,transparent 72%);opacity:.6;filter:blur(18px);transform:translateX(-2%)}
.mist-far{left:33%;top:32%}.mist-near{left:35%;top:57%;height:12%;width:60%;opacity:.3}
.river-ripples{position:absolute;left:69%;top:87%;width:110px;height:18px;transform:translate(-50%,-50%)}.river-ripples i{position:absolute;inset:0;border:1px solid #f3e2aa99;border-radius:50%;opacity:0;transform:scale(.4)}
.river-glints{position:absolute;bottom:1%;left:0;width:100%;height:21%;fill:none;stroke:#d4dbb559;stroke-width:.6;stroke-dasharray:50 180 8 30;opacity:.5}
.river-running .mist-far{animation:riverMist 32s ease-in-out infinite alternate}.river-running .mist-near{animation:riverMist 23s ease-in-out infinite alternate-reverse}.river-running .river-ripples i{animation:riverRipple 9s linear infinite}.river-running .river-ripples i:nth-child(2){animation-delay:-3s}.river-running .river-ripples i:nth-child(3){animation-delay:-6s}.river-running .river-glints path{animation:riverGlint 35s linear infinite}
.river-paused .river-mist,.river-paused .river-ripples i,.river-paused .river-glints path{animation-play-state:paused!important}
@keyframes riverMist{from{transform:translateX(-5%);opacity:.3}to{transform:translateX(6%);opacity:.75}}@keyframes riverRipple{0%{transform:scale(.3);opacity:0}15%{opacity:.6}100%{transform:scale(1.7);opacity:0}}@keyframes riverGlint{to{stroke-dashoffset:-350}}
@media(min-width:1600px){.river-scene>img{object-position:72% 67%}.river-content{padding-top:150px;min-height:880px}}
@media(max-width:1000px){.river-content h1{font-size:6.25rem}.river-content{min-height:760px;padding-top:85px}.river-shade{background:linear-gradient(90deg,#fbf9edeb,transparent 90%),linear-gradient(0deg,#f4f7e9ef,transparent 23%)}.river-intro{max-width:380px}.river-intro br{display:none}.river-bottom{gap:15px}.river-invitation{font-size:1.1rem}}
@media(max-width:650px){.river-hero{min-height:930px}.river-content{min-height:0;padding-top:50px;padding-bottom:0}.river-content h1{font-size:clamp(3.9rem,16vw,5.5rem);margin:23px 0;max-width:480px}.river-content .eyebrow{font-size:.61rem;letter-spacing:.13em}.river-intro{max-width:335px;font-size:.9rem;line-height:1.8}.river-content .hero-actions{gap:12px;margin-top:22px}.river-content .pill{font-size:.77rem;padding:13px 18px}.river-scene{top:340px;bottom:70px}.river-scene>img{object-fit:cover;object-position:78% 66%;transform:scale(1.025)}.river-shade{background:linear-gradient(180deg,#f4f7e9 0%,#f4f7e9 34%,#f4f7e980 45%,transparent 62%,#f4f7e9ed 94%)}.river-bottom{display:block;padding:17px 0;bottom:0}.river-invitation{display:block;font-size:1.12rem;margin-bottom:12px}.river-controls{justify-content:flex-start;gap:8px}.river-controls button{padding:8px 12px;font-size:.65rem;min-height:36px}.river-mist{left:-20%;width:130%;height:25%}.mist-far{top:28%}.mist-near{top:60%}.river-ripples{left:43%;top:89%;width:75px}.river-glints{height:20%;width:180%;left:-50%}.river-audio-status{left:0;right:auto}}
@media(max-width:360px){.river-content h1{font-size:3.7rem}.river-content .hero-actions{gap:10px}.river-content .pill{padding:12px 13px;font-size:.71rem}.river-hero{min-height:900px}.river-scene{top:350px}}
@media(prefers-reduced-motion:reduce){.river-hero *{animation:none!important;transition:none!important}.river-scene>img{transform:none}}
@media print{.river-scene,.river-shade,.river-controls{display:none}.river-hero{min-height:0;background:white;color:black}.river-content{min-height:0;padding:30px 0}.river-content h1{font-size:42pt}.river-intro{color:black;text-shadow:none}.river-bottom{position:static}.river-content .hero-actions{display:none}}