.brand-belt{--belt-ink:oklch(24% .006 250);margin:56px 0 24px;color:var(--belt-ink)}.brand-belt__heading{text-align:center;margin:0 auto 18px;max-width:650px}.brand-belt__heading h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.035em;line-height:1.12;margin:0 0 14px}.brand-belt__heading p{font-size:17px;line-height:1.6;margin:0 0 12px}.brand-belt__pause{font:inherit;font-size:12px;color:inherit;border:0;background:transparent;min-height:44px;padding:8px 16px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.brand-belt__pause:focus-visible,.brand-belt__details summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.brand-belt__viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent)}.brand-belt__source{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.brand-belt__flow{display:flex;width:max-content;animation:brand-fluid-drift var(--flow-duration,120s) linear infinite;will-change:transform}.brand-belt__field{position:relative;flex:none}.brand-belt__field .brand-belt__logo{position:absolute;display:flex;align-items:center;justify-content:center}.brand-belt__logo{background:transparent;border:0;border-radius:0}.brand-belt__logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.brand-belt__source .brand-belt__logo{width:120px;height:60px}.brand-belt[data-paused] .brand-belt__flow{animation-play-state:paused}.brand-belt__details{max-width:700px;margin:14px auto 0;text-align:center;font-size:13px;line-height:1.65}.brand-belt__details summary{cursor:pointer;padding:12px;list-style-position:inside}.brand-belt__details p{margin:12px 0}@keyframes brand-fluid-drift{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(max-width:600px){.brand-belt{margin-top:40px}.brand-belt__heading p{font-size:15px}.brand-belt__viewport{mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}}.brand-belt__flow{animation:none!important}.brand-belt__viewport{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.brand-belt[data-dragging] .brand-belt__viewport{cursor:grabbing}.brand-belt__viewport img{pointer-events:none;-webkit-user-drag:none}.brand-belt__viewport:focus-visible{outline:2px solid currentColor;outline-offset:6px}.brand-belt__viewport{position:relative;left:50%;transform:translate(-50%);width:min(1600px,calc(100vw - 40px));isolation:isolate;padding-block:18px}.brand-belt__flow{position:relative;z-index:1}.brand-belt__waves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.52}.brand-belt__waves svg{width:100%;height:100%;overflow:visible;animation:brand-wave-breathe 19s ease-in-out infinite alternate}.brand-belt__waves path{fill:none;stroke:#89b1c9;stroke-width:1;vector-effect:non-scaling-stroke}.brand-belt__waves path:nth-child(3n){stroke:#c0b6e4}.brand-belt__waves path:nth-child(3n+1){stroke:#e1c79b;opacity:.8}.brand-belt__logo--accent{isolation:isolate}.brand-belt__logo--accent:before{content:"";position:absolute;z-index:-1;top:-26px;right:-20px;bottom:-26px;left:-20px;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,var(--logo-glow),transparent 68%);opacity:.28;filter:blur(13px);animation:brand-color-breathe 7s ease-in-out infinite;animation-delay:var(--logo-delay)}.brand-belt__logo--accent:after{content:"";position:absolute;z-index:-1;width:120%;height:140%;left:-10%;bottom:-20%;border-radius:50%;border:1px solid color-mix(in oklch,var(--logo-glow) 35%,transparent);background:radial-gradient(ellipse at 50% 90%,color-mix(in oklch,var(--logo-glow) 12%,transparent),transparent 65%);transform:perspective(300px) rotateX(48deg);pointer-events:none;opacity:.55;animation:brand-dome-breathe 9s ease-in-out infinite;animation-delay:var(--logo-delay)}.brand-belt__logo--accent img{filter:drop-shadow(0 5px 7px oklch(30% .025 250 / .1))}.brand-belt[data-paused] .brand-belt__waves svg,.brand-belt[data-paused] .brand-belt__logo--accent img,.brand-belt[data-paused] .brand-belt__logo--accent:before,.brand-belt[data-paused] .brand-belt__logo--accent:after{animation-play-state:paused}@keyframes brand-wave-breathe{0%{transform:translate3d(-1%,8px,0) scaleY(.9);opacity:.65}to{transform:translate3d(1%,-8px,0) scaleY(1.1);opacity:1}}@keyframes brand-color-breathe{0%,to{transform:scale(.85);opacity:.18}50%{transform:scale(1.13);opacity:.38}}@keyframes brand-dome-breathe{0%,to{transform:perspective(300px) rotateX(48deg) scale(.92);opacity:.25}50%{transform:perspective(300px) rotateX(48deg) scale(1.06);opacity:.6}}@keyframes brand-logo-lift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.055)}}@media(max-width:600px){.brand-belt__viewport{width:calc(100vw - 16px);padding-block:10px}.brand-belt__waves{opacity:.36}.brand-belt__logo--accent:before{top:-18px;right:-12px;bottom:-18px;left:-12px;filter:blur(9px)}}@media(prefers-reduced-motion:reduce){.brand-belt__waves svg,.brand-belt__logo--accent img,.brand-belt__logo--accent:before,.brand-belt__logo--accent:after{animation:none}}.brand-belt__logo--wordmark img{object-fit:cover;object-position:center;border-radius:4px}.brand-belt__field .brand-belt__logo{animation:brand-river-float var(--float-duration,14s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}@keyframes brand-river-float{0%,to{transform:translate3d(calc(-1 * var(--float-x)),0,0)}25%{transform:translate3d(0,calc(-1 * var(--float-y)),0)}50%{transform:translate3d(var(--float-x),0,0)}75%{transform:translate3d(0,var(--float-y),0)}}.brand-belt[data-paused] .brand-belt__logo,.brand-belt[data-dragging] .brand-belt__logo{animation-play-state:paused}@keyframes brand-river-float-reduced{0%,to{transform:translate3d(-1.5px,0,0)}25%{transform:translate3d(0,-1.5px,0)}50%{transform:translate3d(1.5px,0,0)}75%{transform:translate3d(0,1.5px,0)}}@media(prefers-reduced-motion:reduce){.brand-belt__field .brand-belt__logo{animation-name:brand-river-float-reduced;animation-duration:24s}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/rs90-brand-belt.css.map */