@media(prefers-reduced-motion:reduce){[data-anim],[data-parallax],[data-scroll-rotate]{transform:none!important;opacity:1!important;transition:none!important}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--matcha),var(--yolk),var(--vermillion));z-index:999;pointer-events:none;transition:width .08s linear;box-shadow:0 1px #1a1a1a66}.nav{transform:translateY(-100%);opacity:0;transition:padding .25s ease,backdrop-filter .25s ease,background .25s ease}.nav.nav-loaded{opacity:1;animation:nav-slide-in .6s cubic-bezier(.22,1,.36,1) .1s both}@keyframes nav-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav.scrolled{padding:10px 36px;background:#f5f1e6db;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px)}.nav-logo{opacity:0;transform:translate(-8px);transition:transform .5s cubic-bezier(.22,1,.36,1) .2s,opacity .4s ease .2s}.nav.nav-loaded .nav-logo{opacity:1;transform:translate(0)}.nav-logo .logo-mark{transition:transform .5s cubic-bezier(.22,1,.36,1)}.nav.nav-loaded .nav-logo .logo-mark{animation:logo-pop .55s cubic-bezier(.22,1,.36,1) .3s both,logo-spin 18s linear 1s infinite}@keyframes logo-pop{0%{transform:scale(.4) rotate(-90deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-links a{opacity:0;transform:translateY(-8px);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease}.nav.nav-loaded .nav-links a{opacity:1;transform:translateY(0)}.nav.nav-loaded .nav-links a:nth-child(1){transition-delay:.22s}.nav.nav-loaded .nav-links a:nth-child(2){transition-delay:.28s}.nav.nav-loaded .nav-links a:nth-child(3){transition-delay:.34s}.nav.nav-loaded .nav-links a:nth-child(4){transition-delay:.4s}.nav.nav-loaded .nav-links a:nth-child(5){transition-delay:.46s}.nav-cart{opacity:0;transform:scale(.7);transition:transform .5s cubic-bezier(.22,1,.36,1) .5s,opacity .35s ease .5s}.nav.nav-loaded .nav-cart{opacity:1;transform:scale(1)}.hero{transform:translateY(-72px);opacity:0;will-change:transform}.hero.hero-in{opacity:1;animation:hero-slide-in .8s cubic-bezier(.22,1,.36,1) .15s both}@keyframes hero-slide-in{0%{transform:translateY(-72px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-grid{transform-origin:50% 0;will-change:transform}.hero-bowl-stage [data-mascot-target]{transform-origin:50% 90%;will-change:transform}.hero.hero-in .hero-bowl-stage [data-mascot-target]{animation:mascot-wobble .9s cubic-bezier(.22,1,.36,1) .6s both}@keyframes mascot-wobble{0%{transform:rotate(-4deg)}50%{transform:rotate(2deg)}to{transform:rotate(0)}}.hero.hero-in .hero-bowl-stage .float-sticker{animation:sticker-swing .9s cubic-bezier(.22,1,.36,1) .65s both}.hero.hero-in .hero-bowl-stage .float-sticker:nth-of-type(1){animation-delay:.65s;--base: -12deg}.hero.hero-in .hero-bowl-stage .float-sticker:nth-of-type(2){animation-delay:.72s;--base: 10deg}.hero.hero-in .hero-bowl-stage .float-sticker:nth-of-type(3){animation-delay:.79s;--base: -8deg}.hero.hero-in .hero-bowl-stage .float-sticker:nth-of-type(4){animation-delay:.86s;--base: 14deg}@keyframes sticker-swing{0%{transform:rotate(calc(var(--base) - 8deg));opacity:0}40%{opacity:1}to{transform:rotate(var(--base));opacity:1}}.hero-bowl-stage [data-parallax-sun],.hero-bowl-stage [data-parallax-chasen],.hero [data-hero-text],.hero h1 .word,.hero-stats .hero-stat,.hero-bowl-stage [data-mascot-target],.hero-bowl-stage .float-sticker{opacity:1!important;transform:none;transition:none}[data-anim]{will-change:transform,opacity}[data-anim=fade-up]{opacity:0;transform:translateY(24px);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s ease}[data-anim=fade-up].in{opacity:1;transform:translateY(0)}[data-anim=fade-down]{opacity:0;transform:translateY(-24px);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s ease}[data-anim=fade-down].in{opacity:1;transform:translateY(0)}[data-anim=fade-left]{opacity:0;transform:translate(36px);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease}[data-anim=fade-left].in{opacity:1;transform:translate(0)}[data-anim=fade-right]{opacity:0;transform:translate(-36px);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease}[data-anim=fade-right].in{opacity:1;transform:translate(0)}[data-anim=pop]{opacity:0;transform:scale(.82) rotate(-3deg);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s ease}[data-anim=pop].in{opacity:1;transform:scale(1) rotate(0)}[data-anim=drop]{opacity:0;transform:translateY(-36px) rotate(-6deg);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .4s ease}[data-anim=drop].in{opacity:1;transform:translateY(0) rotate(0)}[data-anim=rise]{opacity:0;transform:translateY(48px) scale(.95);transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .5s ease}[data-anim=rise].in{opacity:1;transform:translateY(0) scale(1)}[data-anim=tilt-in-left]{opacity:0;transform:translate(-40px) rotate(-6deg) scale(.92);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease}[data-anim=tilt-in-left].in{opacity:1;transform:translate(0) rotate(0) scale(1)}[data-anim=tilt-in-right]{opacity:0;transform:translate(40px) rotate(6deg) scale(.92);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease}[data-anim=tilt-in-right].in{opacity:1;transform:translate(0) rotate(0) scale(1)}[data-anim=flip]{opacity:0;transform:perspective(800px) rotateX(-90deg);transform-origin:bottom center;transition:transform .85s cubic-bezier(.4,1.5,.5,1),opacity .4s ease}[data-anim=flip].in{opacity:1;transform:perspective(800px) rotateX(0)}[data-anim=zoom]{opacity:0;transform:scale(1.2);filter:blur(8px);transition:transform 1s cubic-bezier(.4,1.2,.5,1),opacity .6s ease,filter .6s ease}[data-anim=zoom].in{opacity:1;transform:scale(1);filter:blur(0)}[data-anim=wipe-right]{clip-path:inset(0% 100% 0% 0%)}[data-anim=wipe-right].in{clip-path:inset(0% 0% 0% 0%);animation:wipeRight 1.2s cubic-bezier(.7,0,.3,1) both}@keyframes wipeRight{0%{clip-path:inset(0% 100% 0% 0%)}to{clip-path:inset(0% 0% 0% 0%)}}[data-anim=wipe-up]{clip-path:inset(100% 0% 0% 0%)}[data-anim=wipe-up].in{clip-path:inset(0% 0% 0% 0%);animation:wipeUp 1.2s cubic-bezier(.7,0,.3,1) both}@keyframes wipeUp{0%{clip-path:inset(100% 0% 0% 0%)}to{clip-path:inset(0% 0% 0% 0%)}}[data-stagger]>*{opacity:0;transform:translateY(22px) scale(.96);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .45s ease}[data-stagger].in>*{opacity:1;transform:translateY(0) scale(1)}[data-stagger].in>*:nth-child(1){transition-delay:.05s}[data-stagger].in>*:nth-child(2){transition-delay:.15s}[data-stagger].in>*:nth-child(3){transition-delay:.25s}[data-stagger].in>*:nth-child(4){transition-delay:.35s}[data-stagger].in>*:nth-child(5){transition-delay:.45s}[data-stagger].in>*:nth-child(6){transition-delay:.55s}[data-stagger].in>*:nth-child(7){transition-delay:.65s}[data-stagger].in>*:nth-child(8){transition-delay:.75s}[data-stagger=drop]>*{opacity:0;transform:translateY(-32px) rotate(-4deg);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s ease}[data-stagger=drop].in>*{opacity:1;transform:translateY(0) rotate(0)}[data-stagger=drop].in>*:nth-child(odd){transition-delay:calc(var(--i, 0) * .08s + .05s)}[data-stagger=drop].in>*:nth-child(2n){transition-delay:calc(var(--i, 0) * .08s + .1s)}.ritual-step{opacity:0;transform:translate(40px);transition:transform .7s cubic-bezier(.3,1.5,.4,1),opacity .4s ease}.ritual.in .ritual-step{opacity:1;transform:translate(0)}.ritual.in .ritual-step:nth-child(1){transition-delay:.1s}.ritual.in .ritual-step:nth-child(2){transition-delay:.2s}.ritual.in .ritual-step:nth-child(3){transition-delay:.3s}.ritual.in .ritual-step:nth-child(4){transition-delay:.4s}.paper{will-change:background-position}[data-mascot-target],[data-parallax],.shop-grid .product-card{will-change:transform}.shop-bg-sticker{position:absolute;font-family:var(--kanji);color:#7ba4281a;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:240px;line-height:1;z-index:0;will-change:transform}.story .story-img>div[style*=rotate]{transition:transform .4s cubic-bezier(.4,1.6,.5,1)}.story.in .story-img>div[style*=rotate]{animation:caption-pop .7s cubic-bezier(.4,1.7,.4,1) .9s both}@keyframes caption-pop{0%{transform:rotate(3deg) scale(0);opacity:0}60%{transform:rotate(-6deg) scale(1.15);opacity:1}to{transform:rotate(3deg) scale(1);opacity:1}}.quiz-banner .quiz-emoji-stack>div{animation:quiz-float 5s ease-in-out infinite}.quiz-banner .quiz-emoji-stack>div:nth-child(2){animation-delay:-1.6s}.quiz-banner .quiz-emoji-stack>div:nth-child(3){animation-delay:-3.2s}@keyframes quiz-float{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-14px) rotate(calc(var(--r, 0deg) + 2deg))}}.marquee-track{animation-duration:28s;transition:animation-duration .4s ease}.marquee.fast .marquee-track{animation-duration:12s}.marquee.reverse .marquee-track{animation-direction:reverse}
/*# sourceMappingURL=/cdn/shop/t/4/assets/scroll-fx.css.map */