.river-hero{isolation:isolate;margin:0 calc(-1 * var(--app-main-padding-x,32px)) var(--space-md);padding:var(--space-lg) var(--app-main-padding-x,32px);--river-c1:var(--blue-0);--river-c2:var(--blue-1);--river-c3:var(--primary-1);--river-c4:var(--primary-0);--river-ripple:var(--blue-2);position:relative}.river-hero.tone-calm{--river-c1:var(--teal-0);--river-c2:var(--teal-1);--river-c3:var(--green-1);--river-c4:var(--green-0);--river-ripple:var(--teal-2)}.river-hero.tone-warm{--river-c1:var(--violet-0);--river-c2:var(--violet-1);--river-c3:var(--pink-1);--river-c4:var(--pink-0);--river-ripple:var(--violet-2)}.river-hero.tone-formal{--river-c1:var(--indigo-0);--river-c2:var(--indigo-1);--river-c3:var(--blue-1);--river-c4:var(--blue-0);--river-ripple:var(--indigo-2)}.river-hero.tone-hot{--river-c1:var(--orange-0);--river-c2:var(--orange-1);--river-c3:var(--red-1);--river-c4:var(--red-0);--river-ripple:var(--orange-2)}.river-hero.is-bleed{margin-left:0;margin-right:0}.river-hero.is-bleed .river-hero-band{left:calc(-1 * var(--app-main-padding-x,16px));width:calc(100vw - var(--app-shell-nav-w,0px));right:auto}.river-hero-band{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.river-hero-band:before{content:"";background:linear-gradient(96deg, transparent 0%, var(--river-c1) 8%, var(--river-c2) 28%, var(--river-c3) 62%, var(--river-c4) 88%, transparent 100%);background-position:0%;background-size:110% 100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media (min-width:1024px){.river-hero-band:before{animation:24s linear infinite alternate river-hero-flow}}}@keyframes river-hero-flow{0%{background-position:0%}to{background-position:6%}}.river-hero-ripple{opacity:.5;width:100%;height:24px;color:var(--river-ripple);position:absolute;top:55%;left:0;right:0}.river-hero-ripple path{stroke:currentColor;stroke-width:1px;fill:none}.river-hero-content{z-index:1;position:relative}@media (max-width:1023px){.river-hero{padding:var(--space-md) var(--app-main-padding-x,24px)}}@media (max-width:639px){.river-hero{padding:var(--space-md) var(--app-main-padding-x,16px)}.river-hero-band:before{animation:none!important}}