html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#000;height:100%;margin:0;overflow:hidden}.reel-panel :not(a){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.reel-panel a{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}@keyframes reel-in{0%{opacity:0}to{opacity:1}}.reel-stage{animation:.3s ease-out both reel-in}.reel-panel{clip-path:polygon(50% 50%,50% 0%,50% 0%);display:none;position:fixed;inset:0}.reel-panel.is-on{display:block}.reel-stage.is-wiping .reel-panel{pointer-events:none}.brand{box-sizing:border-box;color:currentColor;border-bottom:var(--brand-rule,3px) solid transparent;display:block;position:absolute}.brand:focus-visible{outline:var(--brand-rule,3px) solid currentColor;outline-offset:var(--brand-rule,3px);border-bottom-color:currentColor}.bear-scene{--bw-scale:5;--bw-ink:#000;--bw-page:#fff;--bw-bg:#fff;--bw-walk:1.8s;--bw-lift-sq:3;--bw-drop-sq:2;left:0;right:0;top:calc(50% - 50px * var(--bw-scale));height:calc(100px * var(--bw-scale));background:var(--bw-page);position:absolute;overflow:hidden}.reel-stage[data-band=phone] .bear-scene{--bw-scale:4;--bw-edge:5.5;--bw-top-o1:calc((var(--bw-vh) - 100px * var(--bw-scale)) / -2 + var(--bw-edge) * 1px * var(--bw-scale));--bw-top-p:calc((var(--bw-vh) + 100px * var(--bw-scale)) / 2 - (11 + var(--bw-edge)) * 1px * var(--bw-scale));overflow:visible}.reel-stage[data-band=tablet] .bear-scene{--bw-scale:6}.reel-panel[data-scene=bear]{background:var(--bw-page,#fff)}.bear-scene svg{display:block}.bear-scene :is(path,use){fill:var(--bw-ink);shape-rendering:crispedges}.bear-scene .bw-fill{fill:var(--bw-bg)}.bear-scene .bw-eye{fill:var(--bw-bg);opacity:0}.bear-scene.bw-wink .bw-eye{opacity:1}.bear-scene .bw-bear{--bw-bear-row:18;top:calc(var(--bw-bear-row) * 1px * var(--bw-scale));width:calc(41px * var(--bw-scale));height:calc(63px * var(--bw-scale));position:absolute;left:50%;transform:translate(-50%)}.bear-scene:not(.bw-shown) .bw-word,.bear-scene:not(.bw-shown) .bw-brand,.bear-scene:not(.bw-built) .bw-brand{visibility:hidden}.bear-scene .bw-word{position:absolute;left:0;right:0}.bear-scene .bw-let{animation:1s linear both paused bw-letter;animation-delay:calc(var(--bw-l,0) * -1s);position:absolute;top:0}.bear-scene .bw-strip{animation:bw-walk var(--bw-walk) steps(8) infinite;animation-play-state:paused;animation-delay:calc(var(--bw-t,0) * -1s)}@keyframes bw-walk{0%{transform:translate(0)}to{transform:translateX(var(--bw-stride))}}@keyframes bw-letter{0%{transform:translateX(var(--bw-from,110vw))}to{transform:translate(0)}}@keyframes bw-flash{0%{fill:red}16.6667%{fill:#00f}33.3333%{fill:#00b400}50%{fill:#ffd400}66.6667%{fill:#ff7f00}83.3333%{fill:#8000ff}}.bear-scene.bw-flash .bw-let path{animation:.6s step-end infinite bw-flash}@media (prefers-reduced-motion:reduce){.bear-scene :is(.bw-strip,.bw-let),.bear-scene.bw-flash .bw-let path{animation:none}}.wz-scene{--wz-scale:3;--wz-ink:#000;--wz-page:#fff;--wz-body:#fff;--tx-ink:#000;background:var(--wz-page);position:absolute;inset:0;overflow:hidden}.reel-stage[data-band=phone] .wz-scene{--wz-right:33px}.reel-panel[data-scene=wizard]{background:var(--wz-page,#fff)}.wz-scene svg{display:block}.wz-text{pointer-events:none;position:absolute}.wz-text path{fill:var(--tx-ink);shape-rendering:crispedges}@keyframes wz-flash{0%,16.6666%{fill:red}16.6667%,33.3332%{fill:#00f}33.3333%,49.9999%{fill:#00b400}50%,66.6666%{fill:#ffd400}66.6667%,83.3332%{fill:#ff7f00}83.3333%,99.9999%{fill:#8000ff}}.wz-text.wz-flash path{animation:.6s linear infinite wz-flash}.wz-cloud{pointer-events:none;transition:opacity .2s steps(4,end);position:absolute}.wz-cloud path{fill:var(--wz-ink);shape-rendering:crispedges;pointer-events:auto}.wz-cloud .wz-cloud-body{fill:var(--wz-body)}.wz-cloud.wz-gone{opacity:0}.wz-cloud.wz-gone path{pointer-events:none}.wizard{pointer-events:none;position:absolute}.wizard path{fill:var(--wz-ink);shape-rendering:crispedges}.wizard .wz-body{fill:var(--wz-body)}.wizard g,.wz-boom g{display:none}.wizard g.is-on,.wz-boom g.is-on{display:block}.wizard .wz-eyes{will-change:transform;transition:transform 90ms step-end;display:block}.wizard .wz-eyes path{shape-rendering:geometricprecision}@keyframes wz-blink{0%{opacity:1}13.4615%{opacity:0}13.8462%{opacity:1}31.9231%{opacity:0}32.3077%{opacity:1}41.1538%{opacity:0}41.5385%{opacity:1}58.0769%{opacity:0}58.4615%{opacity:1}70.3846%{opacity:0}70.7692%{opacity:1}85.7692%{opacity:0}86.1538%{opacity:1}99.6154%{opacity:0}to{opacity:1}}.wizard .wz-eyes path{animation:32.5s step-end infinite wz-blink}.wz-boom{pointer-events:none;display:none;position:absolute}.wz-boom.is-lit{display:block}@media (prefers-reduced-motion:reduce){.wizard .wz-eyes{transition:none}.wizard .wz-eyes path{animation:none}.wz-cloud{transition:none}}.cf-scene{background:#fff;position:absolute;inset:0;overflow:hidden}.cf-scene>*{image-rendering:pixelated;transform:translate(var(--x,0px), var(--y,0px));pointer-events:none;position:absolute;top:0;left:0}.cf-cup{z-index:1;will-change:transform}.cf-solo{z-index:2}.cf-sleeve{z-index:3}.cf-hand{z-index:4;will-change:transform}.cf-flash{z-index:5}.cf-mask{z-index:6}.cf-brand{z-index:7}.cf-cup{--cf-cycle:2.4s}.cf-cup img{image-rendering:pixelated;opacity:0;animation:cf-frame var(--cf-cycle) steps(1, end) infinite;position:absolute;bottom:0;left:0}@keyframes cf-frame{0%{opacity:1}8.3333%{opacity:0}to{opacity:0}}.cf-hand{visibility:hidden}.cf-scene.cf-stage-1 .cf-hand--1,.cf-scene.cf-stage-2 .cf-hand--2,.cf-scene.cf-stage-3 .cf-hand--3{visibility:visible}.cf-sleeve{height:var(--h,0px);transform:translateX(var(--x,0px));background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAABCAYAAACmAULBAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAFElEQVQY02NgoAz8H8oA5H4GKgAAHOq9Qwh1bZAAAAAASUVORK5CYII=) 0 100%/243px 3px repeat-y}.cf-flash{visibility:hidden;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAL6CAYAAADjZmDeAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAD00lEQVR42u3bQY6EMAwAwfz/03DiigAHx46q7jtaWW6kzJAxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoLbjgczPAcQMYhYzbBDkH7F5EICYxYyYxQwbBxmJalXMbz/HgwAxixnELGZotNCZf1vtYQRiFjOIWcyI+SbmLm+AiRkxi1nMiFnMUDzmjsstZsQsZjEjZjFD8XvF5mZuWEpzA0tpbgAAAAAAAAAAwPAmkzeZzBCLiBliEc0Q6t3pNUOzQsxiBjGLGZz3hI2YETNiFjNYPrMFC2e2WDjMFgvnewffOyBmMYOYxQwAAIBzoJmAxTUTLK6YzQT3nP2kB2IWM4hZzOB8KGbELGYQs5ghM2aTETNiFjOIWcyQ9tNUxzN25H8WM2IWM4hZzFD8jbFZUQkSxCxmEDOIeUpgkSDFDGIGMYsZxOzMDGIWM4gZXMz49gbYqjOziyUgZhCzmMHdaUGCmAExAwAAAAAAAAAAXE4M2J1u/9fqwgAAAABJRU5ErkJggg==) 0 0 no-repeat;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAL6CAYAAADjZmDeAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAD00lEQVR42u3bQY6EMAwAwfz/03DiigAHx46q7jtaWW6kzJAxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoLbjgczPAcQMYhYzbBDkH7F5EICYxYyYxQwbBxmJalXMbz/HgwAxixnELGZotNCZf1vtYQRiFjOIWcyI+SbmLm+AiRkxi1nMiFnMUDzmjsstZsQsZjEjZjFD8XvF5mZuWEpzA0tpbgAAAAAAAAAAwPAmkzeZzBCLiBliEc0Q6t3pNUOzQsxiBjGLGZz3hI2YETNiFjNYPrMFC2e2WDjMFgvnewffOyBmMYOYxQwAAIBzoJmAxTUTLK6YzQT3nP2kB2IWM4hZzOB8KGbELGYQs5ghM2aTETNiFjOIWcyQ9tNUxzN25H8WM2IWM4hZzFD8jbFZUQkSxCxmEDOIeUpgkSDFDGIGMYsZxOzMDGIWM4gZXMz49gbYqjOziyUgZhCzmMHdaUGCmAExAwAAAAAAAAAAXE4M2J1u/9fqwgAAAABJRU5ErkJggg==) 0 0 no-repeat}.cf-scene.cf-ending .cf-flash{visibility:visible;animation:.6s linear infinite cf-flash}@keyframes cf-flash{0%,16.6666%{background-color:red}16.6667%,33.3332%{background-color:#00f}33.3333%,49.9999%{background-color:#00b400}50%,66.6666%{background-color:#ffd400}66.6667%,83.3332%{background-color:#ff7f00}83.3333%,99.9999%{background-color:#8000ff}}.cf-brand{visibility:hidden;--brand-rule:3px;color:#fff;pointer-events:auto}.cf-scene.cf-ending .cf-brand{visibility:visible}.cf-solo,.cf-scene.cf-still .cf-cup{visibility:hidden}.cf-scene.cf-still .cf-solo{visibility:visible}@media (prefers-reduced-motion:reduce){.cf-cup img{animation:none}.cf-cup img:nth-child(12){opacity:1}}.reel-stage[data-band=phone] .cf-scene{transform:translateY(calc(var(--cf-y,0) * 3px * var(--cf-shrink,1))) scale(var(--cf-shrink,1));transform-origin:50% 0;--cf-shrink:.8333;--cf-y:35}.reel-panel[data-scene=coffee]{background:#fff;overflow:hidden}.reel-stage[data-band=phone] .cf-scene{overflow:visible}.wt-scene{--wt-scale:4;--wt-step:0;--wt-ink:#000;--wt-page:#fff;--wt-body:#fff;background:var(--wt-page);position:absolute;inset:0;overflow:hidden}.reel-panel[data-scene=waiter]{background:var(--wt-page,#fff)}.wt-scene svg{display:block}.wt-waiter{width:calc(var(--wt-w) * 1px * var(--wt-scale));height:calc(var(--wt-h) * 1px * var(--wt-scale));left:calc(50% - var(--wt-mid) * var(--wt-scale) * 1px + var(--wt-x,0) * var(--wt-scale) * 1px);top:calc(50% + (var(--wt-stage) * .5 - var(--wt-h) + var(--wt-drop)) * var(--wt-scale) * 1px);position:absolute}.wt-waiter .wt-pose,.wt-waiter .wt-cat{display:none}.wt-waiter .wt-pose.is-on,.wt-waiter .wt-cat.is-on{display:block}.wt-waiter path{fill:var(--wt-ink);shape-rendering:crispedges}.wt-waiter .wt-body{fill:var(--wt-body)}.wt-waiter .wt-type{display:none}.wt-waiter .wt-type.is-on{display:block}@keyframes wt-flash{0%,16.6666%{fill:red}16.6667%,33.3332%{fill:#00f}33.3333%,49.9999%{fill:#00b400}50%,66.6666%{fill:#ffd400}66.6667%,83.3332%{fill:#ff7f00}83.3333%,99.9999%{fill:#8000ff}}.wt-waiter .wt-type.wt-flash path{animation:.6s linear infinite wt-flash}@media (prefers-reduced-motion:reduce){.wt-waiter .wt-type.wt-flash path{animation:none}}.reel-stage[data-band=phone] .wt-waiter{overflow:visible}.reel-stage[data-band=phone] .wt-waiter .wt-type{transform:translate(calc(var(--wt-type-x,0) * 1px), calc(var(--wt-type-y,0) * 1px))}.reel-stage[data-band=phone] .wt-waiter .wt-cat{transform:translate(calc(var(--wt-cat-x,0) * 1px), calc(var(--wt-cat-y,0) * 1px))}.reel-stage[data-band=phone] .wt-scene{--wt-cat-x:-13;--wt-cat-y:2;--wt-x:5;--wt-step:0;--wt-type-x:-10;--wt-type-y:-6}.ct-scene{--ct-scale:4;--ct-fill:.45;--ct-step:0;--ct-ink:#000;--ct-page:#fff;--ct-body:#fff;background:var(--ct-page);position:absolute;inset:0;overflow:hidden}.reel-panel[data-scene=cat]{background:var(--ct-page,#fff)}.ct-scene svg{display:block}.ct-cat{width:calc(var(--ct-w) * 1px * var(--ct-scale));height:calc(var(--ct-h) * 1px * var(--ct-scale));left:calc(var(--ct-x) * 1px);top:calc(var(--ct-y) * 1px);position:absolute}.ct-cat .ct-face,.ct-cat .ct-arm{display:none}.ct-cat .ct-face.is-on,.ct-cat .ct-arm.is-on{display:block}.ct-cat path{fill:var(--ct-ink);shape-rendering:crispedges;cursor:pointer}.ct-cat .ct-body{fill:var(--ct-body)}.ct-text{width:calc(var(--ct-tw) * 1px * var(--ct-tscale));height:calc(var(--ct-th) * 1px * var(--ct-tscale));left:calc(var(--ct-tx) * 1px);top:calc(var(--ct-ty) * 1px);pointer-events:none;position:absolute}.ct-text path{fill:var(--ct-ink);shape-rendering:crispedges}.ct-text .ct-letter{transform-box:fill-box;transform-origin:50%;display:none}.ct-text .ct-letter.is-on{animation:40ms step-end both ct-grow;display:block}@keyframes ct-grow{0%{transform:scale(.5)}50%{transform:scale(.78)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ct-text .ct-letter.is-on{animation:none}}@keyframes ct-flash{0%,16.6666%{fill:red}16.6667%,33.3332%{fill:#00f}33.3333%,49.9999%{fill:#00b400}50%,66.6666%{fill:#ffd400}66.6667%,83.3332%{fill:#ff7f00}83.3333%,99.9999%{fill:#8000ff}}.ct-text.ct-flash path{animation:.6s linear infinite ct-flash}@media (prefers-reduced-motion:reduce){.ct-text.ct-flash path{animation:none}}.reel-stage[data-band=phone] .ct-scene{--ct-step:.5}.reel-stage[data-band=tablet] .ct-scene{--ct-step:-1}.wn-scene{--wn-scale:2;--wn-step:0;--wn-ink:#000;--wn-page:#fff;--wn-body:#fff;background:var(--wn-page);position:absolute;inset:0;overflow:hidden}.reel-panel[data-scene=window]{background:var(--wn-page,#fff)}.wn-scene svg{display:block}.wn-picture{width:calc(var(--wn-w) * 1px * var(--wn-scale));height:calc(var(--wn-h) * 1px * var(--wn-scale));left:calc(var(--wn-x) * 1px);top:calc(var(--wn-y) * 1px);position:absolute}.wn-picture .wn-body-frame,.wn-picture .wn-zed,.wn-picture .wn-sky,.wn-picture .wn-lids{display:none}.wn-picture .wn-body-frame.is-on,.wn-picture .wn-zed.is-on,.wn-picture .wn-sky.is-on,.wn-picture .wn-lids.is-on{display:block}.wn-picture path{fill:var(--wn-ink);shape-rendering:crispedges}.wn-picture .wn-body,.wn-picture .wn-wiper .wn-body{fill:var(--wn-body)}@keyframes wn-flash{0%,16.6666%{fill:red}16.6667%,33.3332%{fill:#00f}33.3333%,49.9999%{fill:#00b400}50%,66.6666%{fill:#ffd400}66.6667%,83.3332%{fill:#ff7f00}83.3333%,99.9999%{fill:#8000ff}}.wn-picture .wn-type.wn-flash path{animation:.6s linear infinite wn-flash}@media (prefers-reduced-motion:reduce){.wn-picture .wn-type.wn-flash path{animation:none}}.wn-scene{cursor:pointer}.wn-scene:has(.wn-type.wn-flash){cursor:default}.reel-stage[data-band=phone] .wn-scene{--wn-step:.5}.wn-picture .wn-half,.reel-stage[data-band=phone] .wn-picture .wn-wall{display:none}.reel-stage[data-band=phone] .wn-picture .wn-half{display:block}.reel-stage[data-band=phone] .wn-picture{--wn-spread:-22;--wn-dog-in:6;--wn-down:8;--wn-room-up:5;--wn-zed-x:-7;--wn-zed-y:7}.reel-stage[data-band=phone] .wn-picture .wn-body-frame{transform:translate(calc(var(--wn-dog-in,0) * -1px), calc(var(--wn-room-up,0) * -1px))}.reel-stage[data-band=phone] .wn-picture .wn-wall-left,.reel-stage[data-band=phone] .wn-picture .wn-lids{transform:translate(calc(var(--wn-spread,0) * -1px), calc(var(--wn-room-up,0) * -1px))}.reel-stage[data-band=phone] .wn-picture .wn-wall-right{transform:translate(calc(var(--wn-spread,0) * 1px), calc(var(--wn-room-up,0) * -1px))}.reel-stage[data-band=phone] .wn-picture .wn-zed{transform:translate(calc(var(--wn-zed-x,0) * 1px), calc(var(--wn-room-up,0) * -1px + var(--wn-zed-y,0) * 1px))}.reel-stage[data-band=phone] .wn-scene{clip-path:inset(0 calc(5px * var(--wn-scale)))}