:root{--washi:#f3f1e6;--paper:#fbfaf2;--tile:#e7e4c9;--ink:#1c2a1e;--ink-2:#243527;--ink-3:#33473a;--matcha:#8aae3b;--matcha-deep:#5c7d22;--froth:#dfe9a3;--froth-2:#cddb83;--clay:#b8643c;--muted:#59634f;--display:"Bricolage Grotesque", "Arial Narrow", sans-serif;--body:"Instrument Sans", system-ui, sans-serif;--hand:"Kalam", "Comic Sans MS", cursive;--jp:"Zen Old Mincho", serif;--gutter:clamp(16px, 2.3vw, 34px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.45, .05, .25, 1);--hedge-h:clamp(54px, 7vw, 104px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--washi);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45;overflow-x:clip}body.is-locked{overflow:hidden}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{display:block}p,h1,h2,h3,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}mark{color:inherit}:focus-visible{outline:2px dashed var(--matcha-deep);outline-offset:4px;border-radius:6px}.d-xl,.d-lg,.d-sm{font-family:var(--display);font-variation-settings:"opsz" 96;text-transform:uppercase;letter-spacing:-.012em;font-weight:800;font-stretch:75%;line-height:.84}.d-xl{font-size:clamp(3.3rem,9.3vw,9.4rem)}.d-lg{font-size:clamp(2.6rem,6.4vw,6.4rem);line-height:.88}.d-sm{font-size:2rem}.hand{font-family:var(--hand)}.kicker{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;font-weight:700;font-stretch:75%}.kicker--froth{color:var(--froth)}.jp{font-family:var(--jp);letter-spacing:.1em;font-weight:600}.line-mask{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.line-mask>span{will-change:transform;display:block}.btn-hand{font-family:var(--hand);white-space:nowrap;isolation:isolate;place-items:center;padding:.7rem 1.5rem .75rem;font-size:1.12rem;text-decoration:none;display:inline-grid;position:relative}.btn-hand svg{stroke-dasharray:640;stroke-dashoffset:0;width:calc(100% + 12px);height:calc(100% + 4px);position:absolute;inset:-2px -6px}.btn-hand span{transition:transform .9s var(--ease-soft)}.btn-hand:hover svg{animation:redraw 1.7s var(--ease-soft)}.btn-hand:hover span{transform:rotate(-2deg)translateY(-1px)}@keyframes redraw{0%{stroke-dashoffset:640px}to{stroke-dashoffset:0}}.btn-solid{background:var(--ink);min-height:52px;color:var(--washi);font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;transition:background .6s var(--ease-soft), color .6s var(--ease-soft), transform .6s var(--ease-soft);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.6rem;font-size:1.15rem;font-weight:700;font-stretch:75%;display:inline-flex}.btn-solid:hover{background:var(--matcha-deep)}.btn-solid:active{transform:scale(.98)}.round{background:var(--ink);width:54px;height:54px;color:var(--washi);transition:background .6s var(--ease-soft), color .6s var(--ease-soft), transform .8s var(--ease-soft);border-radius:50%;place-items:center;display:grid}.round svg{width:22px;height:22px}.round:hover{background:var(--froth);color:var(--ink);transform:rotate(-8deg)scale(1.06)}.round--light{background:var(--froth);color:var(--ink)}.round--light:hover{background:var(--ink);color:var(--froth)}.icon-btn{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{background:#1c2a1e14}.grain{z-index:95;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.15 0 0 0 0 0.1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#loader{z-index:100;background:var(--ink);color:var(--froth);--flood:var(--froth);position:fixed;inset:0}.loader__word{top:22px;left:var(--gutter);font-family:var(--display);text-transform:uppercase;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;font-stretch:75%;line-height:1;display:flex;position:absolute}.loader__word svg{width:34px;height:34px;fill:var(--froth);color:var(--froth)}.loader__word span{color:var(--matcha)}.loader__jp{top:26px;right:var(--gutter);writing-mode:vertical-rl;font-family:var(--jp);letter-spacing:.35em;color:var(--matcha);font-size:1rem;font-weight:600;position:absolute}.loader__scene{justify-items:center;gap:6px;display:grid;position:absolute;top:47%;left:50%;translate:-50% -50%}.loader__bowl{width:min(560px,82vw,62vh);height:auto;overflow:visible}.lb-bowl,.lb-rim,.lb-foot{fill:none;stroke:var(--froth);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.lb-rim{stroke-width:4px;opacity:.55}.lb-liquid{fill:var(--matcha)}.lb-back{fill:var(--matcha-deep)}.lb-froth{fill:#c7da85}[data-bubbles] circle{fill:#e6efbd}.lb-dust circle{fill:var(--matcha)}.lb-whisk rect{fill:#d6bd85}.lb-whisk path{fill:none;stroke:#e2cd98;stroke-width:2.4px;stroke-linecap:round}.lb-whisk path:first-of-type,.lb-whisk path:nth-of-type(2){stroke:#8d7446;stroke-width:2px}.loader__step{color:var(--froth);opacity:.85;min-height:1.6em;font-size:1.45rem}.loader__count{left:var(--gutter);font-family:var(--display);letter-spacing:-.02em;color:var(--froth);opacity:.14;font-variant-numeric:tabular-nums;font-size:clamp(7rem,24vw,22rem);font-weight:800;font-stretch:75%;line-height:.8;position:absolute;bottom:-.12em}.loader__flood{background:var(--flood);clip-path:circle(0% at 50% 47%);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.loader__flood-in{color:var(--ink);justify-items:center;gap:8px;display:grid}.loader__flood-in svg{width:clamp(70px,9vw,120px);height:clamp(70px,9vw,120px);fill:var(--ink);color:var(--ink)}.loader__flood-in p{font-size:clamp(1.4rem,2.4vw,2rem);rotate:-3deg}.loader__hedge{height:var(--hedge-h);color:var(--ink);position:absolute;top:100%;left:0;right:0;transform:scaleY(-1)}#loader.is-flooded .loader__hedge{color:var(--flood)}html.is-ready #loader{pointer-events:none}.nav{z-index:70;padding:18px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav>*{pointer-events:auto}.nav__logo{width:46px;height:46px;color:var(--ink);transition:color .4s, transform .5s var(--ease);display:block}.nav__logo svg{fill:currentColor;width:100%;height:100%}.nav__logo:hover{transform:rotate(-10deg)}.nav__right{align-items:center;gap:8px;display:flex}.nav__sound,.nav__bag,.nav__menu{background:var(--ink);height:42px;color:var(--washi);transition:background .5s var(--ease-soft), color .5s var(--ease-soft), transform .6s var(--ease-soft);border-radius:9px}.nav__bag{place-items:center;width:42px;display:grid;position:relative}.nav__sound{place-items:center;width:42px;display:grid}.nav__sound svg{width:24px;height:24px;overflow:visible}.nav__sound .snd__body{fill:currentColor}.nav__sound .snd__w,.nav__sound .snd__x{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;transform-box:fill-box;transition:opacity .3s, transform .45s var(--ease)}.nav__sound .snd__w{transform-origin:0;opacity:0;transform:scale(.5)}.nav__sound .snd__x{transform-origin:50%}.nav__sound.is-on .snd__w{opacity:1;transform:none}.nav__sound.is-on .snd__x{opacity:0;transform:scale(.3)}.nav__sound.is-on .snd__w1{animation:1.5s ease-in-out infinite snd-wave}.nav__sound.is-on .snd__w2{animation:1.5s ease-in-out .25s infinite snd-wave}@keyframes snd-wave{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.nav__sound.is-on .snd__w{animation:none}}.nav__bag svg{width:22px;height:22px;margin:auto;transition:scale .6s cubic-bezier(.34,1.56,.64,1),rotate .6s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;inset:0}.nav__bag .ic-pouch{opacity:0;width:25px;height:25px;rotate:-40deg;scale:.2}.nav__bag.has-items .ic-bag{opacity:0;rotate:40deg;scale:.2}.nav__bag.has-items .ic-pouch{opacity:1;rotate:0deg;scale:1}.fly-pouch{z-index:120;pointer-events:none;object-fit:contain;filter:drop-shadow(0 14px 14px #1c2a1e4d);will-change:transform;position:fixed}.nav__count{background:var(--froth);min-width:20px;height:20px;color:var(--ink);border:2px solid var(--washi);transition:transform .4s var(--ease);border-radius:10px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;display:grid;position:absolute;top:-7px;left:-7px;transform:scale(0)}.nav__count.has-items{transform:scale(1)}.nav__menu{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;padding:0 1.4rem;font-size:1.15rem;font-weight:700;font-stretch:75%}.nav__shop{background:var(--froth);height:42px;color:var(--ink);font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 0 0 1.5px var(--ink);transition:background .5s var(--ease-soft), color .5s var(--ease-soft), box-shadow .5s var(--ease-soft), transform .6s var(--ease-soft);border-radius:9px;align-items:center;gap:7px;padding:0 .55rem 0 .8rem;font-size:1.15rem;font-weight:700;font-stretch:75%;text-decoration:none;display:flex}.nav__shop svg{flex:none;width:20px;height:20px}.nav__shop-ic{transition:rotate .7s var(--ease)}.nav__shop-go{opacity:0;transition:opacity .4s var(--ease-soft), translate .6s var(--ease-soft);translate:-6px;width:16px!important}.nav__shop:hover{background:var(--froth-2);transform:translateY(-2px)}.nav__shop:hover .nav__shop-ic{rotate:-14deg}.nav__shop:hover .nav__shop-go{opacity:1;translate:0}.nav.is-dark .nav__shop{box-shadow:inset 0 0 0 1.5px var(--froth);background:var(--ink-2);color:var(--froth)}.nav__sound:hover,.nav__bag:hover,.nav__menu:hover{transform:translateY(-2px)}.nav.is-dark .nav__logo{color:var(--froth)}.nav.is-dark .nav__sound,.nav.is-dark .nav__bag,.nav.is-dark .nav__menu{background:var(--froth);color:var(--ink)}.nav.is-dark .nav__count{border-color:var(--ink);background:var(--washi)}.menu{z-index:80;color:var(--washi);clip-path:circle(0% at calc(100% - 70px) 38px);position:fixed;inset:0}.menu[hidden]{display:none}.menu__bg{background:var(--ink);position:absolute;inset:0}.menu__inner{height:100%;padding:96px var(--gutter) 40px;grid-template-columns:1fr minmax(240px,32vw);align-items:center;display:grid;position:relative}.menu__links li{overflow:hidden}.menu__links a{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.8rem,8.4vh,6.4rem);font-weight:800;font-stretch:75%;line-height:.95;text-decoration:none;transition:color .3s;display:inline-block}.menu__links a span{transition:translate .8s var(--ease-soft), rotate .8s var(--ease-soft);display:inline-block}.menu__links a:hover{color:var(--froth)}.menu__links a:hover span{translate:.3em;rotate:-1.5deg}.menu__peek{aspect-ratio:4/5;background:var(--froth);justify-self:center;width:min(30vw,380px);padding:12px 12px 44px;rotate:5deg;box-shadow:0 30px 60px -30px #0009}.menu__peek img{object-fit:cover;background:var(--tile);width:100%;height:100%}.menu__note{left:var(--gutter);color:var(--froth);font-size:1.15rem;position:absolute;bottom:32px}.menu__close{top:18px;right:var(--gutter);background:var(--froth);height:42px;color:var(--ink);font-family:var(--display);text-transform:uppercase;border-radius:9px;align-items:center;gap:6px;padding:0 1.1rem 0 .8rem;font-size:1.15rem;font-weight:700;font-stretch:75%;display:flex;position:absolute}.menu__close svg{width:20px;height:20px}.cart{z-index:85;position:fixed;inset:0}.cart[hidden]{display:none}.cart__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c2a1e73;position:absolute;inset:0}.cart__panel{background:var(--paper);border-radius:20px;grid-template-rows:auto 1fr auto;width:min(440px,100vw - 20px);display:grid;position:absolute;top:10px;bottom:10px;right:10px;overflow:hidden;box-shadow:0 40px 80px -40px #00000080}.cart__head{border-bottom:1.5px dashed #1c2a1e33;justify-content:space-between;align-items:center;padding:22px 22px 14px;display:flex}.cart__items{padding:8px 22px;overflow:auto}.cart__item{border-bottom:1px solid #1c2a1e1a;grid-template-columns:74px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.cart__thumb{border-radius:10px;place-items:center;width:74px;height:88px;padding:6px;display:grid}.cart__thumb img{width:auto;max-height:100%}.cart__name{font-family:var(--hand);font-size:1.15rem;line-height:1.1}.cart__meta{color:var(--muted);font-size:.82rem}.cart__qty{border:1.5px solid #1c2a1e2e;border-radius:999px;align-items:center;gap:2px;margin-top:6px;display:inline-flex}.cart__qty button{border-radius:50%;width:28px;height:28px;font-size:1rem}.cart__qty button:hover{background:var(--froth)}.cart__qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-size:.9rem}.cart__price{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.cart__remove{color:var(--muted);text-underline-offset:3px;margin-top:6px;font-size:.78rem;text-decoration:underline;display:block}.cart__empty{text-align:center;color:var(--muted);place-content:center;justify-items:center;gap:10px;padding:40px 22px;display:none}.cart.is-empty .cart__empty{display:grid}.cart.is-empty .cart__items,.cart.is-empty .cart__foot{display:none}.cart__empty-art{width:92px;height:92px;color:var(--matcha-deep)}.cart__empty .hand{color:var(--ink);font-size:1.3rem}.cart__foot{background:var(--washi);gap:10px;padding:18px 22px 22px;display:grid}.cart__row{justify-content:space-between;align-items:baseline;font-size:1.05rem;display:flex}.cart__row strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-stretch:75%}.cart__fine{color:var(--muted);font-size:.82rem}.toast{z-index:90;background:var(--ink);color:var(--froth);visibility:hidden;transition:translate .6s var(--ease), visibility 0s .6s;pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 18px 12px;font-size:1.05rem;position:fixed;bottom:22px;left:50%;translate:-50% calc(100% + 60px);rotate:-2deg}.toast.is-on{visibility:visible;transition:translate .6s var(--ease);translate:-50%}#story{position:relative}main,.footer{overflow-x:clip}.stage{z-index:3;pointer-events:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0}#gl{z-index:1;width:100%;height:100%;position:absolute;inset:0}.stage--under{z-index:1}.badges{pointer-events:none;position:absolute;inset:0}.badges--back{z-index:0}.badges--front{z-index:2}.badge{will-change:transform, opacity;aspect-ratio:1;text-align:center;background:var(--froth);width:clamp(128px,11vw,172px);color:var(--ink);border:3px solid var(--ink);opacity:0;border-radius:50%;place-content:center;display:grid;position:absolute;top:0;left:0}.badge strong{font-family:var(--display);font-size:clamp(2.5rem,4vw,3.7rem);font-weight:800;font-stretch:75%;line-height:.82}.badge span{font-family:var(--hand);font-size:clamp(.92rem,1.05vw,1.12rem);line-height:1.1}.badge.is-dark{background:var(--ink);color:var(--froth);border-color:var(--froth)}.s{z-index:2;min-height:100svh;padding:0 var(--gutter);position:relative}.s-hero{overflow:clip}.hero__title{max-width:9.5ch;padding-top:max(108px,13vh);position:relative}.hero__title .line-mask:nth-child(2){margin-left:0}.hero__sprig{width:min(62vw,880px);color:var(--froth);opacity:.95;transform-origin:60% 40%;position:absolute;top:-9vw;right:-10vw}.hero__sprig svg{width:100%;height:auto}[data-sprig]>svg{transform-origin:38% 98%}.hero__note{justify-items:start;gap:0;display:grid;position:absolute;top:70vh;left:30vw}.hero__arrow{width:70px;height:70px;color:var(--ink);margin-left:54px;transform:rotate(10deg)}.hero__note ul{font-size:1.1rem;line-height:1.35}.hero__note li:before{content:"";background:var(--ink);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.hero__side{right:var(--gutter);justify-items:start;gap:18px;width:min(340px,26vw);font-size:1.04rem;display:grid;position:absolute;bottom:max(48px,9vh)}.hero__hint{color:var(--muted);justify-items:center;font-size:1rem;display:grid;position:absolute;bottom:22px;left:50%;translate:-50%}.hero__hint svg{width:90px;height:12px;color:var(--matcha-deep)}.s-step{grid-template-rows:auto 1fr auto;padding-top:max(110px,14vh);padding-bottom:max(56px,9vh);display:grid}.step__kicker{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;align-items:baseline;gap:12px;font-size:1.05rem;font-weight:700;font-stretch:75%;display:flex}.step__no{letter-spacing:0;border:2px solid;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.95rem;display:inline-grid}.step__kicker .jp{color:var(--matcha-deep);text-transform:none;font-size:.95rem}.step__split{justify-content:space-between;align-items:center;gap:2vw;display:flex}.step__split .r{text-align:right}.step__copy{max-width:360px;font-size:1.04rem}.s-step[data-step="2"] .step__copy,.s-step[data-step="4"] .step__copy{justify-self:end}.step__doodle{aspect-ratio:120/220;width:clamp(80px,9vw,130px);height:auto;color:var(--froth-2);z-index:-1;position:absolute}.step__doodle.d1{top:18%;left:30%;rotate:-12deg}.step__doodle.d3{bottom:14%;right:26%;rotate:16deg}.s-sip{grid-template-rows:auto 1fr}.sip__copy{text-align:right;place-self:end;justify-items:end;gap:16px;max-width:420px;display:grid}.s-pouch{flex-direction:column;min-height:440vh;padding:0;display:flex}.pouch__track{flex:1}.glass-note{opacity:0;z-index:4;align-items:flex-end;gap:6px;width:17ch;font-size:1.2rem;line-height:1.15;display:flex;position:absolute;top:24%;left:63%}.glass-note svg{flex:none;order:-1;width:58px;height:58px;margin-bottom:-26px;transform:scaleX(-1)rotate(-30deg)}.pouch__pin{height:100svh;padding:max(108px, 13vh) var(--gutter) max(44px, 7vh);grid-template-columns:1fr 1fr;display:grid;position:sticky;top:0}.pouch__left{align-content:start;gap:18px;max-width:420px;display:grid}.pouch__left>p:not(.kicker){font-size:1.04rem}.pouch__left .kicker{color:var(--matcha-deep)}.turn{width:min(300px,100%);margin-top:auto;padding-top:18px}.pouch__left{grid-template-rows:auto auto auto 1fr;height:100%}.turn__row{font-family:var(--display);text-transform:uppercase;justify-content:space-between;align-items:baseline;font-size:1.15rem;font-weight:800;font-stretch:75%;display:flex}.turn__row strong{font-variant-numeric:tabular-nums}.turn__bar{background:#1c2a1e1f;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.turn__bar i{background:var(--ink);transform-origin:0;border-radius:3px;width:100%;height:100%;display:block;transform:scaleX(0)}.pouch__right{text-align:right;place-self:end;justify-items:end;gap:16px;max-width:360px;font-size:1.04rem;display:grid}.pouch__peek{text-align:center;padding:0 var(--gutter) 2vh;color:var(--ink);white-space:nowrap;margin-top:auto;position:relative}.band{padding:0 var(--gutter);position:relative}.band--ink{background:var(--ink);color:var(--washi)}.band--washi{background:var(--washi)}.band__edge{height:var(--hedge-h);color:var(--ink);pointer-events:none;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.band__edge--washi{color:var(--washi)}.band__edge svg{width:100%;height:100%}#statement{z-index:4;text-align:center;padding-top:clamp(80px,12vh,140px);padding-bottom:clamp(90px,14vh,160px);overflow:visible}.statement__text{max-width:15ch;margin:0 auto;font-size:clamp(2.8rem,7.2vw,7.4rem);line-height:.9}.statement__text .w{opacity:.16;transition:none}.statement__text mark{background:var(--froth);color:var(--ink);border-radius:10px;padding:.02em .14em 0;display:inline-block;rotate:-2deg}.statement__note{color:var(--froth);text-align:left;max-width:16ch;font-size:1.15rem;position:absolute;bottom:clamp(36px,7vh,80px);right:12vw;rotate:-7deg}.statement__whisk{aspect-ratio:1;width:clamp(110px,12vw,180px);height:auto;color:var(--ink-3);position:absolute;bottom:8vh;left:7vw;rotate:-14deg}.statement__sprig{width:clamp(110px,12vw,200px);color:var(--ink-3);position:absolute;top:6vh;right:3vw;rotate:24deg}.statement__sprig svg{width:100%;height:auto}.shelf{z-index:4;padding-top:2vh;padding-bottom:clamp(110px,16vh,190px)}.shelf__title{color:var(--washi);justify-content:space-between;align-items:center;margin-bottom:clamp(28px,4vh,48px);display:flex}.shelf__whisk{aspect-ratio:1;width:clamp(70px,8vw,120px);height:auto;color:var(--froth)}.shelf__grid{grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px);display:grid}.shelf__fine{color:#f3f1e68c;margin-top:22px;font-size:.85rem}.card{background:var(--paper);color:var(--ink);border-radius:6px;gap:10px;padding:9px;display:grid;position:relative}.card__tile{aspect-ratio:4/5;background:var(--tile);transition:background .5s var(--ease);perspective:1100px;border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.card__spin{width:74%;height:80%;transform-style:preserve-3d;will-change:transform;position:relative}.face{object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 22px 20px #1c2a1e3d);width:100%;height:100%;position:absolute;inset:0}.face--back{transform:rotateY(180deg)}.card__glare{pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%), #ffffff42, #fff0 48%);-webkit-mask:var(--pack) center / contain no-repeat;-webkit-mask:var(--pack) center / contain no-repeat;mask:var(--pack) center / contain no-repeat;mix-blend-mode:screen;opacity:0;backface-visibility:hidden;transition:opacity .6s var(--ease);position:absolute;inset:0;transform:translateZ(1px)}.card:hover .card__glare{opacity:1}.face--label img{object-fit:contain;filter:brightness(.92)saturate(.9);width:100%;height:100%;position:absolute;inset:0}.backlabel{color:var(--ink);text-align:left;background:#fbf9f1;border-radius:6px;align-content:start;gap:5px;padding:7% 7% 6%;font-size:clamp(.62rem,.78vw,.78rem);line-height:1.3;display:grid;position:absolute;inset:19% 17% 13%;box-shadow:0 1px #0000000f}.backlabel__maker{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.85em}.backlabel__name{font-family:var(--display);text-transform:uppercase;font-size:1.9em;font-weight:800;font-stretch:75%;line-height:.9}.backlabel ul,.backlabel ol{margin:0;padding:0 0 0 1.1em}.backlabel ul{list-style:square}.backlabel__how{text-transform:uppercase;letter-spacing:.06em;border-top:1px dashed #1c2a1e4d;margin-top:4px;padding-top:6px;font-size:.8em;font-weight:600}.card__doodle{color:var(--froth);opacity:0;transition:opacity .45s, transform .7s var(--ease);pointer-events:none;position:absolute}.card__doodle svg{width:100%;height:auto}.card__doodle.a{width:44%;top:-4%;left:-8%;transform:rotate(-30deg)scale(.8)}.card__doodle.b{width:40%;bottom:-6%;right:-10%;transform:rotate(150deg)scale(.8)}.card__tags{flex-wrap:wrap;gap:5px;display:flex;position:absolute;top:10px;left:10px}.card__tags span{background:#fbfaf2e0;border-radius:999px;padding:3px 8px 4px;font-size:.72rem;font-weight:500}.card:hover .card__tile,.card.is-open .card__tile{background:var(--tone)}.card:hover .card__doodle,.card.is-open .card__doodle{opacity:.55}.card:hover .card__doodle.a,.card.is-open .card__doodle.a{transform:rotate(-22deg)scale(1)}.card:hover .card__doodle.b,.card.is-open .card__doodle.b{transform:rotate(160deg)scale(1)}.card__foot{grid-template-columns:1fr auto auto;align-items:center;gap:4px 8px;padding:0 2px 2px 4px;display:grid}.card__name{font-family:var(--hand);font-size:1.22rem;line-height:1.1}.card__maker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.card__price{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;font-stretch:75%}.card__add{width:40px;height:40px;transition:background .3s, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;transition-duration:.6s!important}.card__add svg{width:22px;height:22px;transition:transform .4s var(--ease)}.card__add:hover{background:var(--froth)}.card.is-open .card__add svg{transform:rotate(45deg)}.card__meta{gap:2px;display:grid}.card__row2{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.picker{background:var(--ink);width:min(250px,100% - 20px);color:var(--washi);opacity:0;visibility:hidden;transition:opacity .35s, transform .5s var(--ease), visibility 0s .5s;z-index:2;border-radius:10px;gap:6px;padding:12px;display:grid;position:absolute;bottom:12px;left:50%;transform:translateY(14px)rotate(-2deg)}.card.is-open .picker{opacity:1;visibility:visible;transition:opacity .35s, transform .5s var(--ease);transform:none}.picker__title{font-family:var(--hand);color:var(--froth);padding:0 4px;font-size:.95rem}.picker button{text-align:left;background:var(--ink-2);border-radius:7px;grid-template-columns:1fr auto;padding:8px 10px;transition:background .25s,color .25s;display:grid}.picker button:hover,.picker button:focus-visible{background:var(--froth);color:var(--ink)}.picker b{font-size:.92rem;font-weight:600}.picker small{opacity:.72;grid-column:1;font-size:.74rem}.picker em{font-variant-numeric:tabular-nums;grid-area:1/2/span 2;align-self:center;font-size:.9rem;font-style:normal;font-weight:600}.sticker{background:var(--froth);color:var(--ink);font-family:var(--hand);pointer-events:none;border-radius:6px;padding:4px 10px 5px;font-size:.9rem;position:absolute;bottom:62px;right:8px;rotate:-6deg}.uses{z-index:4;padding-top:clamp(40px,8vh,90px);padding-bottom:6vh}.uses__head{grid-template-columns:1.2fr 1fr;align-items:end;gap:4vw;display:grid}.uses__copy{justify-items:start;gap:18px;max-width:380px;padding-bottom:.6rem;font-size:1.04rem;display:grid}.collage{height:clamp(620px,72vw,1040px);margin-top:4vh;position:relative}.ph{background:var(--froth);transition:rotate .7s var(--ease), box-shadow .4s;padding:10px 10px 42px;position:absolute;box-shadow:0 30px 50px -34px #1c2a1e8c}.ph img{width:100%;height:auto;aspect-ratio:var(--ar,auto);object-fit:cover}.ph figcaption{font-size:1.05rem;position:absolute;bottom:9px;left:14px}.ph:hover{z-index:2;box-shadow:0 40px 60px -30px #1c2a1e99;rotate:0deg!important}.ph1{width:24%;top:2%;left:2%;rotate:-6deg}.ph2{width:31%;top:0;left:30%;rotate:3deg}.ph3{width:27%;top:6%;right:2%;rotate:5deg}.ph4{width:19%;top:38%;left:10%;rotate:4deg}.ph5{width:30%;top:33%;left:37%;rotate:-3deg}.ph6{width:23%;top:44%;right:5%;rotate:-7deg}.versus{z-index:4;grid-template-columns:1fr 1.1fr;align-items:center;gap:5vw;padding-top:clamp(40px,6vh,80px);padding-bottom:clamp(40px,8vh,100px);display:grid}.versus__cup{aspect-ratio:1;justify-self:center;width:min(40vw,500px);position:relative}.cup{position:absolute;inset:0}.cup .cup__photo{transition:opacity .9s var(--ease);position:absolute;inset:0}.cup__photo--matcha,.versus[data-mode=matcha] .cup__photo--coffee{opacity:0;pointer-events:none}.versus[data-mode=matcha] .cup__photo--matcha{opacity:1;pointer-events:auto}.bowl--cup:before{background-image:url(/img/bowls/shadow-cup.webp)}.versus__body{justify-items:start;gap:26px;display:grid}.toggle{background:var(--ink);isolation:isolate;border-radius:999px;grid-template-columns:1fr 1fr;padding:5px;display:inline-grid;position:relative}.toggle button{z-index:1;min-width:120px;height:46px;color:var(--washi);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;font-size:1.1rem;font-weight:700;font-stretch:75%;transition:color .4s;position:relative}.toggle button[aria-checked=true]{color:var(--ink)}.toggle__thumb{width:calc(50% - 5px);transition:transform .6s var(--ease), background .6s;background:#c79a6b;border-radius:999px;position:absolute;top:5px;bottom:5px;left:5px}.versus[data-mode=matcha] .toggle__thumb{background:var(--froth);transform:translate(100%)}.vs{border-top:2px solid var(--ink);width:100%;max-width:560px}.vs>div{perspective:600px;border-bottom:1.5px dashed #1c2a1e47;grid-template-columns:140px 1fr;align-items:baseline;gap:16px;padding:14px 0;display:grid}.vs dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.vs dd{font-family:var(--display);text-transform:uppercase;transform-origin:50% 60%;font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:800;font-stretch:75%;line-height:1}.reviews{z-index:4;padding-top:clamp(30px,5vh,70px);padding-bottom:clamp(60px,10vh,120px);overflow:hidden}.reviews__head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(30px,5vh,60px);display:flex}.reviews__nav{gap:10px;display:flex}.reviews__track{cursor:grab;touch-action:pan-y;will-change:transform;gap:clamp(14px,1.6vw,24px);padding:18px 0 30px;display:flex}.reviews__track.is-drag{cursor:grabbing}.review{aspect-ratio:1.12;background:var(--paper);text-align:center;-webkit-user-select:none;user-select:none;border:2px solid #1c2a1e8c;border-radius:22px;flex:0 0 clamp(250px,24vw,340px);place-content:center;justify-items:center;gap:14px;padding:26px 24px;display:grid;position:relative}.review svg{width:44px;height:36px;fill:var(--matcha-deep)}.review p{font-family:var(--display);text-transform:uppercase;max-width:13ch;font-size:clamp(1.4rem,1.9vw,1.9rem);font-weight:800;font-stretch:75%;line-height:.95}.review small{font-family:var(--hand);color:var(--muted);font-size:.98rem}.pin{background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute}.pin:first-of-type{top:14px;left:14px}.pin:nth-of-type(2){top:14px;right:14px}.pin:nth-of-type(3){bottom:14px;left:14px}.pin:nth-of-type(4){bottom:14px;right:14px}.interlude{z-index:4;padding:clamp(10px, 3vh, 40px) var(--gutter) clamp(40px, 8vh, 90px)}.interlude__art{width:100%;max-width:1180px;height:auto;margin:0 auto;display:block;overflow:visible}.interlude .ink path{stroke:var(--ink);stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:1px}.interlude .ink .steam{stroke:var(--matcha-deep);stroke-width:2px}.interlude .fills path{opacity:0}.interlude .fm{fill:var(--matcha)}.interlude .fl{fill:var(--froth-2)}.interlude .fp{fill:var(--froth)}.interlude .labels text{font-family:var(--hand);fill:var(--muted);opacity:0;font-size:17px}.interlude .tin-jp{font-family:var(--jp);fill:var(--ink);opacity:0;font-size:26px;font-weight:600}.kit{z-index:4;padding-bottom:calc(var(--hedge-h) + clamp(60px, 10vh, 120px));grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,22px);display:grid}.kit__card{border:2px solid #1c2a1eb3;border-radius:22px;min-height:clamp(400px,58vh,560px);position:relative;overflow:hidden}.kit__card--copy{background:var(--froth);align-content:center;gap:18px;padding:clamp(36px,5vw,64px);display:grid}.kit__card--copy .kicker{color:var(--matcha-deep)}.kit__card--copy p:not(.kicker){max-width:46ch;font-size:1.04rem}.kit__card--copy h2{max-width:none}.kit__ctas{flex-wrap:wrap;gap:8px 14px;margin-left:-10px;display:flex}.kit__card--slider{background:var(--tone,#2d5a3c);color:var(--washi);transition:background .7s cubic-bezier(.65,0,.35,1)}.kit__card--slider .pin{background:#00000073}.kit__label{text-align:center;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;font-weight:700;font-stretch:75%;position:absolute;top:24px;left:0;right:0}.kit__stage{position:absolute;inset:72px 30% 48px}.kit__stage img{object-fit:contain;filter:drop-shadow(0 26px 26px #0000004d);width:100%;height:100%;position:absolute;inset:0}.kit__prev,.kit__next{position:absolute;top:50%;translate:0 -50%}.kit__prev{left:18px}.kit__next{right:18px}.footer{touch-action:pan-y;z-index:4;background:var(--ink);color:var(--washi);padding:clamp(28px, 5vh, 56px) var(--gutter) 22px;position:relative;overflow-x:clip}.footer__top{z-index:3;justify-content:space-between;align-items:flex-start;gap:30px;display:flex;position:relative}.footer__line{margin-top:10px;font-size:1.15rem;line-height:1.35}.footer__links{font-family:var(--hand);flex-wrap:wrap;gap:6px 22px;padding-top:2.4rem;font-size:1.05rem;display:flex}.footer__links a{transition:background-size .8s var(--ease-soft);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;text-decoration:none}.footer__links a:hover{background-size:100% 1.5px}.footer__mid{min-height:clamp(260px,34vw,480px);margin:0 calc(var(--gutter) * -1);grid-template-columns:1fr;place-items:end center;display:grid;position:relative}.footer__word{z-index:1;font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--froth);-webkit-user-select:none;user-select:none;padding-bottom:2vh;font-size:clamp(4rem,12.8vw,14.5rem);font-weight:800;font-stretch:75%;line-height:.78;position:relative}.footer__bush{width:clamp(200px,20vw,350px);color:var(--matcha);z-index:6;pointer-events:none;position:absolute;bottom:4px}.footer__bush svg{transform-origin:38% 98%;width:100%;height:auto;overflow:visible}.footer__bush.l{left:.6vw}.footer__bush.r{right:.6vw}.footer__bush.r>svg{scale:-1 1}.footer__game{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.footer__bar{z-index:4;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex;position:relative}.pill{background:var(--froth);width:min(560px,100%);color:var(--ink);border-radius:999px;justify-content:space-between;gap:30px;padding:12px 22px;font-size:.85rem;display:flex}.score{border:1.5px solid var(--ink-3);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;font-weight:700;font-stretch:75%;display:flex}.score strong{color:var(--froth);font-variant-numeric:tabular-nums;min-width:1.4ch;font-size:1.35rem}.score i{border-left:1.5px solid var(--ink-3);gap:4px;padding-left:8px;display:flex}.score b{background:var(--clay);border-radius:50%;width:8px;height:8px;transition:opacity .3s,transform .3s}.score b.is-lost{opacity:.25;transform:scale(.7)}.footer__hint{z-index:4;color:var(--froth);opacity:.7;pointer-events:none;white-space:nowrap;font-size:1rem;position:absolute;top:6%;left:50%;translate:-50%;rotate:-3deg}@media (width<=1080px){.shelf__grid{grid-template-columns:repeat(2,1fr)}.hero__side{width:min(340px,42vw)}}@media (width<=400px){.nav__right{gap:6px}.nav__shop{padding:0 .65rem}.nav__menu{padding-left:.8rem;padding-right:.8rem}}@media (width<=760px){.d-xl{font-size:clamp(3rem,15.5vw,5rem)}.d-lg{font-size:clamp(2.4rem,11vw,3.6rem)}.nav{padding-top:14px}.nav__logo{width:40px;height:40px}.nav__shop{white-space:nowrap;flex:none;padding:0 .8rem;font-size:1.05rem}.nav__shop-ic{display:none}.hero__title{padding-top:96px}.hero__sprig{width:92vw;top:4vh;right:-34vw}.hero__note{display:none}.hero__side{left:var(--gutter);right:var(--gutter);gap:10px;width:auto;font-size:.98rem;bottom:64px}.hero__hint{display:none}.s-step{padding-top:92px;padding-bottom:40px}.step__split{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0}.step__split .r{text-align:left}.step__split{align-self:start;margin-top:4vh}.step__copy{background:color-mix(in srgb, var(--washi) 82%, transparent);border-radius:12px;margin:0 -12px;padding:10px 12px;font-size:.98rem;justify-self:start!important}.step__doodle{display:none}.sip__copy{text-align:left;justify-self:start;justify-items:start}.sip__copy p{font-size:.98rem}.badge{width:118px}.badge strong{font-size:2.6rem}.badge span{font-size:.92rem}.glass-note{left:auto;right:var(--gutter);font-size:1rem;top:38%}.pouch__pin{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;padding-top:92px;padding-bottom:28px}.pouch__left{grid-template-rows:none;gap:10px;height:auto}.pouch__left>p:not(.kicker){max-width:30ch;font-size:.95rem}.turn{width:200px;margin-top:6px;padding-top:4px}.pouch__right{text-align:left;grid-row:2;place-self:start;justify-items:start;margin-top:18px;font-size:.95rem}.pouch__right p,.pouch__peek{display:none}.statement__note{margin:26px auto 0;position:static}.statement__whisk{display:none}.shelf__title{flex-wrap:wrap}.shelf__whisk{display:none}.shelf__grid{scroll-snap-type:x mandatory;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.shelf__grid::-webkit-scrollbar{display:none}.shelf__grid .card{scroll-snap-align:center;flex:0 0 76vw}.card{padding:6px}.card__name,.card__price{font-size:1.1rem}.card__add{width:34px;height:34px}.uses__head{grid-template-columns:1fr;gap:18px}.collage{grid-template-columns:1fr 1fr;align-items:start;gap:26px 14px;height:auto;padding:10px 4px 20px;display:grid}.ph:nth-child(2n){margin-top:34px}.ph{width:auto;padding:7px 7px 34px;position:relative;inset:auto}.ph figcaption{font-size:.95rem}.versus{grid-template-columns:1fr}.versus__cup{width:70vw}.vs>div{grid-template-columns:100px 1fr}.reviews__head{flex-wrap:wrap}.kit{grid-template-columns:1fr}.kit__card{min-height:420px}.footer__top{flex-direction:column;gap:10px}.footer__links{padding-top:0}.footer__bush{width:84px;bottom:228px}.interlude .labels text{font-size:22px}.footer__word{text-align:center;font-size:17.5vw}.footer__bar{flex-direction:column}.pill{text-align:center;border-radius:18px;flex-direction:column;gap:2px}.score{position:static}.footer__hint{font-size:.92rem;top:8px}.footer__mid{min-height:260px}.menu__inner{grid-template-columns:1fr}.menu__peek{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.statement__text .w{opacity:1}}.cursor{z-index:99;pointer-events:none;color:var(--ink);opacity:0;transition:opacity .3s;position:fixed;inset:0}.cursor.is-on{opacity:1}.cursor.is-dark{color:var(--froth)}.cursor__dot,.cursor__ring{will-change:transform;position:fixed;top:0;left:0}.cursor__dot:before{content:"";width:7px;height:7px;transition:transform .3s var(--ease);background:currentColor;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute}.cursor__ring:before{content:"";width:var(--rs,36px);height:var(--rs,36px);margin:calc(var(--rs,36px) / -2) 0 0 calc(var(--rs,36px) / -2);opacity:.55;transition:width .45s var(--ease), height .45s var(--ease), margin .45s var(--ease), background .35s, opacity .35s, border-color .35s;background:0 0;border:1.5px solid;border-radius:50%;position:absolute}.cursor__label{font-family:var(--hand);color:var(--ink);white-space:nowrap;opacity:0;font-size:1.15rem;transition:opacity .25s;position:absolute;top:0;left:0;translate:-50% -55%}.cursor.is-link .cursor__ring{--rs:62px}.cursor.is-link .cursor__ring:before{background:color-mix(in srgb, var(--froth) 45%, transparent);opacity:1;border-color:#0000}.cursor.is-link .cursor__dot:before{transform:scale(.4)}.cursor.is-drag .cursor__ring{--rs:70px}.cursor.is-3d .cursor__ring:before{background:var(--froth);opacity:.95;border-color:var(--ink)}.cursor.is-3d .cursor__label{opacity:1}.cursor.is-3d .cursor__dot:before{transform:scale(0)}.cursor.is-down .cursor__ring:before{transform:scale(.82)}.cursor.is-game .cursor__ring{opacity:0}.has-cursor,.has-cursor *{cursor:none!important}.hero__photo{z-index:1;pointer-events:none;opacity:0;height:auto;transition:opacity .6s var(--ease-soft);position:absolute}.hero__photo.is-on{opacity:1}.bowl{--lift:0;aspect-ratio:1;isolation:isolate;width:100%;display:block;position:relative}.bowl img{width:100%;height:100%;transform:translateY(calc(var(--lift) * -7px)) scale(calc(1 + var(--lift) * .035));transition:transform 1.2s var(--ease-soft);display:block}.bowl__fx{pointer-events:none;opacity:0;width:100%;height:100%;transform:translateY(calc(var(--lift) * -7px)) scale(calc(1 + var(--lift) * .035));transition:transform 1.2s var(--ease-soft), opacity .6s var(--ease-soft);position:absolute;inset:0}.bowl__fx.is-on{opacity:1}.bowl:before{content:"";z-index:-1;opacity:calc(1 - var(--lift) * .45);transform:translate(calc(var(--lift) * 4%), calc(var(--lift) * 5%)) scale(calc(1 + var(--lift) * .07));transition:transform 1.2s var(--ease-soft), opacity 1.2s var(--ease-soft);pointer-events:none;background:url(/img/bowls/shadow-wan.webp) 50%/100% 100% no-repeat;position:absolute;inset:-40%}.bowl--raku:before{background-image:url(/img/bowls/shadow-raku.webp)}.bowl--tenmoku:before{background-image:url(/img/bowls/shadow-tenmoku.webp)}.bowl.fly-pouch{position:fixed}.fly-pouch.bowl:before{display:none}.cart__thumb--bowl{background:var(--tile)}.mini-bowl{filter:drop-shadow(3px 5px 5px #1c2a1e47);width:58px;height:58px;display:block}.page-veil{z-index:150;background:var(--froth);color:var(--ink);place-items:center;display:grid;position:fixed;inset:0}.page-veil__in{justify-items:center;gap:8px;display:grid}.page-veil__in svg{width:clamp(70px,9vw,120px);height:clamp(70px,9vw,120px);fill:var(--ink)}.page-veil__in p{font-size:clamp(1.4rem,2.4vw,2rem);rotate:-3deg}html.veiled body:after{content:"";z-index:149;background:var(--froth);animation:0s 4s forwards veil-fail;position:fixed;inset:0}@keyframes veil-fail{to{opacity:0;visibility:hidden}}.shop{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .62 0 0 0 0 .4 0 0 0 1.1 -.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sh-hero{min-height:100svh;padding:max(118px, 15vh) var(--gutter) clamp(40px, 7vh, 80px);grid-template-rows:auto auto 1fr auto;grid-template-columns:1.15fr 1fr;column-gap:5vw;display:grid;position:relative;overflow:clip}.sh-hero .kicker{color:var(--matcha-deep);grid-column:1/-1;margin-bottom:14px}.sh-hero__title{z-index:1;font-size:clamp(3.6rem,11vw,11.5rem);position:relative}.sh-hero__lede{z-index:1;align-self:end;max-width:40ch;padding-bottom:.8rem;font-size:1.08rem;position:relative}.sh-hero__jp{--em:clamp(16rem, 42vw, 40rem);right:-4vw;top:calc(4vh - var(--em) * .224);width:var(--em);aspect-ratio:1000/1448;height:auto;fill:var(--froth);opacity:.7;pointer-events:none;position:absolute;overflow:visible}.spectrum{z-index:1;grid-column:1/-1;align-self:end;gap:4px;height:clamp(170px,30vh,320px);margin-top:5vh;display:flex;position:relative}.slice{background:var(--grain), var(--tea);background-blend-mode:multiply;min-width:0;transition:flex .9s var(--ease-soft), border-radius .9s var(--ease-soft), translate .9s var(--ease-soft);border-radius:14px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 -30px 40px -30px #00000040}.slice:before{content:"";background:var(--washi);border-radius:50%;height:34%;position:absolute;top:-18%;left:-10%;right:-10%}@media (hover:hover){.slice:hover{flex:4.2;translate:0 -10px}.slice:hover .slice__v{opacity:0}.slice:hover .slice__txt{opacity:1;transition-delay:.25s;translate:0}}.slice:focus-visible{flex:4.2;translate:0 -10px}.slice__txt{color:#fbfaf2;text-align:left;opacity:0;transition:opacity .5s, translate .7s var(--ease-soft);white-space:nowrap;gap:2px;display:grid;position:absolute;bottom:14px;left:14px;translate:0 10px}.slice__txt b{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:800;font-stretch:75%;line-height:.95}.slice__txt small{opacity:.85;font-size:.78rem}.slice__v{writing-mode:vertical-rl;font-family:var(--hand);color:#fbfaf2;opacity:.72;white-space:nowrap;max-height:70%;font-size:.86rem;transition:opacity .4s;position:absolute;bottom:12px;left:50%;overflow:hidden;translate:-50%;rotate:180deg}.slice:focus-visible .slice__v{opacity:0}.slice:focus-visible .slice__txt{opacity:1;transition-delay:.25s;translate:0}.spectrum__note{color:var(--muted);grid-column:1/-1;justify-self:end;align-items:center;gap:6px;margin-top:12px;font-size:1.05rem;display:flex}.spectrum__note svg{width:42px;height:42px;color:var(--matcha-deep);transform:scaleY(-1)rotate(160deg)}.finder{z-index:4;grid-template-columns:minmax(260px,.8fr) 1.2fr;grid-template-areas:"head qs""res res";gap:4vh 5vw;padding-top:clamp(60px,9vh,110px);padding-bottom:clamp(70px,11vh,130px);display:grid}.finder__head{grid-area:head;align-content:start;gap:12px;display:grid}.finder__qs{grid-area:qs;gap:22px;display:grid}.q{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.q legend{width:100%;font-family:var(--hand);color:var(--froth);align-items:center;gap:10px;margin-bottom:10px;font-size:1.2rem;display:flex}.q legend span{width:30px;height:30px;font-family:var(--display);border:1.5px solid;border-radius:50%;place-items:center;font-size:.95rem;font-weight:800;font-stretch:75%;display:inline-grid}.q button{color:var(--washi);transition:background .6s var(--ease-soft), color .6s var(--ease-soft), border-color .6s var(--ease-soft);border:1.5px solid #dfe9a373;border-radius:999px;padding:11px 18px 12px;font-weight:500}.q button:hover{border-color:var(--froth)}.q button[aria-pressed=true]{background:var(--froth);color:var(--ink);border-color:var(--froth)}.finder__result{border-top:1.5px dashed #dfe9a340;grid-area:res;align-content:center;justify-items:center;gap:14px;min-height:180px;padding-top:4vh;display:grid}.finder__wait{color:var(--froth);opacity:.6;font-size:1.25rem}.finder__match{grid-template-columns:clamp(140px,16vw,210px) minmax(0,560px);align-items:center;gap:clamp(20px,3vw,44px);display:grid}.finder__label{color:var(--froth);margin-bottom:6px;font-size:1.2rem;rotate:-3deg}.finder__maker{letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:4px;font-size:.8rem}.finder__name{color:var(--froth);font-size:clamp(2.2rem,4vw,3.6rem)}.finder__note{opacity:.85;max-width:46ch;margin-top:8px}.finder__ctas{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px;display:flex}.finder__ctas .btn-solid{background:var(--froth);color:var(--ink)}.finder__ctas .btn-solid:hover{background:var(--washi)}.finder__ctas .btn-hand{color:var(--froth)}.finder__also{opacity:.8;font-size:.95rem}.finder__also button{text-underline-offset:4px;color:var(--froth);text-decoration:underline}.sh-shelf{z-index:4;padding:0 var(--gutter) clamp(90px, 14vh, 160px);background:var(--washi);position:relative}.sh-bar{z-index:20;margin:0 calc(var(--gutter) * -1) 26px;padding:82px var(--gutter) 14px;background:color-mix(in srgb, var(--washi) 94%, transparent);border-bottom:1.5px dashed #1c2a1e2e;flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex;position:sticky;top:0}.seg{background:var(--ink);isolation:isolate;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative}.seg button{z-index:1;min-width:108px;height:40px;color:var(--washi);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;transition:color .6s var(--ease-soft);border-radius:999px;font-size:1.02rem;font-weight:700;font-stretch:75%;position:relative}.seg button[aria-selected=true]{color:var(--ink)}.seg__thumb{background:var(--froth);width:calc(50% - 4px);transition:transform .8s var(--ease-soft);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.seg[data-view=map] .seg__thumb{transform:translate(100%)}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{transition:background .6s var(--ease-soft), color .6s var(--ease-soft), border-color .6s var(--ease-soft);border:1.5px solid #1c2a1e38;border-radius:999px;padding:8px 14px 9px;font-size:.92rem;font-weight:500}.chip:hover{border-color:var(--ink)}.chip.is-on{background:var(--ink);color:var(--washi);border-color:var(--ink)}.chip--jp span{font-family:var(--jp);margin-right:4px;font-weight:600}.chips__sep{background:#1c2a1e2e;width:1.5px;height:22px;margin:0 4px}.sort,.dd{position:relative}.dd__btn{height:42px;color:var(--ink);transition:border-color .6s var(--ease-soft), background .6s var(--ease-soft);border:1.5px solid #1c2a1e38;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 16px;font-size:.92rem;display:inline-flex}.dd__btn:hover,.dd.is-open .dd__btn{border-color:var(--ink)}.dd.is-open .dd__btn{background:var(--paper)}.dd__label{font-family:var(--hand);color:var(--muted);font-size:1rem}.dd__value{white-space:nowrap;font-weight:600}.dd__chev{width:12px;height:8px;transition:rotate .5s var(--ease)}.dd.is-open .dd__chev{rotate:180deg}.dd__list{z-index:30;background:var(--paper);transform-origin:0 0;border-radius:18px;outline:none;min-width:max(100%,250px);padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 0 0 1.5px #1c2a1e1a,0 22px 44px -18px #1c2a1e73}.dd__opt{cursor:pointer;transition:background .3s var(--ease-soft);border-radius:12px;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:10px 12px 11px 10px;display:grid}.dd__opt b{font-size:.95rem;font-weight:600;display:block}.dd__opt small{font-family:var(--hand);color:var(--muted);font-size:.92rem;line-height:1.2;display:block}.dd__opt.is-active{background:color-mix(in srgb, var(--froth) 55%, transparent)}.dd__tick{width:16px;height:16px;color:var(--matcha-deep);opacity:0;transition:opacity .3s, scale .5s var(--ease);scale:.4}.dd__opt[aria-selected=true] .dd__tick{opacity:1;scale:1}.dd__list:focus-visible{box-shadow:0 0 0 2px var(--ink), 0 22px 44px -18px #1c2a1e73}.for-touch{display:none}@media (hover:none){.for-hover{display:none}.for-touch{display:inline}}.sh-count{font-family:var(--hand);color:var(--muted);margin-left:auto;font-size:1.1rem}.sh-count:has(.lit-dot){color:var(--ink)}.sh-stage{overflow-anchor:none;position:relative}.page-shop,.page-shop body{overflow-anchor:none}.sh-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:clamp(14px,1.6vw,22px);display:grid}.tea{background:var(--paper);border-radius:18px;grid-template-rows:auto 1fr;padding:10px;display:grid;position:relative;box-shadow:0 1px #1c2a1e0f}.tea.is-out{display:none}.tea__visual{aspect-ratio:1/.92;background:var(--grain), color-mix(in srgb, var(--tea) 22%, var(--washi));background-blend-mode:multiply;transition:background-color .8s var(--ease-soft);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.tea__visual .bowl{width:64%;transition:transform 1.2s var(--ease-soft)}.tea:hover .tea__visual{background-color:color-mix(in srgb, var(--tea) 40%, var(--washi))}.tea:hover .tea__visual .bowl{--lift:1}.sheet__visual .bowl img,.sheet__visual .bowl:before,.sheet__visual .bowl__fx,.finder__match .bowl img,.finder__match .bowl:before,.finder__match .bowl__fx{transition:none}.sheet__visual .bowl{touch-action:none}.tea__pouch{filter:drop-shadow(0 12px 14px #1c2a1e40);width:auto;height:62%;transition:rotate 1.2s var(--ease-soft), translate 1.2s var(--ease-soft);position:absolute;top:8%;right:6%;rotate:10deg}.tea__pouch+.bowl{width:52%;margin:16% 22% 0 0}.tea:hover .tea__pouch{translate:6px -6px;rotate:4deg}.tea__how{color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .6s var(--ease-soft), translate .8s var(--ease-soft);pointer-events:none;align-items:center;gap:2px;font-size:1rem;display:flex;position:absolute;bottom:7%;left:50%;translate:0 8px}.tea__how svg{width:34px;height:34px;color:var(--matcha-deep);transform:scaleX(-1)rotate(-40deg)}.tea:hover .tea__how{opacity:1;transition-delay:.15s;translate:0}.sh-grid.is-map .tea__how{display:none}@media (hover:none){.tea__how{display:none}}.tea__badge{background:var(--ink);color:var(--froth);border-radius:8px;padding:3px 10px 4px;font-size:.92rem;position:absolute;top:10px;left:10px;rotate:-4deg}.tea__pin{display:none}.tea__body{align-content:start;gap:8px;padding:12px 6px 6px;display:grid}.tea__maker{letter-spacing:.09em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:.74rem;font-weight:600;display:flex}.tea__maker span{letter-spacing:.02em;text-transform:none;color:var(--muted);font-size:.8rem;font-weight:400}.tea__name{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.45rem,1.9vw,1.85rem);font-weight:800;font-stretch:75%;line-height:.92}.tea__name .jp,.sheet__name .jp{color:var(--matcha-deep);vertical-align:.25em;margin-left:4px;font-size:.55em}.tea__taste{gap:4px;margin:4px 0 2px;display:grid}.tea__taste div,.sheet__taste div{grid-template-columns:58px 1fr;align-items:center;gap:8px;display:grid}.tea__taste dt,.sheet__taste dt{color:var(--muted);font-size:.74rem}.tea__taste dd,.sheet__taste dd{background:#1c2a1e1a;border-radius:3px;height:6px;overflow:hidden}.tea__taste i,.sheet__taste i{height:100%;width:calc(var(--v) * 100%);background:color-mix(in srgb, var(--tea) 80%, #000);transform-origin:0;transition:transform .8s var(--ease-soft);border-radius:3px;display:block}.tea__foot{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.tea__price{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:800;font-stretch:75%;line-height:1;display:grid}.tea__price span{font-family:var(--body);color:var(--muted);margin-top:4px;font-size:.78rem;font-weight:400;font-stretch:100%}.tea__add{background:var(--ink);width:46px;height:46px;color:var(--washi);transition:background .6s var(--ease-soft), color .6s var(--ease-soft), transform .8s var(--ease-soft);border-radius:50%;flex:none;place-items:center;display:grid}.tea__add svg{width:22px;height:22px}.tea__add:hover{background:var(--froth);color:var(--ink);transform:rotate(90deg)}.tea__per{font-family:var(--hand);color:var(--matcha-deep);font-size:.98rem}.tea.is-match{animation:match 2.4s var(--ease-soft)}@keyframes match{0%,to{box-shadow:0 0 #8aae3b00}20%,60%{box-shadow:0 0 0 6px var(--froth), 0 0 0 9px var(--matcha)}}.map-axes{pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0}.sh-stage.is-map .map-axes{opacity:1;transition-delay:.5s}.map-axes:before,.map-axes:after{content:"";background:repeating-linear-gradient(90deg,#1c2a1e40 0 8px,#0000 8px 16px);position:absolute}.map-axes:before{height:1.5px;top:50%;left:0;right:0}.map-axes:after{background:repeating-linear-gradient(0deg,#1c2a1e40 0 8px,#0000 8px 16px);width:1.5px;top:0;bottom:0;left:50%}.ax{background:var(--ink);color:var(--froth);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.9rem;font-weight:700;font-stretch:75%;position:absolute}.ax--l{top:50%;left:0;translate:0 -50%}.ax--r{top:50%;right:0;translate:0 -50%}.ax--t{top:0;left:50%;translate:-50%}.ax--b{bottom:0;left:50%;translate:-50%}.quad{color:var(--matcha-deep);opacity:.75;font-size:1.15rem;position:absolute}.q1{top:8%;left:6%;rotate:-3deg}.q2{top:8%;right:6%;rotate:3deg}.q3{bottom:8%;left:6%;rotate:2deg}.q4{bottom:8%;right:6%;rotate:-2deg}.sh-grid.is-map{height:clamp(600px,80vh,860px);display:block;position:relative}.sh-grid.is-map .tea{width:96px;box-shadow:none;background:0 0;grid-template-columns:100%;justify-items:center;padding:0;display:grid;position:absolute}.sh-grid.is-map .tea__visual{aspect-ratio:1;background:0 0;border-radius:50%;width:100%;overflow:visible}.sh-grid.is-map .tea__visual .bowl{width:100%;margin:0}.sh-grid.is-map .tea__pouch,.sh-grid.is-map .tea__badge,.sh-grid.is-map .tea__body{display:none}.sh-grid.is-map .tea__pin{background:var(--paper);font-family:var(--hand);text-align:center;white-space:nowrap;border-radius:999px;margin-top:6px;padding:2px 9px 3px;font-size:.92rem;line-height:1.2;display:block;box-shadow:0 6px 14px -8px #1c2a1e59}.sh-grid.is-map .tea{transition:opacity .7s var(--ease-soft), filter .7s var(--ease-soft)}.sh-grid.is-map .tea.is-out{opacity:.28;filter:grayscale();pointer-events:none;display:grid}.sh-grid.is-map .tea.is-out .tea__visual .bowl{transform:scale(.78)}.sh-grid.is-map.is-filtered .tea:not(.is-out) .tea__visual:after{content:"";border:2.5px solid var(--matcha);box-shadow:0 0 0 6px color-mix(in srgb, var(--froth) 75%, transparent), 0 10px 24px -10px #5c7d2299;animation:lit .9s var(--ease) both;pointer-events:none;border-radius:50%;position:absolute;inset:-7%}.sh-grid.is-map.is-filtered .tea:not(.is-out) .tea__pin{background:var(--ink);color:var(--froth)}.sh-grid.is-map .tea__pin{z-index:2;position:relative}@keyframes lit{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.lit-dot{vertical-align:-1px;border:2px solid var(--matcha);width:13px;height:13px;box-shadow:0 0 0 3px var(--froth);border-radius:50%;margin-right:7px;display:inline-block}.sh-grid.is-map .tea:hover{z-index:3}.sh-grid.is-map .tea:hover .tea__visual .bowl{--lift:1;transform:scale(1.1)}.sh-empty{text-align:center;color:var(--muted);padding:10vh 0;font-size:1.3rem}.sh-fine{color:var(--muted);max-width:70ch;margin-top:28px;font-size:.85rem}.sheet{z-index:86;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet__scrim{background:#1c2a1e80;position:absolute;inset:0}.sheet__panel{background:var(--paper);overscroll-behavior:contain;border-radius:22px;width:min(560px,100vw - 20px);position:absolute;top:10px;bottom:10px;right:10px;overflow:auto;box-shadow:0 40px 80px -40px #00000080}.sheet__close{z-index:2;background:var(--paper);position:absolute;top:14px;right:14px}.sheet__body{gap:14px;padding:0 clamp(20px,3vw,34px) 30px;display:grid}.sheet__visual{background:var(--grain,none), color-mix(in srgb, var(--tea) 26%, var(--washi));background-blend-mode:multiply;place-items:center;height:clamp(240px,36vh,340px);margin:0 calc(-1*clamp(20px,3vw,34px));display:grid;position:relative}.sheet__visual .bowl{width:clamp(170px,22vh,230px)}.sheet__pouch{filter:drop-shadow(0 18px 20px #1c2a1e4d);height:74%;position:absolute;top:12%;right:9%;rotate:9deg}.sheet__pouch+.bowl{translate:-22% 8%}.sheet__maker{letter-spacing:.09em;text-transform:uppercase;margin-top:8px;font-size:.8rem;font-weight:600}.sheet__maker span{letter-spacing:.02em;text-transform:none;color:var(--muted);font-weight:400}.sheet__name{font-size:clamp(2.4rem,5vw,3.6rem)}.sheet__badge{background:var(--ink);color:var(--froth);border-radius:8px;justify-self:start;padding:2px 10px 3px;rotate:-3deg}.sheet__notes{font-size:1.04rem}.sheet__taste{border-block:1.5px dashed #1c2a1e2e;gap:6px;padding:12px 0;display:grid}.sheet__taste div{grid-template-columns:64px 1fr 34px}.sheet__taste span{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem}.sheet__facts{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.sheet__facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.sheet__facts dd{font-weight:500}.sheet__facts .jp{font-family:var(--jp);color:var(--matcha-deep);margin-left:4px}.sheet__brew{background:var(--washi);border-radius:14px;gap:8px;padding:14px 16px;font-size:.94rem;display:grid}.sheet__brew b{font-family:var(--hand);color:var(--matcha-deep);font-size:1.05rem;font-weight:700;display:block}.sheet__packs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sheet__packs button{text-align:left;transition:background .6s var(--ease-soft), border-color .6s var(--ease-soft), color .6s var(--ease-soft);border:1.5px solid #1c2a1e33;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.sheet__packs button[aria-checked=true]{background:var(--ink);color:var(--washi);border-color:var(--ink)}.sheet__packs b{font-size:.92rem;font-weight:600}.sheet__packs small{opacity:.7;font-size:.74rem}.sheet__packs em{font-variant-numeric:tabular-nums;margin-top:4px;font-style:normal;font-weight:600}.sheet__add{width:100%}@media (width<=1080px){.finder{grid-template-columns:1fr;grid-template-areas:"head""qs""res"}}@media (width<=760px){.sh-hero{grid-template-rows:none;grid-template-columns:1fr;min-height:auto;padding-top:100px}.sh-hero__title{font-size:clamp(3.4rem,19vw,5.6rem)}.sh-hero__lede{margin-top:14px;font-size:1rem}.sh-hero__jp{--em:70vw;top:calc(18vh - var(--em) * .224);right:-18vw}.spectrum{height:210px;margin:4vh calc(var(--gutter) * -1) 0;padding:0 var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none;gap:6px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 46px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 46px),#0000)}.spectrum::-webkit-scrollbar{display:none}.slice{scroll-snap-align:start;border-radius:12px;flex:none;width:64px}.slice:before{height:24%;top:-12%}.slice__v{opacity:.9;max-height:76%;font-size:.86rem;bottom:12px}.slice:hover,.slice:focus-visible{flex:none;translate:0}.slice__txt{display:none}.slice:focus-visible .slice__v,.slice:hover .slice__v{opacity:.9}.slice{transition:scale .35s var(--ease)}.slice:active{scale:.95}.spectrum__note{justify-self:start;font-size:.95rem}.finder__match{grid-template-columns:1fr;justify-items:start}.finder__match .bowl{width:150px}.sh-bar{gap:10px;padding-top:74px}.chips{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter);width:calc(100% + var(--gutter) * 2);flex-wrap:nowrap;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{flex:none}.sh-count{margin-left:0}.sh-grid{grid-template-columns:1fr 1fr;gap:10px}.tea{border-radius:14px;padding:6px}.tea__name{font-size:1.2rem}.tea__taste{display:none}.tea__price{font-size:1.15rem}.tea__add{width:38px;height:38px}.tea__maker span{display:none}.tea__badge{font-size:.78rem}.sh-grid.is-map{height:560px}.sh-grid.is-map .tea{width:76px}.sh-grid.is-map .tea__pin{font-size:.78rem}.quad{display:none}.ax{font-size:.72rem}.sheet__packs{gap:6px}.sheet__packs button{text-align:center;border-radius:14px;justify-items:center;padding:10px 8px 11px}.sheet__packs b{font-size:.86rem}.sheet__packs small{font-size:.7rem}.sheet__packs em{margin-top:2px;font-size:.86rem}.dd__list{min-width:min(300px,100vw - 32px)}}.cursor.is-3d .cursor__ring{--rs:50px}.cursor.is-3d .cursor__ring:before{background:color-mix(in srgb, var(--froth) 20%, transparent);border-color:var(--froth);opacity:.95}.cursor.is-3d .cursor__label{color:var(--froth);text-shadow:0 1px 6px #14280a73;font-size:.98rem}