.brand-river{position:relative;height:240svh;background:#090b09;isolation:isolate;scroll-margin-top:0}
.brand-river:not(.river-ready){height:auto}.brand-river:not(.river-ready) .river-sticky{position:relative}
.river-sticky{position:sticky;top:0;height:100svh;min-height:680px;max-height:1100px;overflow:hidden;display:flex;flex-direction:column;padding:5vh 4% 3vh}
.river-heading{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.river-heading h2{font-size:clamp(46px,5.2vw,88px);line-height:1;letter-spacing:-.055em;font-weight:450;max-width:750px}
.river-heading h2 em{color:var(--acid)}
.river-heading>p{font-size:17px;line-height:1.5;max-width:300px;margin:0 0 5px;color:#b5bbaf}
.river-scene{flex:1;min-height:390px;position:relative;margin-top:15px}
.river-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.river-source{position:absolute;left:1%;top:50%;width:18%;max-width:235px;transform:translateY(-50%);z-index:2}
.river-brandbook{position:relative;aspect-ratio:4/4.8;background:#e9eddf;color:#14190f;padding:12%;border:1px solid #e9eddf;box-shadow:-8px 8px 0 #191f15,-9px 9px 0 #758362,-16px 16px 0 #11170e,-17px 17px 0 #39432e;display:flex;flex-direction:column;justify-content:space-between}
.river-brandbook .river-wordmark{font-size:clamp(12px,1.65vw,24px);letter-spacing:-.07em;font-weight:600}
.river-brandbook strong{font-size:clamp(23px,3vw,45px);font-weight:500;line-height:.95;letter-spacing:-.065em}
.river-swatches{display:flex;gap:6px}.river-swatches i{width:23%;aspect-ratio:1;background:#151b0e}.river-swatches i:nth-child(2){background:#b9ea45}.river-swatches i:nth-child(3){background:#3926f0}
.river-source>p{font-size:14px;margin:26px 0 0;color:#c4ccba}.river-source>p span{display:block;color:#89947e;font-size:12px;margin-top:5px}



.river-output{position:absolute;left:76%;width:21%;max-width:280px;z-index:2;transition:opacity .35s ease-out,filter .35s ease-out;transform:translateY(-50%)}
.river-output[data-output="0"]{top:19%}.river-output[data-output="1"]{top:51%}.river-output[data-output="2"]{top:83%}
.river-output>p{font-size:13px;margin:10px 0 0;color:#bac3ac;display:flex;justify-content:space-between;gap:10px}.river-output>p span{color:#737f66;font-size:12px}
.river-sample{position:relative;overflow:hidden;min-height:100px;aspect-ratio:2.25;padding:8%;color:#11180a;background:var(--acid);display:flex;flex-direction:column;justify-content:space-between}
.river-sample small{font-size:10px;font-weight:600;letter-spacing:-.03em}.river-sample strong{font-weight:500;font-size:clamp(18px,2.5vw,36px);line-height:.9;letter-spacing:-.06em;position:relative;z-index:1}.river-sample em{font-family:Georgia,serif;font-weight:400}
.river-carousel{display:flex;gap:5px}.river-carousel .river-sample{width:61%;aspect-ratio:1;min-height:0;padding:9% 7%;overflow:hidden}.river-carousel .river-sample+div{width:39%;background:#e6eadc}.river-carousel strong{font-size:clamp(16px,2vw,30px)}.river-carousel .river-sample+div strong{font-size:clamp(35px,4vw,65px);color:#23330e}
.river-video{background:#3321e8;color:#f2f3ed;aspect-ratio:2.65}.river-video:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2513daaa,#2513da00),url('assets/polymorph.jpg') center/cover;opacity:.6}.river-video small{z-index:1}.river-video strong{color:var(--acid)}.river-video .river-playhead{position:absolute;bottom:7%;left:8%;right:8%;height:2px;background:#ffffff44}.river-playhead:after{content:'';display:block;width:36%;height:100%;background:var(--acid);animation:river-play 5s linear infinite}
.river-campaign{background:#e6eadc;aspect-ratio:2.65}.river-campaign strong{max-width:75%}.river-campaign:after{content:'✳';position:absolute;right:3%;top:7%;font-size:100px;color:#351dff;line-height:1;animation:rotate 24s linear infinite}
.river-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;position:relative;z-index:2;border-top:1px solid #2c3526;padding-top:20px}
.river-beats{display:flex;gap:30px}.river-beats span{font-size:13px;color:#6f7d62;position:relative;padding-top:9px;transition:color .25s}.river-beats span:before{content:'';height:2px;position:absolute;left:0;top:0;width:0;background:var(--acid);transition:width .45s}.river-beats span.is-current{color:var(--paper)}.river-beats span.is-current:before{width:100%}
.river-caption{font-size:clamp(17px,1.7vw,25px);letter-spacing:-.03em;line-height:1.3;text-align:right;margin:0;max-width:460px}.river-caption span{color:var(--acid)}
.river-ready .river-output{opacity:.15;filter:saturate(.3)}.river-ready .river-output.is-visible{opacity:1;filter:saturate(1)}
.brand-river:not(.river-in-view) .river-playhead:after,.brand-river:not(.river-in-view) .river-campaign:after{animation-play-state:paused}
@keyframes river-play{from{transform:translateX(-110%)}to{transform:translateX(380%)}}
@media(min-width:1500px){.river-scene{max-width:1550px;width:100%;margin-inline:auto}}

@media(max-height:750px) and (min-width:801px){.river-sticky{min-height:620px;padding-top:25px}.river-heading h2{font-size:54px}.river-scene{min-height:350px}.river-source{max-width:170px}.river-output{max-width:220px}.river-bottom{padding-top:12px}}


@media(prefers-reduced-motion:reduce){.brand-river{height:auto}.river-sticky{position:relative;height:auto;min-height:0;max-height:none}.river-scene{height:500px;flex:none}.river-playhead:after,.river-campaign:after{animation:none}.river-ready .river-output{opacity:1;filter:none}.river-output,.river-beats span,.river-beats span:before{transition:none}}
.river-signals{position:absolute;left:39%;top:4%;width:170px;z-index:2;text-align:center;color:var(--paper)}
.river-signal-symbol{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 10px;border:1px solid #687c46;border-radius:50%;background:#10160d;box-shadow:0 0 32px #b4e96a14;color:var(--acid)}
.river-signal-symbol .lucide{width:40px;height:40px;stroke-width:1.2}
.river-signals strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.025em}.river-signals>span{display:block;font-size:12px;line-height:1.5;color:#a5b295;margin-top:5px}

.river-signals>.river-concepts{display:table;margin:12px auto 0;padding:10px 8px 4px;border-top:1px solid #475637;background:#090b09;color:var(--acid);font-size:14px}
.river-destinations{position:absolute;left:49%;top:64%;transform:translate(-50%,-50%);z-index:2}
.river-destinations ul{display:flex;list-style:none;gap:24px;margin:0;padding:10px 12px;background:#090b09;border-radius:24px}.river-destinations li{display:grid;place-items:center;color:#d9dfd1}.river-destinations svg{width:24px;height:24px;display:block}.river-destinations [data-brand-icon]{display:block}
@media(max-width:800px){
 .brand-river{height:auto}
 .river-sticky{position:relative;height:auto;min-height:0;max-height:none;overflow:clip;padding:44px 5% 36px}
 .river-heading{display:block}.river-heading h2{font-size:clamp(39px,8.6vw,64px);line-height:1.04}.river-heading>p{font-size:16px;line-height:1.55;max-width:36ch;margin:20px 0 0}
 .river-scene{flex:none;width:100%;max-width:540px;height:880px;min-height:0;margin:36px auto 0}
 .river-source{left:2%;top:14px;width:34%;max-width:160px;transform:none}
 .river-brandbook{height:150px;aspect-ratio:auto;padding:12%;box-shadow:-5px 5px 0 #191f15,-6px 6px 0 #758362,-10px 10px 0 #11170e,-11px 11px 0 #39432e}
 .river-brandbook .river-wordmark{font-size:clamp(12px,2.7vw,16px)}.river-brandbook strong{font-size:34px}.river-swatches{gap:5px}.river-swatches i{width:22%;height:12px;aspect-ratio:auto}
 .river-source>p{font-size:13px;line-height:1.4;margin:20px 0 0}.river-source>p span{font-size:12px;line-height:1.5;margin-top:8px}
 .river-signals{left:48%;top:18px;width:52%;max-width:none}.river-signal-symbol{width:56px;height:56px;margin-bottom:10px}.river-signal-symbol .lucide{width:34px;height:34px}.river-signals strong{font-size:18px}.river-signals>span{font-size:12px}.river-signals>.river-concepts{font-size:14px;margin-top:12px;line-height:1.4}
 .river-output{left:30%!important;width:70%;max-width:none;transform:none}
 .river-output[data-output="0"]{top:300px}.river-output[data-output="1"]{top:480px}.river-output[data-output="2"]{top:660px}
 .river-sample{height:140px;min-height:0;aspect-ratio:auto;padding:18px}.river-sample small{font-size:11px}.river-sample strong{font-size:32px}
 .river-carousel{gap:5px}.river-carousel .river-sample{height:140px;aspect-ratio:auto;padding:16px 12px}.river-carousel strong{font-size:30px}.river-carousel .river-sample+div strong{font-size:50px}
 .river-campaign strong{max-width:75%}.river-campaign:after{font-size:92px;top:25%;right:0;opacity:.7}
 .river-output>p{font-size:14px;line-height:1.4;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:0 10px}.river-output>p span{font-size:12px}
 .river-ready .river-output{opacity:.28;filter:saturate(.5)}.river-ready .river-output.is-visible{opacity:1;filter:none}
 .river-destinations{left:65%;top:268px;width:auto;max-width:none;margin:0;padding:0}
 .river-destinations ul{gap:20px;padding:8px 10px}.river-destinations svg{width:22px;height:22px}
 .river-bottom{display:block;padding-top:24px;max-width:540px;width:100%;margin:auto}.river-beats{display:none}.river-caption{text-align:left;font-size:22px;max-width:none;margin:0}
}
@media(max-width:359px){.river-source{width:35%}.river-brandbook{padding:10%;height:140px}.river-brandbook strong{font-size:30px}.river-signals{left:46%;width:54%}.river-signals>.river-concepts{font-size:13px}.river-carousel strong{font-size:26px}.river-output>p span{display:none}}
@media(prefers-reduced-motion:reduce){.river-ready .river-output{opacity:1;filter:none}}