:root{--stone-1:#faf9f7;--stone-2:#faf9f7;--stone-3:#f6f4f1;--stone-4:#edebe7;--paper:#faf9f7;--stone:var(--stone-2);--stone-deep:var(--stone-3);--sand:#c9c9c3;--umber:#8a8a84;--ink:#1e1e1c;--matcha-ink:#2c4a38;--matcha:#4e8a1e;--matcha-soft:#79b23e;--gold:#c9ae79;--spike-light:#b5e068;--spike-mid:#78c02f;--spike-deep:#4f9a1c;--gold-light:#f4ead7;--gold-mid:#e4d2ac;--gold-deep:#d5c198;--text:#232321;--text-mid:#6a6a64;--text-faint:#9a9a92;--rule:#1e1e1c1f;--font-display:"Questrial", "Helvetica Neue", sans-serif;--font-latin:"Questrial", "Helvetica Neue", sans-serif;--font-ja:"Shippori Mincho", "Hiragino Mincho ProN", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.45, 0, .55, 1);--ease-fall:cubic-bezier(.55, .06, .68, .19);--ease-emerge:cubic-bezier(.24, .62, .16, 1);--t:1;--px:50vw;--py:44vh;--edge:clamp(1.35rem, 3.6vw, 3.25rem)}*,:before,:after{box-sizing:border-box}html,body{height:100vh;overscroll-behavior:none;height:100dvh;margin:0;padding:0;overflow:hidden}body{background:var(--stone);color:var(--text);font-family:var(--font-latin);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:300;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}::selection{background:#2c4a382e}:focus-visible{outline:1px solid var(--matcha);outline-offset:6px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ground{z-index:0;pointer-events:none;background: radial-gradient(48% 36% at 50% 26%, #f6ebe075 0%, #f6ebe000 72%),  radial-gradient(56% 48% at 0% 0%, #7664563d 0%, #76645600 64%), radial-gradient(58% 50% at 100% 100%, #6e5d5045 0%, #6e5d5000 62%), radial-gradient(48% 42% at 100% 0%, #7664562e 0%, #76645600 62%), radial-gradient(48% 42% at 0% 100%, #6e5d5033 0%, #6e5d5000 62%),  linear-gradient(179deg, var(--stone-1) 0%, #d8c6b8 22%, var(--stone-3) 50%, var(--stone-2) 70%, #c2ac9c 88%, var(--stone-4) 100%);position:fixed;inset:0}.vignette{z-index:2;pointer-events:none;background:radial-gradient(108% 96% at 50% 42%,#605c5400 46%,#605c5417 78%,#4a474030 100%);position:fixed;inset:0}.waves{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.waves__spill{color:var(--gold-deep);opacity:.46;mix-blend-mode:screen}.waves__halo{color:var(--gold-mid);opacity:.7;mix-blend-mode:screen}.waves__core{color:var(--gold-light);opacity:.86;mix-blend-mode:screen}.light{z-index:3;pointer-events:none;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.light--warm{width:62vmax;height:62vmax;transform:translate3d(var(--px), var(--py), 0);mix-blend-mode:soft-light;opacity:.28;background:radial-gradient(circle closest-side,#fff0d2e6 0%,#ffeac44d 40%,#ffe8c000 70%);margin:-31vmax 0 0 -31vmax}.light--amber{filter:blur(44px);mix-blend-mode:screen;opacity:0;background:radial-gradient(circle closest-side,#d6b06c33 0%,#d6b06c17 46%,#d6b06c00 74%);width:52vmax;height:52vmax;margin:-26vmax 0 0 -26vmax;top:26%;left:50%}body.is-live .light--amber{animation:breathe 15s var(--ease-soft) infinite}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.sheen{z-index:4;pointer-events:none;transform:translate3d(var(--sx,0px), 0, 0);will-change:transform;filter:blur(16px);mix-blend-mode:soft-light;opacity:.26;background:linear-gradient(103deg,#fff3db00 30%,#fff3db6b 43%,#fff6e2cc 49.5%,#fff3db6b 56%,#fff3db00 69%);position:fixed;inset:-25%}.grain{z-index:5;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='1' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23s)'/%3E%3C/svg%3E");background-size:260px 260px;position:fixed;inset:-50%}.grain:after{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:0}.stage{z-index:6;height:100vh;height:100dvh;padding:calc(var(--edge) + env(safe-area-inset-top)) var(--edge) calc(var(--edge) + env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;display:grid;position:relative}.rail{justify-content:space-between;align-items:center;gap:1rem;display:flex}.rail--foot{justify-content:flex-end;align-items:flex-end}.micro{font-family:var(--font-latin);letter-spacing:.34em;text-transform:uppercase;color:var(--text-mid);white-space:nowrap;margin:0;font-size:clamp(.5rem,1.02vw,.625rem);font-weight:300}.micro--faint{color:var(--text-faint)}.lang{align-items:center;gap:.85em;display:inline-flex}.lang__opt{font:inherit;letter-spacing:inherit;color:var(--text-faint);transition:color .5s var(--ease-out), opacity .5s var(--ease-out);margin:-.7em -.25em;padding:.7em .25em}.lang__opt[aria-pressed=true],.lang__opt:hover{color:var(--text)}.lang__bar{background:var(--rule);width:1px;height:.72em}.core{--logo:clamp(.55rem, 1.43vw, 1.14rem);will-change:transform;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out), filter .9s var(--ease-out);place-content:center;justify-items:center;gap:0;display:grid}.mark{width:auto;height:min(calc(var(--logo) * 8.2), 42vh);max-width:34vw;margin-bottom:calc(var(--logo) * 1.19);color:var(--matcha);display:block;overflow:visible}.mark--img{image-rendering:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mark__drop{transform-box:fill-box;transform-origin:50%;opacity:0;transform:translateY(-118px)}.mark__dot{transform-box:fill-box;transform-origin:50%;transform:scale(1)}.mark__ring{vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%}.mark__ring--1{opacity:.88}.mark__ring--2{opacity:.5}.mark__ring--3{opacity:.26}.mark__wave{opacity:0;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke}.wordmark{font-family:var(--font-display);font-weight:400;font-size:var(--logo);letter-spacing:.3em;color:#52524c;gap:.62em;margin:0;line-height:.94;display:flex;position:relative}.wordmark__w{display:flex}.wordmark__w>.wordmark__l:last-child{margin-right:-.3em}.wordmark__tm{font-family:var(--font-latin);letter-spacing:0;color:var(--text-mid);will-change:transform, opacity;margin-top:.12em;margin-left:.26em;font-size:.3em;font-weight:300;line-height:1;position:absolute;top:0;left:100%}.wordmark__l{transform-origin:50% 62%;will-change:transform, opacity, filter;padding-bottom:.06em;display:block}.wordmark__l>span{display:block}.menu{flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,5.2vw,4.2rem);display:flex}.menu__item{font-family:var(--font-latin);letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:var(--text-mid);transition:color .55s var(--ease-out), letter-spacing .55s var(--ease-out), filter .4s var(--ease-out), opacity .4s var(--ease-out);padding:.55em 0;font-size:clamp(.56rem,1.14vw,.72rem);font-weight:300;position:relative}.menu__item:after{content:"";transform-origin:100%;height:1px;transition:transform .6s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:.28em;transform:scaleX(0)}@media (hover:hover){.menu__item:hover{color:var(--matcha)}.menu__item:hover:after{transform-origin:0;transform:scaleX(1)}.menu:hover .menu__item:not(:hover){color:var(--text-faint);opacity:.5}}.veil{z-index:7;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s var(--ease-out), visibility 0s linear .8s;background:#faf9f7eb;position:fixed;inset:0}.sheet{z-index:8;visibility:hidden;pointer-events:none;grid-template-rows:1fr;display:grid;position:fixed;inset:0}.sheet__scroll{-webkit-overflow-scrolling:touch;padding:calc(var(--edge) * 1.9 + env(safe-area-inset-top)) var(--edge) calc(var(--edge) * 1.6 + env(safe-area-inset-bottom));align-content:safe center;justify-items:start;display:grid;overflow-y:auto}.sheet__inner{width:min(100%,40rem);margin:0 auto}.sheet__inner>[data-lang=en]{margin-bottom:clamp(1.8rem,4vw,2.8rem)}body.is-open .veil{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s var(--ease-out), visibility 0s}body.is-open .core{opacity:.07;filter:blur(1.5px);transform:scale(.975)}body.is-open .menu,body.is-open .rail{opacity:.16;transition:opacity .7s var(--ease-out)}.sheet.is-active{visibility:visible;pointer-events:auto}.rise{opacity:0;will-change:transform, opacity;transform:translateY(16px)}.sheet.is-active .rise{animation:rise 1.05s var(--ease-out) both;animation-delay:.12s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.sheet__label{font-family:var(--font-latin);letter-spacing:.36em;text-transform:uppercase;color:var(--text-faint);margin:0 0 clamp(1.6rem,4vw,2.6rem);font-size:clamp(.5rem,1.02vw,.625rem);font-weight:300}.sheet__title{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);margin:0 0 clamp(1.5rem,3.6vw,2.4rem);font-size:clamp(1.9rem,5.2vw,3.4rem);font-weight:400;line-height:1.16}[data-lang=ja] .sheet__title{font-family:var(--font-ja);letter-spacing:.14em;font-weight:400}.sheet__lead{max-width:34rem;font-family:var(--font-ja);letter-spacing:.07em;color:var(--text);margin:0 0 clamp(1.4rem,3vw,2rem);font-size:clamp(.9rem,1.7vw,1.06rem);line-height:2.15}[data-lang=en] .sheet__lead,[data-lang=en] .sheet__body p,.sheet__lead[data-lang=en],.sheet__body p[data-lang=en]{font-family:var(--font-latin);letter-spacing:.015em;font-weight:300;line-height:1.95}.sheet__body p{max-width:34rem;font-family:var(--font-ja);letter-spacing:.07em;color:var(--text-mid);margin:0 0 1.5em;font-size:clamp(.8rem,1.5vw,.92rem);line-height:2.3}.sheet__body p:last-child{margin-bottom:0}.goods{border-top:1px solid var(--rule);max-width:34rem;margin:0}.goods__row{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:baseline;gap:1.4rem;padding:1.35rem 0;display:grid}.goods__name{font-family:var(--font-ja);letter-spacing:.08em;color:var(--text);font-size:clamp(.86rem,1.6vw,1rem)}[data-lang=en] .goods__name,[data-lang=en] .goods__note{font-family:var(--font-latin);letter-spacing:.04em}.goods__note{font-family:var(--font-ja);letter-spacing:.06em;color:var(--text-faint);margin-top:.5em;font-size:clamp(.7rem,1.3vw,.8rem);line-height:1.9;display:block}.goods__price{font-family:var(--font-latin);letter-spacing:.1em;color:var(--text-mid);white-space:nowrap;font-size:clamp(.76rem,1.4vw,.88rem);font-weight:300}.facts{border-top:1px solid var(--rule);max-width:34rem;margin:0}.facts__row{border-bottom:1px solid var(--rule);grid-template-columns:8.5rem 1fr;gap:1rem;padding:1.1rem 0;display:grid}.facts dt{font-family:var(--font-latin);letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);padding-top:.35em;font-size:clamp(.5rem,1vw,.6rem);font-weight:300}.facts dd{font-family:var(--font-ja);letter-spacing:.08em;color:var(--text);margin:0;font-size:clamp(.82rem,1.5vw,.94rem)}[data-lang=en] .facts dd{font-family:var(--font-latin);font-weight:300}.pull{font-family:var(--font-latin);letter-spacing:.24em;text-transform:uppercase;color:var(--matcha);margin-top:.4rem;padding-bottom:.3em;font-size:clamp(.62rem,1.2vw,.74rem);font-weight:300;display:inline-block;position:relative}.pull:after{content:"";opacity:.4;transform-origin:0;height:1px;transition:transform .6s var(--ease-out), opacity .6s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0}@media (hover:hover){.pull:hover:after{opacity:1;transform:scaleX(1.04)}}.pull>[data-lang=ja]{font-family:var(--font-ja);letter-spacing:.2em}.pull--mail{font-family:var(--font-display);letter-spacing:.1em;text-transform:none;font-size:clamp(1.05rem,2.6vw,1.6rem)}.plate{width:min(100%,15rem);color:var(--sand);margin:clamp(1.4rem,3.4vw,2.2rem) 0 0}.plate__pin{color:var(--matcha)}.close{top:calc(var(--edge) + env(safe-area-inset-top));right:var(--edge);z-index:9;width:2.6rem;height:2.6rem;color:var(--text-mid);opacity:0;visibility:hidden;transition:opacity .6s var(--ease-out), visibility 0s linear .6s, color .5s var(--ease-out);place-items:center;display:grid;position:fixed}body.is-open .close{opacity:1;visibility:visible;transition:opacity .6s var(--ease-out) .25s, visibility 0s, color .5s var(--ease-out)}.close svg{width:100%;height:100%;transition:transform .7s var(--ease-out)}@media (hover:hover){.close:hover{color:var(--matcha)}.close:hover svg{transform:rotate(90deg)}}body.is-intro .mark__drop{animation:drop calc(.62s * var(--t)) var(--ease-fall) calc(.3s * var(--t)) both}@keyframes drop{0%{opacity:0;transform:translateY(-118px)scaleY(1.35)scaleX(.8)}18%{opacity:1}88%{opacity:1;transform:translateY(-4px)scaleY(1.1)scaleX(.92)}to{opacity:0;transform:translateY(0)scaleY(.4)scaleX(1.5)}}body.is-intro .mark__dot{animation:dot calc(1.05s * var(--t)) var(--ease-emerge) calc(.9s * var(--t)) both}@keyframes dot{0%{opacity:0;transform:scale(0)}30%{opacity:1}42%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}body.is-intro .mark__ring--1{animation:ring1 calc(1.15s * var(--t)) var(--ease-out) calc(.94s * var(--t)) both}body.is-intro .mark__ring--2{animation:ring2 calc(1.35s * var(--t)) var(--ease-out) calc(1.04s * var(--t)) both}body.is-intro .mark__ring--3{animation:ring3 calc(1.55s * var(--t)) var(--ease-out) calc(1.14s * var(--t)) both}@keyframes ring1{0%{opacity:0;transform:scale(.08)}22%{opacity:.88}to{opacity:.88;transform:scale(1)}}@keyframes ring2{0%{opacity:0;transform:scale(.045)}22%{opacity:.5}to{opacity:.5;transform:scale(1)}}@keyframes ring3{0%{opacity:0;transform:scale(.03)}22%{opacity:.26}to{opacity:.26;transform:scale(1)}}body.is-intro .mark--img,body.is-intro .wordmark,body.is-intro .menu__item{animation:riseSoft calc(1.3s * var(--t)) var(--ease-emerge) calc(.1s * var(--t)) both}@keyframes riseSoft{0%{opacity:0;transform:translateY(14px)}}body.is-done .wordmark__l{opacity:1;filter:none;transform:none}body.is-done .wordmark__tm,body.is-done .micro,body.is-done .lang,body.is-done .menu__item{opacity:1;transform:translateY(0)}@media (orientation:portrait){:root{--gold-light:#f4ead7;--gold-mid:#e4d2ac;--gold-deep:#d5c198}.waves__spill{opacity:.22}.waves__halo{opacity:.48}.waves__core{opacity:.8}.core{padding-top:25vh;align-content:start;padding-top:25dvh}}@media (max-width:640px){:root{--edge:1.35rem}.core{--logo:clamp(.62rem, 3.52vw, 1rem)}.rail{gap:.75rem}.micro{letter-spacing:.24em;font-size:.58rem}.menu{grid-template-columns:repeat(2,minmax(0,8.2rem));justify-content:center;gap:.1rem 1.2rem;display:grid}.menu__item{letter-spacing:.22em;text-indent:.22em;text-align:center;padding:.95em .2em;font-size:.68rem}.facts__row{grid-template-columns:1fr;gap:.45rem}}.menu__item,.lang__opt,.close,.pull,.social{touch-action:manipulation;-webkit-tap-highlight-color:#2c4a3824}@media (min-width:641px) and (max-width:1024px){.core{--logo:clamp(.85rem, 2.3vw, 1.3rem)}}@media (max-height:520px){.core{--logo:clamp(.45rem, 1.14vw, .84rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.light--warm{transform:translate(50vw,44vh)!important}.sheen{transform:none!important}.stage,.waves{animation:calmIn 1.2s var(--ease-out) both!important}}@keyframes calmIn{0%{opacity:0}to{opacity:1}}.waves{display:none}
