.river-stage{height:100svh;min-height:650px;position:relative;overflow:hidden;background:url('../assets/river.jpg') 50% 40%/cover}.river-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.river-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03080bb0,#03080b12),linear-gradient(0deg,#03080bcc,transparent 80%)}.river-nav{display:flex;align-items:center;gap:32px;padding:8px 9px 8px 30px;border-radius:50px;background:#030909d9;font-size:13px}.river-nav .concept-button{min-height:40px;padding:11px 18px}.river-copy{position:absolute;left:5vw;bottom:10vh;max-width:90%}.river-copy h1{font-family:Poppins,Arial,sans-serif;font-weight:300;font-size:clamp(40px,5.1vw,78px);letter-spacing:-.065em;line-height:1.11;margin:0 0 25px}.river-copy h1 span{display:block}.river-copy p{font-size:clamp(13px,1.15vw,17px);line-height:1.7;color:#ecf1ef}.river-copy .concept-actions{font-size:13px;gap:35px}.river-scroll{position:absolute;bottom:35px;right:5vw;display:flex;gap:16px;align-items:center;font-size:12px;color:#c2ebe1}.river-details{padding:110px 8vw;background:#081a1b}.river-details h2{font-family:Poppins,Arial,sans-serif;font-size:clamp(32px,4vw,60px);font-weight:300;line-height:1.2;letter-spacing:-.05em}.river-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:60px}.river-detail-grid>div{border-top:1px solid #ffffff30;padding-top:25px;scroll-margin-top:30px}.river-detail-grid span{font-size:10px;letter-spacing:.2em;color:#88decc}.river-detail-grid h3{font-weight:400;font-size:24px}.river-detail-grid p{color:#b6c9c7;line-height:1.8;font-size:15px;max-width:500px}.river-nav a:hover,.river-copy a:not(.concept-button):hover{color:#88decc}.river-stage .concept-logo{background:#03090966;padding:9px;border-radius:50%}.river-stage .concept-logo img{width:30px;height:30px}.mobile-menu{position:absolute;top:85px;right:20px;left:20px;background:#071719;border:1px solid #ffffff30;border-radius:20px;padding:20px;box-shadow:0 15px 50px #0005}.mobile-menu a{display:block;padding:16px}.menu-toggle{background:#071719;border:1px solid #ffffff40;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center}.river-stage h1 span{animation:river-reveal 1.1s cubic-bezier(.16,1,.3,1) both}.river-stage h1 span:nth-child(2){animation-delay:.1s}.river-stage h1 span:nth-child(3){animation-delay:.2s}.river-copy p{animation:river-reveal .9s .35s both}.river-copy .concept-actions{animation:river-reveal .9s .5s both}@keyframes river-reveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.river-nav{display:none}.menu-toggle{display:flex}.river-copy h1{font-size:clamp(40px,6.5vw,66px)}}@media(max-width:650px){.river-stage{min-height:720px}.river-stage video{object-position:63% 50%}.river-copy{left:24px;right:24px;bottom:100px;max-width:none}.river-copy h1{font-size:clamp(31px,8.4vw,48px);line-height:1.17}.river-copy p{font-size:13px}.river-copy p br{display:none}.river-copy .concept-actions{gap:24px;align-items:flex-start;flex-direction:column}.river-details{padding:70px 24px}.river-detail-grid{grid-template-columns:1fr;gap:35px}.river-scroll{right:24px;bottom:32px}.river-stage .concept-top{gap:8px}.river-stage .concept-logo{padding:4px}.river-stage .concept-logo img{width:26px;height:26px}}
@media(max-height:550px) and (min-width:651px){.river-stage{min-height:550px}.river-copy h1{font-size:40px}.river-copy{bottom:70px}}
