.sh{color:#f5e3b3;background:#10172e;position:relative;container:sh/inline-size}.sh-frame{aspect-ratio:16/9;width:100%;max-height:calc(100svh - 64px);position:relative;overflow:hidden}.sh-scene{aspect-ratio:16/9;width:100%;image-rendering:pixelated;background:#10172e url(/hero/plate-night.png) 0 0/100% 100% no-repeat;position:absolute;bottom:0;left:0;container:scene/inline-size}.sh-scene>*{position:absolute}.sh-shop-sign{z-index:2;background:50%/contain no-repeat}.sh-dim{z-index:2;opacity:0;animation:sh-dim var(--t)steps(1)infinite;animation-delay:var(--d);background:#10172e}@keyframes sh-dim{0%,78%,to{opacity:0}80%,88%{opacity:.55}}.sh-sprite{image-rendering:pixelated;background:0 0/100% 100% no-repeat}.sh-bob{animation:3.2s step-end infinite sh-bob;animation-delay:var(--d)}@keyframes sh-bob{0%,70%,to{transform:none}72%,90%{transform:translateY(-1.5%)}}.sh-steam{z-index:7;opacity:0;animation:3.4s steps(6,end) infinite sh-steam;animation-delay:var(--d);background:#f5e3b3}@keyframes sh-steam{0%{opacity:.55;transform:none}to{opacity:0;transform:translate(60%,-320%)}}.sh-rider{z-index:9;animation:16s linear 3s infinite sh-ride;left:-10%}@keyframes sh-ride{0%{left:-10%}26%,to{left:106%}}.sh-pane{z-index:2;overflow:hidden}.sh-pane>span{position:absolute}.sh-seam{width:100%;height:96%;image-rendering:pixelated;background:url(/hero/seamstress.png) 0 0/100% 100% no-repeat;bottom:0;left:0}.sh-seam-still{clip-path:inset(48% 0 0)}.sh-seam-move{clip-path:inset(0 0 52%);animation:2.6s step-end infinite sh-sew}@keyframes sh-sew{0%,55%,70%,80%,90%,to{transform:none}60%,75%,85%,95%{transform:translateY(4%)}}.sh-glass{opacity:.18;background:#f5e3b3;inset:0}.sh-featured-sign{z-index:3;white-space:nowrap;letter-spacing:.02em;background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 .32cqw #10172e,inset 0 0 0 .62cqw var(--bg),inset 0 0 0 .78cqw var(--fg);justify-content:center;align-items:center;padding:0 1cqw;line-height:1;animation:.45s steps(3,end) sh-flip;display:flex;overflow:hidden}@keyframes sh-flip{0%{transform:scaleY(0)}}.sh-plaque{z-index:4;image-rendering:pixelated;transform-origin:50% 0;background:url(/hero/verified-plaque.png) 0 0/100% 100% no-repeat;animation:3.6s steps(2,end) infinite sh-sway}@keyframes sh-sway{50%{transform:rotate(2.5deg)}}.sh-product{z-index:3;background:#f5e3b3;overflow:hidden;box-shadow:0 0 0 .2cqw #10172e}.sh-product img{object-fit:cover}.sh-front{z-index:11;border-radius:2px}.sh-front:hover,.sh-front:focus-visible{outline-offset:-.3cqw;outline:.3cqw solid #f4c750}.sh-people{z-index:8;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;top:0;left:0}.sh-host{z-index:12;image-rendering:pixelated;pointer-events:none;background:url(/jalador-walk-sprite.png) 0 0/1600% 200% no-repeat}.sh-bubble{z-index:25;color:#10172e;opacity:0;visibility:hidden;background:#f5e3b3;border:.32cqw solid #10172e;width:max-content;max-width:21cqw;padding:.55cqw .8cqw .6cqw;transition:opacity .2s steps(2,end),visibility 0s .2s;translate:-50%;box-shadow:.32cqw .32cqw #10172e}.sh-bubble.is-on{opacity:1;visibility:visible;transition:opacity .2s steps(2,end)}.sh-bubble:after{content:"";background:#f5e3b3;border-bottom:.32cqw solid #10172e;border-right:.32cqw solid #10172e;width:.9cqw;height:.9cqw;position:absolute;bottom:-1.05cqw;left:50%;transform:translate(-50%)rotate(45deg)}.sh-bubble b{font:800 1.4cqw/1.1 system-ui,sans-serif;display:block}.sh-bubble p{margin:.15cqw 0 0;font:600 1.05cqw/1.25 system-ui,sans-serif}.sh-bubble a{color:#ab644f;align-items:center;gap:.3cqw;margin-top:.35cqw;font:700 .9cqw/1 system-ui,sans-serif;display:inline-flex}.sh-bubble a:hover{text-decoration:underline}.sh-bubble a:focus-visible{outline-offset:2px;outline:2px solid #10172e}.sh-dusk{z-index:20;image-rendering:pixelated;pointer-events:none;background:url(/hero/plate-dusk.png) 0 0/100% 100% no-repeat;animation:6s ease-in .6s forwards sh-dusk;inset:0}@keyframes sh-dusk{to{opacity:0;visibility:hidden}}.sh-scene.is-paused,.sh-scene.is-paused *{animation-play-state:paused!important}.sh-copy{z-index:30;left:4.5%;top:calc(var(--u)*2.8);--u:min(1cqw,calc((100svh - 64px)/56.25));width:46%;position:absolute}.sh-copy h1{font:800 calc(var(--u)*5.15)/1 system-ui,sans-serif;letter-spacing:-.01em;color:#f5e3b3;text-wrap:balance;margin:0 0 .32em}.sh-copy p{max-width:calc(var(--u)*38);font:500 calc(var(--u)*1.55)/1.35 system-ui,sans-serif;color:#e8b789;margin:0 0 1.1em}.sh-actions{font-size:calc(var(--u)*1.5);flex-wrap:wrap;gap:.6em;display:flex}.sh-actions a{color:#10172e;border-radius:99px;justify-content:center;align-items:center;min-height:44px;padding:.95em 1.4em;font-weight:700;line-height:1;display:inline-flex}.sh-primary{background:#f4c750}.sh-secondary{background:#f5e3b3}.sh-actions a:hover{filter:brightness(1.06)}.sh-actions a:focus-visible{outline-offset:3px;outline:3px solid #f5e3b3}@media (max-width:767px){.sh-frame{aspect-ratio:auto;height:210px;max-height:none}.sh-scene{width:640px;left:calc(50% - 400px)}.sh-copy{width:auto;padding:18px 16px 24px;position:static}.sh-copy h1{font-size:30px;line-height:1.04}.sh-copy p{max-width:none;font-size:15px}.sh-actions{font-size:15px;display:grid}.sh-bubble{border-width:2px;max-width:200px;padding:6px 8px;box-shadow:2px 2px #10172e}.sh-bubble b{font-size:13px}.sh-bubble p,.sh-bubble a{font-size:11px}.sh-bubble:after{border-width:2px;width:6px;height:6px;bottom:-7px}}@media (prefers-reduced-motion:reduce){.sh-scene,.sh-scene *{transition:none!important;animation:none!important}.sh-dusk,.sh-rider{display:none}}
