@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--black:#141312;--cream:#f3eee6;--green:#143d0f;--night:#0b0705;--side:clamp(236px, 26vw, 420px);--pad:5.2vmin;--ease:cubic-bezier(.16, 1, .3, 1);--dwell:8s}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--black);-webkit-text-size-adjust:100%;height:100%;margin:0;overflow:hidden}body{color:var(--cream);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;font-family:Archivo Variable,system-ui,sans-serif;line-height:1.2}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}img,svg{display:block}img{-webkit-user-drag:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus{outline:none}button:focus-visible{outline-offset:-4px;outline:2px solid}em{letter-spacing:-.01em;font-family:Instrument Serif,Times New Roman,serif;font-size:1.1em;font-style:italic;font-weight:400;line-height:1}.mesa{grid-template-columns:minmax(0, 1fr) var(--side);opacity:0;display:grid;position:fixed;inset:0}.ready .mesa{opacity:1}.motion .mesa{transition:opacity .7s}.stage{background:var(--black);min-width:0;min-height:0;position:relative;overflow:hidden}.scene{opacity:0;visibility:hidden;padding:calc(var(--pad) + env(safe-area-inset-top)) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom)) calc(var(--pad) + env(safe-area-inset-left));position:absolute;inset:0;overflow:hidden}.scene.is-on{opacity:1;visibility:visible;z-index:1}.motion .scene{transition:opacity .7s,visibility 0s .7s}.motion .scene.is-on{transition:opacity .7s,visibility}.motion [data-i]{opacity:0;transition:opacity .3s,transform 0s .4s;transform:translateY(2.4vmin)}.motion .is-on [data-i]{opacity:1;transition:opacity .8s var(--ease), transform 1s var(--ease);transition-delay:calc(.18s + var(--i,0) * 90ms);transform:none}[data-i="1"]{--i:1}[data-i="2"]{--i:2}[data-i="3"]{--i:3}.motion .photo{transition:transform 0s .8s;transform:scale(1.05)}.motion .is-on .photo{transition:transform 9s cubic-bezier(.2,.6,.3,1);transform:none}.title{letter-spacing:-.04em;text-wrap:balance;font-size:10.6vmin;font-weight:600;line-height:1.02}.sub{letter-spacing:-.02em;text-wrap:pretty;opacity:.8;max-width:30em;margin-top:2.6vmin;font-size:3.5vmin;line-height:1.26}.fine{letter-spacing:-.01em;opacity:.62;font-size:max(11px,1.9vmin)}.scene--start{flex-direction:column;justify-content:space-between;gap:3vmin;display:flex}.start__logo{width:auto;max-width:100%;min-height:0;fill:var(--cream);flex:1 1 0;align-self:flex-start;margin-left:-1vmin}.scene--start .title{font-size:9.6vmin}.carte{z-index:1;width:min(50.5vmin,56%);position:relative}.carte__name{margin-left:-.5vmin;font-size:19vmin;font-weight:400;line-height:.98}.carte__name em{letter-spacing:-.02em;font-size:1em}.items{margin-top:1.6vmin}.items li{border-top:1px solid var(--rule);grid-template-columns:14.6vmin minmax(0,1fr);align-items:center;column-gap:1.6vmin;padding:1.9vmin 0;display:grid}.grams{letter-spacing:-.03em;white-space:nowrap;font-size:2.8vmin;font-weight:500;line-height:1}.grams b{letter-spacing:-.055em;font-size:7.4vmin;font-weight:600}.grams small{letter-spacing:-.01em;opacity:.66;margin-top:.3vmin;font-size:max(11px,1.9vmin);font-weight:400;display:block}.name{letter-spacing:-.03em;text-wrap:balance;font-size:3.5vmin;font-weight:500;line-height:1.14}.name small{letter-spacing:-.015em;opacity:.66;margin-top:.5vmin;font-size:max(12px,2.5vmin);font-weight:400;display:block}.scene--cafes,.scene--shakes{flex-direction:column;justify-content:space-between;display:flex}.scene--cafes .fine,.scene--shakes .fine{z-index:1;width:min(50vmin,52%);position:relative}.scene .photo{transform-origin:62% 100%;max-width:none;position:absolute}.scene--cafes{--rule:#14131233;color:var(--black);background:linear-gradient(90deg,#e6d9ce,#dbcdbf 80%)}.scene--cafes .photo{-webkit-mask-composite:source-in;width:auto;height:min(100%,112vmin);bottom:0;right:calc(50% - 79vmin);-webkit-mask-image:linear-gradient(90deg,#0000,#000 26%),linear-gradient(#0000,#000 14%);mask-image:linear-gradient(90deg,#0000,#000 26%),linear-gradient(#0000,#000 14%);-webkit-mask-composite:source-in;mask-composite:intersect}.scene--shakes{--rule:#f3eee633;background:var(--night)}.scene--shakes .photo{-webkit-mask-composite:source-in;width:auto;height:min(88%,96vmin);bottom:0;right:calc(50% - 67vmin);-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#0000,#000 14%);mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#0000,#000 14%);-webkit-mask-composite:source-in;mask-composite:intersect}.scene--snacks{--rule:#14131233;background:var(--cream);color:var(--black);flex-direction:column;padding:0;display:flex}.snacks__photo{flex:1 1 0;min-height:0;position:relative;overflow:hidden}.scene--snacks .photo{object-fit:cover;object-position:50% 40%;transform-origin:50%;width:100%;height:100%;inset:0}.scene--snacks .carte{width:auto;padding:2.4vmin var(--pad) calc(var(--pad) * .8 + env(safe-area-inset-bottom));flex:none}.scene--snacks .carte__name{font-size:12.5vmin}.scene--snacks .items{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3vmin;margin-top:1.4vmin;display:grid}.scene--snacks .items li{grid-template-columns:1fr;align-content:start;row-gap:1.2vmin}.scene--snacks .fine{margin-top:1.6vmin}.scene--club{background:var(--green);flex-direction:column;justify-content:space-between;gap:3vmin;display:flex}.club__top{justify-content:space-between;align-items:flex-start;gap:3vmin;display:flex}.club__top .title{flex:1 1 0;min-width:0;padding-top:.6vmin;font-size:9.4vmin}.club__card{aspect-ratio:1.58;background:var(--black);border-radius:2.4vmin;flex:none;width:min(42vmin,46%);margin:1.4vmin 1.4vmin 0 0;position:relative;rotate:-4deg;box-shadow:0 3vmin 6vmin -2vmin #041203d9}.club__card svg{width:36%;fill:var(--cream);position:absolute;top:8%;right:7%}.club__card p{letter-spacing:-.03em;line-height:1.05;position:absolute;bottom:9%;left:7%}.club__card span{opacity:.7;font-size:1.8vmin;display:block}.club__card strong{letter-spacing:-.04em;font-size:3.2vmin;font-weight:600;display:block}.stamps{grid-template-columns:repeat(5,1fr);gap:1.6vmin;width:min(100%,86vmin);display:grid}.stamp{aspect-ratio:1;border:max(1.5px, .2vmin) solid var(--cream);background:var(--cream);border-radius:50%;place-items:center;display:grid}.stamp svg{width:58%;fill:var(--green)}.motion .stamp{background:0 0;border-color:#f3eee66b;transition:background-color .2s,border-color .2s}.motion .stamp svg{opacity:0;transition:opacity .1s,transform 0s .2s;transform:scale(.4)rotate(-30deg)}.motion .is-on .stamp{background:var(--cream);border-color:var(--cream);transition-delay:calc(.7s + var(--n) * .22s)}.motion .is-on .stamp svg{opacity:1;transition:opacity .2s, transform .5s var(--ease);transition-delay:calc(.7s + var(--n) * .22s);transform:none}.scene--club .sub{opacity:.9;max-width:34em;margin-top:0}.scene--club .sub b{margin-bottom:.6vmin;font-weight:600;display:block}.scene--store{background:var(--black);flex-direction:column;justify-content:flex-end;display:flex}.scene--store .photo{object-fit:cover;object-position:54% 40%;transform-origin:50% 40%;width:100%;height:100%;inset:0}.scene--store:after{content:"";background:linear-gradient(#0000,#0a0908f0 62%);position:absolute;inset:34% 0 0}.store__text{z-index:1;position:relative}.scene--store .sub{opacity:.88}.scene--store .fine{margin-top:1.8vmin}.side{z-index:2;min-height:0;padding:calc(14px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) 22px;background:var(--black);flex-direction:column;justify-content:space-between;gap:16px;display:flex;position:relative}.tabs{flex-direction:column;flex:0 auto;min-height:0;display:flex}.tab{text-align:left;letter-spacing:-.025em;color:#f3eee68f;flex:auto;align-items:center;gap:8px;height:7.2vh;min-height:44px;max-height:64px;font-size:clamp(1rem,2.5vmin,1.5rem);font-weight:500;display:flex;position:relative}.tab span{display:inline-block}.motion .tab{transition:color .4s}.motion .tab span{transition:transform .5s var(--ease)}.tab:active span{transform:scale(.97)}.tab.is-on{color:var(--cream)}.tab svg{fill:currentColor;flex:none;width:1.15em;height:1.05em}.tab:after{content:"";background:#f3eee629;height:1px;position:absolute;inset:auto 0 0}.tab i{z-index:1;background:var(--cream);transform-origin:0;height:2px;position:absolute;inset:auto 0 -.5px;transform:scaleX(0)}.tab.is-on i{transform:none}.motion .tab.is-on i{animation:run var(--dwell) linear both}.held .tab.is-on i{animation:none;transform:none}@keyframes run{0%{transform:scaleX(0)}to{transform:none}}.scan{flex:none}.scan__qr{border-radius:10px;width:min(100%,34vh);height:auto}.scan__call{letter-spacing:-.025em;text-wrap:balance;margin-top:12px;font-size:clamp(1.02rem,2.5vmin,1.5rem);line-height:1.16}.scan__call b{font-weight:600;display:block}.scan__url{letter-spacing:-.015em;opacity:.78;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(.82rem,1.75vmin,1.05rem)}.scan__fine{letter-spacing:-.01em;opacity:.5;margin-top:3px;font-size:clamp(.74rem,1.55vmin,.95rem)}@media (orientation:portrait){.mesa{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.side{padding:0 calc(var(--pad) + env(safe-area-inset-right)) calc(2.8vmin + env(safe-area-inset-bottom)) calc(var(--pad) + env(safe-area-inset-left));gap:2.4vmin}.tabs{flex-direction:row;gap:2.4vmin}.tab{flex:1 1 0;justify-content:center;height:auto;min-height:56px}.tab--brand{flex:none;padding:0 1.4vmin}.tab--brand span{display:none}.tab--brand svg{width:1.5em;height:1.35em}.scan{align-items:center;gap:4vmin;display:flex}.scan__qr{flex:none;width:clamp(140px,26vmin,300px)}.scan__call{margin-top:0;font-size:clamp(1.15rem,4.4vmin,2.5rem)}.scan__url{font-size:clamp(.88rem,2.5vmin,1.4rem)}.scan__fine{font-size:clamp(.76rem,2vmin,1.1rem)}}@media (orientation:landscape) and (height<=620px){.tabs{display:none}.side{justify-content:center}.scan__qr{width:min(100%,52vh)}}