.yoju-hero{--yoju-sky: #A9E3F3;--yoju-sky-deep: #7FCBE8;--yoju-cloud: #FFFFFF;--yoju-red: #E8262B;--yoju-mustard: #F3C53B;--yoju-cream: #F6EFD6;--yoju-ink: #2B1D14;--yoju-display: "Yoju Apercu Black", "Apercu Pro", "Arial Black", sans-serif;position:relative}.yoju-hero__stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:var(--yoju-stage-max-h, 92svh);overflow:hidden;isolation:isolate;border-radius:var(--yoju-radius, 0);background:radial-gradient(120% 90% at 50% 40%,var(--yoju-sky) 0%,var(--yoju-sky-deep) 100%);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media(max-width:640px){.yoju-hero__stage{aspect-ratio:4 / 5}}.yoju-hero__cloud{position:absolute;z-index:0;pointer-events:none;aspect-ratio:5 / 2;border-radius:50%;background:var(--yoju-cloud);filter:blur(18px);animation:yoju-drift var(--d, 80s) linear infinite}.yoju-hero__cloud--a{top:6%;left:-18%;width:42%;opacity:.8;--d: 90s}.yoju-hero__cloud--b{top:30%;left:62%;width:34%;opacity:.55;--d: 120s}.yoju-hero__cloud--c{top:66%;left:-8%;width:46%;opacity:.7;--d: 100s}.yoju-hero__cloud--d{top:16%;left:38%;width:24%;opacity:.45;--d: 140s}.yoju-hero__cloud--e{top:78%;left:55%;width:40%;opacity:.65;--d: 110s}@keyframes yoju-drift{0%{transform:translate(0)}to{transform:translate(120%)}}.yoju-hero__bottle{position:absolute;left:0;top:0;z-index:1;transform-origin:50% 59%;will-change:transform;outline:none}.yoju-hero__float{width:100%;height:100%;transform-origin:50% 59%;will-change:transform}.yoju-hero__bottle canvas{display:block;width:100%;height:100%}.yoju-hero__bottle:focus-visible .yoju-hero__float{outline:3px dashed var(--yoju-red);outline-offset:-12%;border-radius:40px}.yoju-hero__burst{position:absolute;left:0;top:0;z-index:50;width:clamp(78px,10.5vw,118px);aspect-ratio:1;opacity:0;pointer-events:none;transition:opacity .15s ease;cursor:pointer}.yoju-hero__burst.is-on{opacity:1;pointer-events:auto}.yoju-hero__burst-pop,.yoju-hero__burst-art{width:100%;height:100%}.yoju-hero__burst.is-on .yoju-hero__burst-pop{animation:yoju-burst-in .55s cubic-bezier(.2,1.7,.4,1) both}.yoju-hero__burst-art{animation:yoju-press 2.2s ease-in-out .6s infinite;transform-origin:50% 55%}.yoju-hero.is-tapped .yoju-hero__burst-art{animation:yoju-wiggle 2.4s ease-in-out .7s infinite}.yoju-hero__burst svg{display:block;width:100%;height:100%;overflow:visible}@keyframes yoju-burst-in{0%{transform:scale(.2) rotate(-35deg)}to{transform:scale(1) rotate(0)}}@keyframes yoju-press{0%,30%{transform:none}36%{transform:scale(.95) rotate(-4deg)}46%{transform:scale(1.02) rotate(2deg)}56%,to{transform:none}}@keyframes yoju-wiggle{0%,62%,to{transform:none}68%{transform:rotate(-9deg) scale(1.1)}76%{transform:rotate(7deg) scale(1.05)}84%{transform:rotate(-4deg)}92%{transform:rotate(2deg)}}.yoju-hero__copy{display:grid;justify-items:center;gap:14px;text-align:center;padding:clamp(20px,4vw,40px) 16px;background:var(--yoju-cream);color:var(--yoju-ink)}.yoju-hero__heading{margin:0;font-family:var(--yoju-display);font-weight:900;font-size:clamp(30px,5vw,56px);line-height:1;color:var(--yoju-red);text-wrap:balance}.yoju-hero__sub{margin:0;max-width:46ch;font-size:clamp(15px,1.6vw,18px)}.yoju-hero__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}.yoju-hero__cta{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;font-family:var(--yoju-display);font-weight:900;font-size:16px;text-decoration:none;border:2.5px solid var(--yoju-red)}.yoju-hero__cta--primary{background:var(--yoju-red);color:var(--yoju-cream)}.yoju-hero__cta--secondary{background:transparent;color:var(--yoju-red)}.yoju-hero__cta:focus-visible{outline:3px solid var(--yoju-mustard);outline-offset:2px}.yoju-hero__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.yoju-hero__cloud,.yoju-hero__burst-art,.yoju-hero.is-tapped .yoju-hero__burst-art,.yoju-hero__burst.is-on .yoju-hero__burst-pop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/yoju-hero.css.map */