.coral{--accent:#8a5d17;--accent-deep:#6b470f;--surface:#f7e1b7;--tint:#fff8ec;--line-accent:#efdfbf;--companion:#e4f1f5}
.purple{--accent:#6c4f8f;--accent-deep:#553c72;--surface:#e2d6ed;--tint:#f9f5fc;--line-accent:#e3d9ec;--companion:#fdeedd}
.aqua{--accent:#2f6890;--accent-deep:#24506f;--surface:#cfe4f2;--tint:#f0f9f8;--line-accent:#cfe7e4;--companion:#cdeee4}
.red{--accent:#9b4252;--accent-deep:#7b3140;--surface:#f5d4d9;--tint:#fff5f6;--line-accent:#efd8dc;--companion:#e3f0f5}
.cup-scene{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;aspect-ratio:6/1;pointer-events:none;overflow:hidden}
.cup-scene.is-hero{aspect-ratio:1440/410;min-height:90px;max-height:100%}
.cup-scene.is-title{aspect-ratio:1440/214;min-height:48px;opacity:.8}
.sc-art .sc-far{fill:var(--companion);opacity:.75}
.sc-art .sc-mid{fill:var(--surface);opacity:.85}
.sc-art .sc-base{fill:var(--bg,#fff)}
.sc-art .sc-sun{fill:color-mix(in srgb,var(--surface) 55%,#fff);opacity:.85}
.sc-art .sc-cloud{fill:#fff;opacity:.85}
.sc-art .sc-line,.sc-art .sc-wheel,.sc-art .sc-palm{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}
.sc-art .sc-line{stroke-width:2;opacity:.38}
.sc-art .sc-wheel{stroke-width:1.8;opacity:.3}
.sc-art .sc-wheel .sc-gondola{fill:var(--accent);stroke:none}
.sc-art .sc-palm{stroke-width:4.5;opacity:.28}
.sc-art .sc-palm path+path{stroke-width:3.5}
.sc-art .sc-fill{fill:var(--accent);opacity:.28}
.sc-art .sc-band{fill:#fff;opacity:.85}
.sc-art .sc-lamp{fill:#fff7c8}
.sc-art .sc-slide path{fill:none;stroke-linecap:round}
.sc-art .sc-slide .sc-tube{stroke:#ffd5b4;stroke-width:15;opacity:1}
.sc-art .sc-flow{stroke:#fff;stroke-width:3;opacity:.9;stroke-dasharray:14 22}
.sc-art .sc-bubble{fill:#fff;stroke:var(--accent);stroke-width:1.5;opacity:.4}
.cup-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.34}
.cup-ribbon path{fill:none;stroke:url(#ribbon-gradient);stroke-width:2.2;stroke-linecap:round}
.rb-a{stop-color:var(--accent)}
.rb-b{stop-color:color-mix(in srgb,var(--surface) 50%,var(--accent))}
.rb-c{stop-color:var(--companion)}
.sc-spin,.sc-sun,.sc-palm,.sc-bubble{transform-box:fill-box}
.sc-spin,.sc-sun{transform-origin:center}
.sc-palm{transform-origin:50% 100%}
.motion-running .sc-drift{animation:sc-drift 42s linear infinite}
.motion-running .sc-drift.is-reverse{animation-duration:54s;animation-direction:reverse}
.motion-running .sc-drift.is-slow{animation-duration:76s}
.motion-running .sc-spin{animation:sc-spin 110s linear infinite}
.motion-running .sc-sun{animation:sc-glow 11s ease-in-out infinite alternate}
.motion-running .sc-cloud{animation:sc-cloud 28s ease-in-out infinite alternate}
.motion-running .sc-cloud.d2{animation-duration:36s;animation-delay:-8s}
.motion-running .sc-cloud.d3{animation-duration:32s;animation-delay:-14s}
.motion-running .sc-gull{animation:sc-gull 8s ease-in-out infinite alternate}
.motion-running .sc-gull.d2{animation-duration:10s;animation-delay:-2s}
.motion-running .sc-palm{animation:sc-sway 8.5s ease-in-out infinite alternate}
.motion-running .sc-palm.d2{animation-duration:10.5s;animation-delay:-3s}
.motion-running .sc-bubble{animation:sc-rise 10s ease-in infinite}
.motion-running .sc-bubble.d2{animation-duration:12s;animation-delay:-2.5s}
.motion-running .sc-bubble.d3{animation-duration:14s;animation-delay:-5s}
.motion-running .sc-flow{animation:sc-flow 2.8s linear infinite}
.motion-running .cup-ribbon path{stroke-dasharray:1100 500;animation:sc-ribbon 26s linear infinite}
@keyframes sc-drift{to{transform:translateX(-360px)}}
@keyframes sc-spin{to{transform:rotate(360deg)}}
@keyframes sc-glow{to{transform:scale(1.07)}}
@keyframes sc-cloud{from{transform:translateX(-60px)}to{transform:translateX(60px)}}
@keyframes sc-gull{from{transform:translate(0,0)}to{transform:translate(14px,-8px)}}
@keyframes sc-sway{from{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}
@keyframes sc-palm-wind{0%{transform:rotate(-2.5deg)}50%{transform:rotate(2deg)}100%{transform:rotate(-2.5deg)}}
@keyframes sc-fronds{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}}
@keyframes sc-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.45}100%{transform:translateY(-70px);opacity:0}}
@keyframes sc-flow{to{stroke-dashoffset:-36}}
@keyframes sc-ribbon{to{stroke-dashoffset:-1600}}
.cup-orb{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(48px);opacity:.55}
.cup-orb.o1{width:clamp(180px,26vw,380px);aspect-ratio:1;left:-6%;top:-18%;background:var(--surface)}
.cup-orb.o2{width:clamp(160px,22vw,320px);aspect-ratio:1;right:4%;bottom:6%;background:var(--companion)}
.cup-swoosh{position:absolute;left:0;bottom:-.14em;width:100%;height:.3em;overflow:visible;pointer-events:none}
.cup-swoosh path{fill:none;stroke:color-mix(in srgb,var(--surface) 55%,var(--accent));stroke-width:7;stroke-linecap:round;opacity:.55}
.cup-band-wave{position:absolute;left:0;right:0;top:-47px;width:100%;height:48px;overflow:hidden;pointer-events:none}
.cup-band-wave path{fill:var(--tint)}
.sc-drift{will-change:transform}
.motion-running .cup-orb.o1{animation:sc-orb 34s ease-in-out infinite alternate}
.motion-running .cup-orb.o2{animation:sc-orb 42s ease-in-out infinite alternate-reverse}
.motion-running .cup-swoosh path{stroke-dasharray:520;animation:sc-swoosh 1.6s .3s cubic-bezier(.22,1,.36,1) both}
@keyframes sc-orb{to{transform:translate(8%,10%) scale(1.12)}}
@keyframes sc-swoosh{from{stroke-dashoffset:520}to{stroke-dashoffset:0}}
.sc-art .sc-bird{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.42}
.sc-art .sc-hull{fill:var(--accent);opacity:.32}
.sc-art .sc-mast{fill:none;stroke:var(--accent);stroke-width:2;opacity:.4}
.sc-art .sc-sail{fill:#fff;stroke:color-mix(in srgb,var(--accent) 40%,transparent);stroke-width:1.2;opacity:.95}
.sc-art .sc-sail.is-jib{fill:color-mix(in srgb,var(--surface) 60%,#fff)}
.sc-art .sc-dune{fill:color-mix(in srgb,var(--surface) 55%,#f4e3c3);opacity:.9}
.sc-art .sc-grass path{fill:none;stroke:color-mix(in srgb,var(--accent) 70%,#6f8f4e);stroke-width:2;stroke-linecap:round;opacity:.5}
.sc-art .sc-grass ellipse{fill:color-mix(in srgb,var(--accent) 55%,#c9a14a);opacity:.45}
.sc-art .sc-cactus{fill:none;stroke:color-mix(in srgb,var(--accent) 45%,#6f8f4e);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.32}
.sc-art .sc-envelope{fill:color-mix(in srgb,var(--surface) 68%,var(--accent) 32%);stroke:#fff;stroke-width:1.5}
.sc-art .sc-stripe{fill:color-mix(in srgb,var(--surface) 55%,#fff)}
.sc-art .sc-rope{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.6}
.sc-art .sc-basket{fill:var(--accent);opacity:.55}
.sc-art .sc-hill{fill:var(--companion);opacity:.75}
.sc-art .sc-trees path{fill:none;stroke:color-mix(in srgb,var(--accent) 50%,#5d7a4a);stroke-width:3;opacity:.35}
.sc-art .sc-trees circle{fill:color-mix(in srgb,var(--surface) 45%,#9cc29a);opacity:.7}
.sc-art .sc-beam path{fill:#fff3a8;opacity:.7}
.sc-art .sc-lamp{fill:#fff6b8}
.sc-boat,.sc-grass,.sc-balloon,.sc-flock,.sc-bird,.sc-beam,.sc-lamp,.sc-cabin{transform-box:fill-box}
.sc-boat,.sc-grass{transform-origin:50% 100%}
.sc-beam,.sc-lamp,.sc-bird{transform-origin:center}
.motion-running .sc-boat{animation:sc-boat 8s ease-in-out infinite alternate}
.motion-running .sc-boat.d2{animation-duration:10s;animation-delay:-2s}
.motion-running .sc-grass{animation:sc-sway 6.5s ease-in-out infinite alternate}
.motion-running .sc-grass.d2{animation-duration:8s;animation-delay:-1.6s}
.motion-running .sc-balloon{animation:sc-balloon-x 13s ease-in-out infinite alternate,sc-balloon-y 8.5s ease-in-out infinite alternate}
.motion-running .sc-balloon.d2{animation-duration:16s,10s;animation-delay:-5s,-3s}
.motion-running .sc-flock{animation:sc-glide 42s ease-in-out infinite alternate}
.motion-running .sc-flock.d2{animation-duration:50s;animation-delay:-10s}
.motion-running .sc-flock.d3{animation-duration:46s;animation-delay:-18s}
.motion-running .sc-bird{animation:sc-flap 1.7s ease-in-out infinite alternate}
.motion-running .sc-bird.d2{animation-delay:-.3s}
.motion-running .sc-bird.d3{animation-delay:-.6s}
.motion-running .sc-bird.d4{animation-delay:-.9s}
.motion-running .sc-beam{animation:sc-lantern 18s linear infinite}
@keyframes sc-boat{from{transform:translateX(-18px) rotate(-2deg)}to{transform:translateX(18px) rotate(2deg)}}
@keyframes sc-balloon-x{from{translate:-56px 0}to{translate:62px 0}}
@keyframes sc-balloon-y{from{transform:translateY(10px) rotate(-3deg)}to{transform:translateY(-26px) rotate(3deg)}}
@keyframes sc-glide{from{transform:translate(-80px,6px)}to{transform:translate(120px,-10px)}}
@keyframes sc-flap{from{transform:scaleY(1)}to{transform:scaleY(.45)}}
@keyframes sc-lantern{0%{transform:scaleX(1);opacity:.8}25%{transform:scaleX(.06);opacity:1}50%{transform:scaleX(-1);opacity:.8}75%{transform:scaleX(-.06);opacity:.2}100%{transform:scaleX(1);opacity:.8}}
@keyframes sc-lamp{0%,50%,100%{transform:scale(1)}23%,73%{transform:scale(1.8)}}
.sc-art .sc-cable{fill:none;stroke:var(--accent);stroke-width:1.8;opacity:.6}
.sc-art .sc-tower{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;opacity:.35}
.sc-art .sc-station{fill:#fff;stroke:var(--accent);stroke-width:1.6;opacity:.95}
.sc-art .sc-cabin rect{fill:#fff;stroke:var(--accent);stroke-width:1.6;opacity:.95}
.sc-art .sc-cabin .sc-hanger,.sc-art .sc-cabin .sc-window{fill:none;stroke:var(--accent);stroke-width:1.6;opacity:.6}
.sc-art .sc-yucca path{fill:none;stroke:color-mix(in srgb,var(--accent) 45%,#6f8f4e);stroke-width:3;stroke-linecap:round;opacity:.35}
.motion-running .sc-cabin{animation:sc-tram 22s ease-in-out infinite alternate}
@keyframes sc-tram{0%,8%{transform:translate(0,0)}92%,100%{transform:translate(150px,-78px)}}
.sc-art .sc-tower-frame path{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;opacity:.3}
.sc-art .sc-tower-frame .sc-roof{fill:var(--surface);stroke:var(--accent);stroke-width:1.6;opacity:.8}
.sc-art .sc-slide.is-tube path:first-child{stroke:color-mix(in srgb,var(--companion) 50%,var(--accent));stroke-width:14;opacity:.22}
.sc-art .sc-rider{fill:#ffb347;stroke:#fff;stroke-width:2}
.sc-art .sc-splash circle{fill:#fff;stroke:var(--accent);stroke-width:1.2;opacity:.75;transform-box:fill-box;transform-origin:center}
.sc-art .sc-tube ellipse{fill:#ff8f6b;opacity:.75}
.sc-art .sc-tube .sc-tube-hole{fill:var(--companion);opacity:1}
.motion-running .sc-splash circle{animation:sc-splash 2.4s ease-out infinite}
.motion-running .sc-splash .d2{animation-delay:-.45s}
.motion-running .sc-splash .d3{animation-delay:-.9s}
.sc-art .sc-tuber{fill:#ffcf8a;stroke:#fff;stroke-width:1.5}
.sc-art .sc-fountain path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:3 6;opacity:.95}
.motion-running .sc-river{animation:sc-river 64s linear infinite}
.motion-running .sc-river.d2{animation-delay:-15s}
.motion-running .sc-river.d3{animation-delay:-31s}
.motion-running .sc-fountain path{animation:sc-flow 2s linear infinite}
@keyframes sc-river{from{transform:translateX(-1300px)}to{transform:translateX(1300px)}}
@keyframes sc-splash{0%{transform:translateY(6px) scale(.4);opacity:0}30%{opacity:.85}100%{transform:translateY(-16px) scale(1.1);opacity:0}}
.sc-swell{transform-box:fill-box;transform-origin:50% 100%}
.motion-running .sc-swell{animation:sc-swell 14s ease-in-out infinite}
.motion-running .sc-swell.s2{animation-duration:12.5s;animation-delay:-4s}
.motion-running .sc-swell.s3{animation-duration:15.5s;animation-delay:-9s}
@keyframes sc-swell{0%,100%{transform:scaleY(1)}30%{transform:scaleY(1.1)}60%{transform:scaleY(.96)}80%{transform:scaleY(1.05)}}
.motion-running .hub-drift{animation:sc-drift 13s linear infinite}
.motion-running .hub-drift.is-right{animation-direction:reverse;animation-duration:17s}
.motion-running .hub-drift.is-slow{animation-duration:21s}
.sc-art .sc-foot,.sc-art .sc-ground{fill:color-mix(in srgb,var(--companion) 45%,#f3e4c8)}
.sc-art .sc-bucket-rig .sc-frame{fill:none;stroke:var(--accent);stroke-width:3.4;stroke-linecap:round;opacity:.55}
.sc-art .sc-bucket-body{fill:color-mix(in srgb,var(--surface) 35%,var(--accent) 65%);stroke:#fff;stroke-width:2}
.sc-art .sc-bucket-band{fill:none;stroke:#fff;stroke-width:2;opacity:.6}
.sc-art .sc-bucket-water{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.9}
.sc-art .sc-pour path{fill:none;stroke:color-mix(in srgb,var(--companion) 40%,#8fd0ea);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:10 8;opacity:0}
.sc-bucket{transform-box:fill-box;transform-origin:center}
.motion-running .sc-bucket{animation:sc-bucket 8s ease-in-out infinite}
.motion-running .sc-pour path{animation:sc-pour 8s linear infinite,sc-flow 1.2s linear infinite}
@keyframes sc-bucket{0%,6%{transform:rotate(0)}12%{transform:rotate(-5deg)}19%{transform:rotate(5deg)}26%{transform:rotate(-8deg)}33%{transform:rotate(8deg)}40%{transform:rotate(-11deg)}47%{transform:rotate(12deg)}54%{transform:rotate(-14deg)}60%{transform:rotate(16deg)}68%,80%{transform:rotate(118deg)}92%,100%{transform:rotate(0)}}
@keyframes sc-pour{0%,66%{opacity:0}70%,82%{opacity:.95}88%,100%{opacity:0}}
.sc-art .sc-surf-wave{fill:color-mix(in srgb,var(--companion) 55%,#a9d8ec);opacity:.95}
.sc-art .sc-foam{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.9}
.sc-art .sc-board{fill:#ffd5b4;stroke:#fff;stroke-width:1.2}
.sc-art .sc-head{fill:var(--accent-deep)}
.sc-art .sc-flow-sheet{fill:color-mix(in srgb,var(--companion) 50%,#9fd6ec)}
.sc-art .sc-flow-pad{fill:color-mix(in srgb,var(--surface) 35%,var(--accent) 65%);opacity:.7}
.sc-art .sc-flow-lines{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:8 10;opacity:.9}
.sc-surfer{transform-box:fill-box;transform-origin:50% 100%}
.motion-running .sc-flow-lines{animation:sc-flow-up 1.6s linear infinite}
@keyframes sc-flow-up{to{stroke-dashoffset:-36}}
.sc-art .sc-limb,.sc-art .sc-torso,.sc-art .sc-arm{fill:none;stroke:var(--accent-deep);stroke-linecap:round;stroke-linejoin:round}
.sc-art .sc-limb{stroke-width:4.4}
.sc-art .sc-torso{stroke-width:6}
.sc-art .sc-arm{stroke-width:3.4}
.sc-art .sc-surf-wave{fill:color-mix(in srgb,var(--companion) 50%,#9fd6ec)}
.sc-art .sc-flow-lines.is-second{opacity:.6}
.sc-art .sc-rock{fill:color-mix(in srgb,var(--accent) 30%,#a9a39b);opacity:.75}
.sc-art .sc-pier-deck{fill:none;stroke:var(--accent);stroke-width:3.4;stroke-linecap:round;opacity:.55}
.sc-art .sc-pier-pilings{fill:none;stroke:var(--accent);stroke-width:2.6;opacity:.4}
.sc-art .sc-pier-rail{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.4}
.sc-art .sc-pier-house{fill:#fff;stroke:var(--accent);stroke-width:1.6;opacity:.9}
.sc-art .sc-bowl-legs{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;opacity:.45}
.sc-art .sc-bowl-body{fill:color-mix(in srgb,var(--companion) 55%,#9fd6ec)}
.sc-art .sc-bowl-inner{fill:color-mix(in srgb,var(--companion) 35%,#d8f1f8);stroke:#fff;stroke-width:2}
.sc-art .sc-bowl-swirl{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:6 12;opacity:.9}
.sc-art .sc-bowl .sc-tube{fill:none;stroke:#ffd5b4;stroke-width:13;stroke-linecap:round}
.sc-art .sc-rider{fill:#ffb98a;stroke:#fff;stroke-width:2}
.motion-running .sc-bowl-swirl{animation:sc-flow 2.8s linear infinite}
.sc-art .sc-green{fill:color-mix(in srgb,#b8dfa6 75%,var(--surface))}
.sc-art .sc-cup{fill:color-mix(in srgb,var(--accent) 60%,#4b5a3e);opacity:.7}
.sc-art .sc-flagpole{fill:none;stroke:var(--accent-deep);stroke-width:2;opacity:.7}
.sc-art .sc-flag{fill:#f6b24f}
.sc-art .sc-ball{fill:#fff;stroke:color-mix(in srgb,var(--accent) 40%,#fff);stroke-width:1.2}
.sc-flag,.sc-ball{transform-box:fill-box}
.sc-flag{transform-origin:0 50%}
.motion-running .sc-flag{animation:sc-flag 2.4s ease-in-out infinite alternate}
.motion-running .sc-ball{animation:sc-putt 7s ease-in-out infinite}
@keyframes sc-flag{from{transform:skewY(-5deg) scaleX(1)}to{transform:skewY(6deg) scaleX(.82)}}
@keyframes sc-putt{0%,12%{transform:translateX(0);opacity:1}62%{transform:translateX(68px);opacity:1}70%{transform:translate(68px,4px) scale(.3);opacity:0}100%{transform:translateX(0);opacity:0}}
.sc-art .sc-plane-body,.sc-art .sc-plane-wing,.sc-art .sc-plane-tail{fill:color-mix(in srgb,var(--accent) 70%,#fff);stroke:var(--accent-deep);stroke-width:.8}
.sc-art .sc-tow{fill:none;stroke:var(--accent);stroke-width:.9;opacity:.7}
.sc-art .sc-banner{fill:color-mix(in srgb,var(--surface) 55%,#fff);stroke:color-mix(in srgb,var(--accent) 70%,#fff);stroke-width:1}
.sc-art .sc-banner-text{fill:var(--accent);font:800 10px/1 Manrope,Arial,sans-serif;letter-spacing:.06em}
.sc-art .sc-kite-string{fill:none;stroke:var(--accent);stroke-width:1;opacity:.4}
.sc-art .sc-kite-sail{fill:#f6b24f;stroke:#fff;stroke-width:1.2}
.sc-art .sc-kite-cross{fill:none;stroke:#fff;stroke-width:1.2;opacity:.8}
.sc-art .sc-kite-tail{fill:none;stroke:color-mix(in srgb,var(--accent) 60%,#f6b24f);stroke-width:1.6;stroke-linecap:round}
.sc-kite,.sc-kite-rig{transform-box:view-box;transform-origin:0 0} 
.motion-running .sc-plane{animation:sc-plane 41.6s linear infinite}
.motion-running .sc-kite-rig{animation:sc-kite-swing 5.5s ease-in-out infinite alternate}
.motion-running .sc-kite{animation:sc-kite-tilt 3.6s ease-in-out infinite alternate}
@keyframes sc-plane{from{transform:translate(-480px,46px)}to{transform:translate(560px,-112px)}}
@keyframes sc-kite-swing{from{rotate:-4deg}to{rotate:5deg}}
@keyframes sc-kite-tilt{from{rotate:-12deg}to{rotate:11deg}}
.sc-art .sc-dolphin-body,.sc-art .sc-dolphin-fin{fill:color-mix(in srgb,var(--accent) 12%,#9fb6c7);fill-opacity:.62}
.sc-art .sc-crab-body{fill:#f9c9b4}
.sc-art .sc-crab-claws{fill:none;stroke:#f4b49a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sc-art .sc-crab-legs{fill:none;stroke:#f4b49a;stroke-width:1.6;stroke-linecap:round}
.sc-art .sc-crab-eye{fill:#9a6a58}
.motion-running .sc-crab{animation:sc-crab 13s ease-in-out infinite}
@keyframes sc-crab{0%,100%{transform:translateX(0)}20%{transform:translateX(-26px)}30%{transform:translateX(-26px)}60%{transform:translateX(22px)}72%{transform:translateX(22px)}}
@media (prefers-reduced-motion:reduce){.hub-drift,.sc-swell,.cup-scene *,.cup-sky-top *,.cup-hero-divider *,.cup-hero-tube *,.cup-hero-air *,.cup-hero-slides *,.cup-hero-flyers *,.cup-ribbon path,.cup-orb,.cup-swoosh path,.cup-band-wave path,.cup-footer-wave path{animation:none!important}}
.sc-art .sc-surf-ride .sc-board{opacity:1}
.sc-bucket-flip{transform-box:view-box;transform-origin:0 0} 
.motion-running .sc-bucket-flip{animation:sc-bucket-flip 16s step-end infinite}
@keyframes sc-bucket-flip{0%{transform:none}50%{transform:scaleX(-1)}100%{transform:scaleX(-1)}}
.cup-sky-top .sc-festoon{fill:none;stroke:color-mix(in srgb,var(--accent) 55%,#fff);stroke-width:4;opacity:.75}
.cup-sky-top .sc-bulb-cap{fill:color-mix(in srgb,var(--accent) 60%,#fff)}
.cup-sky-top .sc-bulb{stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center}
.cup-sky-top .sc-bulb.b1{fill:#ffd166}.cup-sky-top .sc-bulb.b2{fill:#7fd3c4}.cup-sky-top .sc-bulb.b3{fill:#f8a78b}.cup-sky-top .sc-bulb.b4{fill:#9cc8ec}
.motion-running .sc-bulb{animation:sc-twinkle 4.8s ease-in-out infinite alternate}
.motion-running .sc-bulb.d2{animation-delay:-1.1s}.motion-running .sc-bulb.d3{animation-delay:-2.2s}
@keyframes sc-twinkle{from{opacity:.55}to{opacity:1}}
@media (min-width:1200px){.motion-running .cup-scene .sc-plane{animation-name:sc-plane-sm;animation-delay:-3s}.cup-scene .sc-plane{transform:scale(.78)}}
@keyframes sc-plane-sm{from{transform:translate(-560px,40px) scale(.78)}to{transform:translate(700px,-112px) scale(.78)}}
.motion-running .cup-sky-top .sc-plane{animation:sc-plane-level 35s linear -15.2s infinite} 
.motion-running .cup-sky-top .sc-plane.is-second{animation-delay:-4s}
.cup-sky-top .sc-plane.is-second{display:none}
.motion-running .cup-sky-top .sc-plane.is-second{display:inline}
@keyframes sc-plane-level{from{transform:translateX(-907px)}to{transform:translateX(357px)}}
.scene-excalibur-cup .sc-lighthouse .sc-fill{opacity:.62}
.scene-excalibur-cup .sc-lighthouse .sc-band{opacity:1}
.scene-excalibur-cup .sc-plane,.cup-sky-top .sc-plane{opacity:.72}
.scene-excalibur-cup .sc-flock{opacity:1}
.scene-excalibur-cup .sc-bird{opacity:.55}
.cup-sky-top .sc-drop{fill:color-mix(in srgb,var(--companion) 50%,#9fd6ec);stroke:#fff;stroke-width:2;opacity:.8;transform-box:fill-box}
.motion-running .cup-sky-top .sc-drop{animation:sc-drop 4.6s ease-in infinite}
.motion-running .cup-sky-top .sc-drop.d2{animation-delay:-1.5s}.motion-running .cup-sky-top .sc-drop.d3{animation-delay:-3s}
@keyframes sc-drop{0%{transform:translateY(-10px);opacity:0}20%{opacity:.8}100%{transform:translateY(60px);opacity:0}}
.sc-ele-body{fill:color-mix(in srgb,var(--accent) 22%,#a9a7a8);opacity:.7}
.sc-ele-ear{fill:color-mix(in srgb,var(--accent) 15%,#c6c2c2);opacity:.82}
.sc-ele-tusk{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}
.sc-ele-eye{fill:#5d5a5c;opacity:.7}
.sc-ele-tail{fill:none;stroke:color-mix(in srgb,var(--accent) 22%,#a9a7a8);stroke-width:2.4;stroke-linecap:round;opacity:.7}
.sc-spray{fill:none;stroke:color-mix(in srgb,var(--companion) 40%,#8fd0ea);stroke-width:4;stroke-linecap:round;stroke-dasharray:10 8;opacity:.85}
.motion-running .sc-spray{animation:sc-flow 1.9s linear infinite}
:is(.cup-scene,.cup-hero-tube) .sc-snake .sc-tube{fill:none;stroke:#ffd5b4;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
:is(.cup-scene,.cup-hero-tube) .sc-snake .sc-flow{fill:none}
.scene-waterpark .sc-bubble{opacity:.32}
.cup-hero-tube{display:none;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.cup-hero.has-tube .cup-hero-tube{display:block}
.cup-hero.has-tube .sc-bowl-feed{display:none}
.cup-hero-tube .sc-tube-line{fill:none;stroke:#ffd5b4;stroke-linecap:round;opacity:.95}
.cup-hero-tube .sc-tube-flow{fill:none;stroke:#fff;stroke-linecap:round;opacity:.85}
.motion-running .cup-hero-tube .sc-tube-flow{animation:sc-tube-flow 3.1s linear infinite}
@keyframes sc-tube-flow{to{stroke-dashoffset:calc(var(--dash,36px) * -1)}}
.cup-hero-tube .sc-green-slide{display:none}
.cup-hero.has-green-tube .cup-hero-tube .sc-green-slide{display:inline}
.cup-hero-tube .sc-snake-over{display:none}
.cup-hero.has-green-tube .cup-hero-tube .sc-snake-over{display:inline}
.cup-hero-tube .sc-green-slide .sc-tube-line{stroke:#bfe3c6}
.cup-hero-tube .sc-green-slide .sc-tube-flow{animation-duration:3.8s}
.cup-hero-tube .sc-green-pool{fill:color-mix(in srgb,var(--companion) 55%,#fff);stroke:#fff;stroke-width:2;opacity:.9}
:is(.scene-waterpark,.cup-hero-tube,.cup-hero-slides) .sc-rider{fill:#8fcf9f}
:is(.scene-waterpark,.cup-hero-tube,.cup-hero-slides) .sc-rider.is-green{fill:#ffb98a}
.cup-hero-divider .sc-bubble{opacity:.45}
.cup-hero-divider .sc-gull,.cup-hero-divider .sc-bird{opacity:.45}
.cup-hero-divider .sc-balloon{opacity:.8}
.scene-excalibur-cup .sc-surf-wave{fill:color-mix(in srgb,var(--companion) 35%,#86c6e2);opacity:1}
.scene-excalibur-cup .sc-flow-lines{stroke-width:3;opacity:1}
.scene-excalibur-cup .sc-flow-lines.is-second{opacity:.8}
.scene-excalibur-cup .sc-foam{stroke-width:3.4;opacity:1}
.scene-excalibur-cup .sc-rock{fill:color-mix(in srgb,var(--accent) 35%,#958e86);opacity:1}
.scene-excalibur-cup .sc-beam path{fill:#ffe27a;opacity:.35}
.scene-excalibur-cup .sc-lamp{fill:#ffd54f}
.scene-excalibur-cup .sc-crab-body{fill:#f4a487}
.scene-excalibur-cup .sc-crab-claws,.scene-excalibur-cup .sc-crab-legs{stroke:#e48a68}
.scene-excalibur-cup .sc-crab-eye{fill:#6b4436}
.cup-hero-air{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.motion-running .sc-snake .sc-flow{animation-duration:5.6s}
.cup-hero-air .sc-air{fill:#fff;stroke:var(--accent);stroke-width:1.2;opacity:.3;transform-box:fill-box}
.motion-running .cup-hero-air .sc-air{animation:sc-air-a 8.4s linear infinite}
.motion-running .cup-hero-air .b2{animation:sc-air-b 10.2s linear -2.1s infinite}
.motion-running .cup-hero-air .b3{animation:sc-air-c 7.6s linear -3.3s infinite}
.motion-running .cup-hero-air .b4{animation:sc-air-a 11.4s linear -5.4s infinite}
.motion-running .cup-hero-air .b5{animation:sc-air-c 9.2s linear -1.2s infinite}
.motion-running .cup-hero-air .b6{animation:sc-air-b 8s linear -4.1s infinite}
.motion-running .cup-hero-air .b7{animation:sc-air-a 9.8s linear -2.8s infinite}
.motion-running .cup-hero-air .b8{animation:sc-air-c 10.8s linear -.6s infinite}
.motion-running .scene-waterpark .sc-bubble{animation:sc-air-a 8.6s linear infinite}
.motion-running .scene-waterpark .sc-bubble.d2{animation:sc-air-b 10.4s linear -2.4s infinite}
.motion-running .scene-waterpark .sc-bubble.d3{animation:sc-air-c 8s linear -3.7s infinite}
@keyframes sc-air-a{0%{transform:translate(0,0);opacity:0}12%{opacity:.42}45%{transform:translate(12px,-60px)}75%{transform:translate(-8px,-110px)}100%{transform:translate(4px,-150px);opacity:0}}
@keyframes sc-air-b{0%{transform:translate(0,0);opacity:0}15%{opacity:.36}40%{transform:translate(-14px,-50px)}70%{transform:translate(10px,-96px)}100%{transform:translate(-6px,-136px);opacity:0}}
@keyframes sc-air-c{0%{transform:translate(0,0);opacity:0}10%{opacity:.4}55%{transform:translate(18px,-88px)}100%{transform:translate(2px,-170px);opacity:0}}
.cup-hero-slides{display:none;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.cup-hero.has-slides .cup-hero-slides{display:block}
.cup-hero-slides .sc-tube-line{fill:none;stroke:#ffd5b4;stroke-width:7;stroke-linecap:round;opacity:.95}
.cup-hero-slides .sc-tube-flow{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:6 9;opacity:.9}
.motion-running .cup-hero-slides .sc-tube-flow{animation:sc-slide-flow 3.4s linear infinite}
@keyframes sc-slide-flow{to{stroke-dashoffset:-30}}
.cup-hero-slides .sc-green-over .sc-tube-line,.cup-hero.has-slides .cup-hero-tube .sc-green-slide .sc-tube-line{stroke:#bfe3c6;stroke-width:7}
.cup-hero.has-slides .cup-hero-tube .sc-green-slide .sc-tube-flow{stroke-width:1.6;stroke-dasharray:6 9;opacity:.9}
.motion-running .cup-hero.has-slides .cup-hero-tube .sc-green-slide .sc-tube-flow{animation:sc-slide-flow 3.4s linear infinite}
.cup-hero.has-slides .cup-hero-tube .sc-rider.is-green{r:3px}
.sc-sky-kite.is-alt .sc-kite-sail{fill:#8fc9e3}
.motion-running .sc-sky-kite.is-alt :is(.sc-kite-rig,.sc-kite){animation-delay:-2.4s}
.is-offscreen,.is-offscreen *{animation-play-state:paused!important}
@media (min-width:721px){.motion-lite .cup-hero-air{display:none}}
.motion-lite :is(.sc-drift,.sc-swell,.sc-cloud,.sc-flock,.sc-bird,.sc-gull,.sc-grass,.sc-palm,.sc-bubble,.sc-bulb,.sc-flow,.sc-flow-lines,.sc-bowl-swirl,.sc-tube-flow,.hub-drift,.cup-orb),.motion-lite .cup-ribbon path{animation:none!important}
@media (max-width:720px){.cup-hero-air .sc-air:nth-child(2n){display:none}}
.motion-running .scene-palm-springs .sc-palm{animation:sc-palm-wind 6.5s ease-in-out infinite}
.motion-running .scene-palm-springs .sc-palm.d2{animation-duration:7.8s;animation-delay:-2.6s}
.sc-fronds{transform-box:fill-box;transform-origin:50% 55%}
.motion-running .sc-fronds{animation:sc-fronds 4.2s ease-in-out infinite}
.motion-running .d2>.sc-fronds{animation-duration:5.1s;animation-delay:-1.7s}
.cup-hero-flyers{display:none;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}
@media (min-width:721px) and (min-height:501px){.cup-hero-flyers{display:block}}
@media (min-width:721px){.cup-scene.is-hero .sc-buffer-air{display:none}}
.cup-flyer{visibility:hidden}
.cup-flyer.is-placed{visibility:visible}
.cup-flyer-float{transform-box:fill-box;transform-origin:center}
.motion-running .cup-flyer-float{animation:sc-flyer 7s ease-in-out infinite alternate}
.motion-running .cup-flyer+.cup-flyer .cup-flyer-float{animation-duration:9s;animation-delay:-3s}
.cup-hero-flyers .sc-balloon{animation:none!important}
@keyframes sc-flyer{from{transform:translate(-4px,4px) rotate(-2deg)}to{transform:translate(5px,-6px) rotate(2deg)}}
.cup-hero-flyers .sc-flock,.cup-hero-flyers .sc-gull{animation:none!important}
.cup-hero-flyers .sc-bubble{opacity:0}
.motion-running .cup-hero-flyers .sc-bubble{animation:sc-flyer-bubble 5.2s ease-in-out infinite!important}
.motion-running .cup-hero-flyers .sc-bubble.d2{animation-duration:6.4s!important;animation-delay:-2.2s!important}
.motion-running .cup-hero-flyers .sc-bubble.d3{animation-duration:4.6s!important;animation-delay:-3.6s!important}
@keyframes sc-flyer-bubble{0%{transform:translateY(8px);opacity:0}25%{opacity:.5}75%{opacity:.4}100%{transform:translateY(-14px);opacity:0}}
@media (prefers-reduced-motion:reduce){.cup-hero-flyers .sc-bubble{opacity:.4}}
@media (max-width:720px){
.motion-running .cup-hero .sc-balloon{animation:sc-sway-x 7.4s ease-in-out infinite alternate,sc-balloon-bob 4.6s ease-in-out infinite alternate}
.motion-running .cup-hero .sc-balloon.d2{animation-duration:9s,5.4s;animation-delay:-4s,-2s}
.motion-running .cup-hero .sc-kite-rig{animation:sc-kite-swing 3.8s ease-in-out infinite alternate}
.motion-running .cup-hero .sc-kite{animation:sc-kite-tilt 2.4s ease-in-out infinite alternate}
.motion-running .cup-hero .sc-sky-kite.is-alt .sc-kite-rig{animation-duration:4.6s;animation-delay:-2s}
.motion-running .cup-hero .sc-sky-kite.is-alt .sc-kite{animation-duration:2.9s;animation-delay:-1.2s}
.motion-running .cup-hero :is(.cup-sky-top,.cup-hero-divider,.cup-media-air) .sc-bubble{animation:sc-bubble-rise 4.6s linear infinite,sc-bubble-wobble 1.7s ease-in-out infinite alternate!important}
.motion-running .cup-hero :is(.cup-sky-top,.cup-hero-divider,.cup-media-air) .sc-bubble.d2{animation-duration:5.6s,2.1s!important;animation-delay:-2s,-.7s!important}
.motion-running .cup-hero :is(.cup-sky-top,.cup-hero-divider,.cup-media-air) .sc-bubble.d3{animation-duration:4s,1.5s!important;animation-delay:-3.1s,-1.1s!important}
}
@keyframes sc-sway-x{from{translate:-100px 0}to{translate:110px 0}}
@keyframes sc-balloon-bob{from{transform:translateY(14px) rotate(-4deg)}to{transform:translateY(-36px) rotate(4deg)}}
@keyframes sc-bubble-rise{0%{transform:translateY(12px);opacity:0}18%{opacity:.55}80%{opacity:.4}100%{transform:translateY(-88px);opacity:0}}
@keyframes sc-bubble-wobble{from{translate:-9px 0}to{translate:9px 0}}
.cup-media-air{display:none}
@media (max-width:720px) and (orientation:portrait){
.cup-media-air{display:block;opacity:.7;position:absolute;left:-8px;top:-10px;bottom:-14px;width:calc(var(--logo-card,130px) + 8px);height:auto;overflow:visible;pointer-events:none;z-index:0}
.cup-media-air .sc-bubble{fill:#fff;stroke:var(--accent);stroke-width:1.2;opacity:.35;transform-box:fill-box}
}
@media (max-width:720px) and (orientation:portrait){
.cup-media-air.is-birds{top:-14px;bottom:auto;height:auto;aspect-ratio:140/40;opacity:1}
.cup-media-air .sc-gull{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.36}
}
@media (max-width:720px) and (min-height:501px){.cup-scene.is-hero .sc-sun{display:none}}
.red :is(.cup-scene,.cup-sky-top) .sc-sun{fill:#f6d38f;stroke:#fbe8c2;stroke-width:6;paint-order:stroke;opacity:.72}
.sc-beachball{transform-box:fill-box;transform-origin:center}
.motion-running .sc-beachball{animation:sc-ball-turn 20s linear infinite}
@keyframes sc-ball-turn{to{transform:rotate(360deg)}}
.sc-bb-base{fill:#fff}
.sc-bb-panel.p1{fill:#efd59b}.sc-bb-panel.p2{fill:#a3d1c7}.sc-bb-panel.p3{fill:#eab8a7} 
.sc-bb-cap{fill:#fff;stroke:color-mix(in srgb,var(--accent) 35%,#fff);stroke-width:1.5}
.sc-bb-rim{fill:none;stroke:color-mix(in srgb,var(--accent) 45%,#fff);stroke-width:2}
.cup-hero-flyers .sc-beachball{opacity:.9}
.motion-running .cup-flyer.is-bouncing .cup-flyer-float{animation:sc-bounce-x var(--dx,5s) linear infinite alternate,sc-bounce-y var(--dy,4s) linear infinite alternate}
@keyframes sc-bounce-x{from{translate:calc(var(--tx,0px) * -1) 0}to{translate:var(--tx,0px) 0}}
@keyframes sc-bounce-y{from{transform:translateY(calc(var(--ty,0px) * -1))}to{transform:translateY(var(--ty,0px))}}
.cup-hero-ball{display:none;position:absolute;left:0;top:0;width:26px;height:26px;pointer-events:none;overflow:visible;will-change:transform}
.cup-hero.has-ball .cup-hero-ball{display:block}
.cup-scene.is-title .sc-tram{transform:translateY(-52px)}
.scene-palm-springs .sc-far{fill:color-mix(in srgb,var(--companion) 50%,#efcf9f);opacity:.9;stroke:color-mix(in srgb,#e2b97f 60%,var(--accent));stroke-opacity:.18;stroke-width:1.5;stroke-linejoin:round}
