@charset "UTF-8";
:root{--ink:#303b29;--cream:#fff5d9;--sun:#f3cb4f;--red:#c24629;--conversion-accent:#b64c2c;--conversion-paper:#fff5d9;--conversion-ink:#303b29;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;padding-bottom:68px}html{scroll-behavior:smooth;scroll-padding-top:35px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #963a2f;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-70px;left:20px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:15px}h1,h2,h3,p{margin:0}.mogu-header{position:absolute;z-index:10;inset:0 0 auto;display:flex;justify-content:space-between;align-items:start;padding:30px 3.5%}.mogu-logo{font-family:Georgia,serif;font-size:45px;line-height:.8;letter-spacing:-.08em;font-weight:900}.mogu-logo>span{font:8px/1.6 Arial,sans-serif;letter-spacing:.05em;display:block;margin:12px 0 0 4px}.mogu-header>div{display:flex;gap:23px;align-items:center}.mogu-header>div>a{font-size:10px}.mogu-header button{width:58px;height:58px;border:2px solid var(--ink);border-radius:50%;background:var(--cream);display:grid;align-content:center;gap:6px;padding:0 15px}.mogu-header button>span{height:2px;background:var(--ink)}#mogu-menu{position:fixed;inset:20px 20px auto auto;background:var(--ink);color:var(--cream);z-index:90;padding:65px 45px 35px;border-radius:44% 8px 8px 8px;width:min(510px,calc(100% - 40px));box-shadow:10px 10px 0 #eebc44;transform:rotate(1deg)}#mogu-menu>a{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid #fff5;font-weight:700;font-size:22px}#mogu-menu small{font-weight:400;font-size:9px;letter-spacing:.1em;margin-top:5px}#menu-close{position:absolute;right:17px;top:12px;background:none;color:var(--cream);border:0;font-size:34px;width:44px;height:44px}.mogu-world{height:calc(100svh - 28px);min-height:750px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:var(--sun);background-image:radial-gradient(#79642918 .7px,transparent .7px);background-size:4px 4px}.sunburst{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#fff09899,transparent 60%);z-index:-1}.world-word{position:absolute;top:18%;left:2%;width:96%;display:flex;justify-content:center;align-items:baseline;color:var(--cream);font:900 clamp(140px,31vw,530px)/.7 Georgia,serif;letter-spacing:-.09em;transform:rotate(-6deg);user-select:none}.world-word span:nth-child(2){transform:rotate(8deg) translateY(-7%)}.world-word span:nth-child(3){transform:rotate(-8deg)}.world-word b{font-size:.6em;padding-left:.1em;transform:rotate(9deg)}.world-edition{position:absolute;top:160px;right:4%;font:9px/1.6 Arial;letter-spacing:.13em;transform:rotate(8deg)}.hero-food{position:absolute;left:25%;top:8%;width:52%;height:100%;transform:rotate(-9deg);transform-origin:center bottom;transition:transform .8s cubic-bezier(.2,.6,.2,1);will-change:transform}.hero-food>img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(20px 25px 15px #67431d28);z-index:2}.food-shadow{position:absolute;inset:auto 0 0;height:10%;background:#80521c14;border-radius:50%;filter:blur(20px)}.hero-caption{position:absolute;left:4%;bottom:15%;z-index:3;transform:rotate(-4deg)}.hero-caption>p{font-size:11px;margin-bottom:15px}.hero-caption h1{font-size:clamp(28px,3.9vw,56px);font-weight:800;line-height:1.5;letter-spacing:.06em}.round-stamp{position:absolute;right:4%;bottom:20%;height:140px;width:140px;border:2px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(13deg);background:var(--cream);box-shadow:7px 7px 0 var(--ink)}.round-stamp>span{font-size:13px;line-height:1.35;font-weight:700;text-align:center}.round-stamp>b{font-size:32px;line-height:1}.lemon-sticker{position:absolute;right:20%;bottom:4%;width:97px;height:100px;border:2px solid var(--ink);border-radius:43% 57% 38% 62%;background:#dced76;z-index:4;transform:rotate(15deg);box-shadow:5px 6px 0 #29382133}.lemon-eyes{letter-spacing:12px;font-size:25px;padding-left:10px}.lemon-sticker>b{display:block;font-size:35px;line-height:15px;font-weight:400}.lemon-sticker small{font:700 10px Arial;display:block;margin-top:15px}.lemon-speech{position:absolute;bottom:14%;right:14%;padding:12px 18px;background:var(--cream);font-size:11px;border-radius:50%;transform:rotate(-8deg);z-index:4}.photo-note{position:absolute;bottom:20px;left:4%;font-size:7px;letter-spacing:.1em}.world-scroll{position:absolute;right:4%;bottom:30px;font-size:11px;display:flex;align-items:center;gap:20px}.world-scroll>span{font-size:30px}.ticker{background:var(--ink);color:var(--cream);padding:17px 0;overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.ticker>div{white-space:nowrap;font-size:24px;font-weight:800;letter-spacing:.09em;width:max-content;animation:mogu-ticker 24s linear infinite}@keyframes mogu-ticker{to{transform:translateX(-33.333%)}}.small-label{font-size:10px;letter-spacing:.12em;font-weight:700}.flavor-world{padding:110px 8% 95px;position:relative;display:grid;grid-template-columns:38% 62%;gap:20px;background:#e3764c;border-bottom:2px solid var(--ink);overflow:hidden}.flavor-world:before{content:'';position:absolute;top:-30px;left:0;right:0;height:60px;background:radial-gradient(ellipse at center,#303b29 40%,transparent 41%) 0 0/110px 50px repeat-x}.flavor-intro{align-self:center;padding-bottom:40px}.flavor-intro h2{font-size:clamp(30px,4.4vw,62px);line-height:1.6;letter-spacing:.04em;margin:25px 0}.flavor-intro h2 em{font-style:normal;border-bottom:3px solid var(--ink);display:inline-block;transform:rotate(-4deg)}.flavor-intro p{font-size:13px;line-height:2.2}.flavor-carousel{position:relative;text-align:center;padding:55px 35px 10px}.orbit-word{position:absolute;top:0;left:0;right:0;font-family:Georgia,serif;font-size:clamp(28px,4.2vw,60px);font-weight:bold;letter-spacing:-.03em;transform:rotate(7deg);color:var(--cream)}.pita-drawing{max-width:430px;margin:auto;transform:rotate(-8deg);transition:transform .6s}.pita-drawing svg{width:100%;display:block}.flavor-carousel:has([data-flavor=spice][aria-pressed=true]) .pita-drawing{transform:rotate(9deg)}.flavor-carousel:has([data-flavor=herb][aria-pressed=true]) .pita-drawing{transform:rotate(-3deg)}.flavor-buttons{display:flex;justify-content:center;gap:12px;position:relative}.flavor-buttons button{border:1.5px solid var(--ink);border-radius:50%;height:83px;width:83px;background:var(--cream);font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;transition:transform .25s,box-shadow .25s}.flavor-buttons button[aria-pressed=true]{box-shadow:4px 5px 0 var(--ink);transform:translateY(-8px);background:#f4d259}.taste-dot{width:18px;height:18px;border:1px solid var(--ink);border-radius:50%}.taste-dot.lemon{background:#f2cf46}.taste-dot.spice{background:#ac412d}.taste-dot.herb{background:#558257}.flavor-caption{margin-top:35px;min-height:100px}.flavor-caption>span{font-size:9px;letter-spacing:.12em}.flavor-caption h3{font-size:24px;margin:8px 0}.flavor-caption>p{font-size:11px;line-height:1.9}.flavor-counter{position:absolute;bottom:32px;left:8%;font:10px monospace}.picnic-world{background:#d9e8b8;padding:100px 8% 110px;position:relative}.picnic-heading{text-align:center}.picnic-heading h2{font-size:clamp(30px,4vw,56px);line-height:1.6;margin:20px 0;transform:rotate(-2deg)}.picnic-heading h2>span{display:inline-block;padding:0 12px;background:var(--cream)}.picnic-heading>p{font-size:12px;line-height:2}.bag-workspace{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px;align-items:center}.paper-bag{position:relative;height:500px;transform:rotate(-6deg)}.bag-handle{width:160px;height:130px;border:18px solid #ae753e;border-radius:70px 70px 0 0;position:absolute;left:50%;top:70px;transform:translateX(-50%);box-shadow:inset 1px 0 #61472d}.bag-contents{position:absolute;left:8%;right:0;top:120px;height:180px;display:flex;align-items:end;justify-content:center}.bag-contents>span{font-size:90px;filter:drop-shadow(4px 5px 0 #2e392333);transition:transform .45s}.bag-contents>.bag-pita{font-size:125px;transform:rotate(-10deg);z-index:2}.bag-contents>.bag-side{transform:rotate(16deg);margin-left:-18px}.bag-contents>.bag-drink{transform:rotate(-20deg);margin-left:-20px;margin-bottom:40px}.bag-front{position:absolute;left:7%;right:0;bottom:16px;height:240px;background:#c69052;border:2px solid #845e3a;clip-path:polygon(0 2%,4% 0,8% 2%,12% 0,16% 2%,20% 0,24% 2%,28% 0,32% 2%,36% 0,40% 2%,44% 0,48% 2%,52% 0,56% 2%,60% 0,64% 2%,68% 0,72% 2%,76% 0,80% 2%,84% 0,88% 2%,92% 0,96% 2%,100% 0,96% 100%,3% 100%);box-shadow:inset 25px 0 #b98045,inset -20px 0 #b98045;padding:25px 15%;display:flex;flex-direction:column;justify-content:center}.bag-front>strong{font:900 65px/.8 Georgia;color:var(--ink);letter-spacing:-.08em}.bag-front>span{font:10px/1.6 Arial;letter-spacing:.08em;margin-top:20px}.bag-stamp{position:absolute;right:27px;bottom:35px;background:#e9f29c;width:80px;height:80px;border-radius:50%;display:grid;place-content:center;font-size:12px;font-weight:700;line-height:1.3;text-align:center;transform:rotate(10deg)}.bag-preview-note{position:absolute;bottom:-15px;right:5px;font-size:8px;opacity:.65}.bag-order{position:relative;background:var(--cream);padding:25px 30px 30px;box-shadow:9px 10px 0 #7d977155;transform:rotate(3deg);border:1px solid var(--ink);margin:0;min-width:0}.order-top{display:flex;justify-content:space-between;gap:15px;border-bottom:2px dashed var(--ink);padding-bottom:15px;font:8px monospace}.bag-order fieldset{border:0;padding:0;margin:25px 0}.bag-order legend{font-size:13px;font-weight:700;margin-bottom:13px}.bag-order legend b{display:inline-grid;place-items:center;background:var(--ink);color:var(--cream);width:23px;height:23px;border-radius:50%;margin-right:8px}.order-options{display:flex;gap:7px;flex-wrap:wrap}.order-options label{position:relative;cursor:pointer}.order-options input{position:absolute;width:1px;height:1px;opacity:0}.order-options label span{display:block;font-size:11px;padding:10px 13px;border:1px solid var(--ink);border-radius:40px}.order-options input:checked+span{background:var(--ink);color:var(--cream)}.order-options input:focus-visible+span{outline:3px solid #bc492e;outline-offset:3px}.picnic-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-top:2px dashed var(--ink)}.picnic-total>span{font-size:11px}.picnic-total output{font:700 35px Georgia}.summary-label{display:block;font-size:9px;margin:10px 0}#mogu-summary{width:100%;resize:none;padding:10px;border:1px dashed #303b2980;font:11px/1.8 Arial;color:var(--ink);background:none}.order-button{display:flex;justify-content:space-between;width:100%;margin-top:18px;padding:16px;border:0;border-radius:40px;background:var(--red);color:var(--cream);font-size:12px}.order-footnote{font-size:8px;line-height:1.8;margin-top:14px}.visit-world{padding:100px 8%;display:grid;grid-template-columns:45% 1fr;gap:12%;align-items:center;background:var(--cream)}.visit-drawing{height:420px;border:3px solid var(--ink);background:#e7ac75;position:relative;transform:rotate(-5deg)}.awning{height:60px;background:repeating-linear-gradient(90deg,#6e8853 0 25px,#fff4d7 25px 50px);border-bottom:3px solid var(--ink);border-radius:0 0 8px 8px;position:absolute;top:-2px;left:-15px;right:-15px}.shop-sign{font:900 56px Georgia;letter-spacing:-.06em;display:block;text-align:center;margin:78px 0 20px}.shop-window{margin:15px 15%;height:220px;border:3px solid var(--ink);background:#425e4a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cream);font:700 25px/1.15 Georgia;transform:rotate(1deg)}.shop-window b{font:60px Arial;margin-top:14px}.visit-copy h2{font-size:34px;line-height:1.8;margin:20px 0}.visit-copy p{font-size:12px;line-height:2}.visit-copy dl{font-size:10px;border-top:1px solid;margin:25px 0}.visit-copy dl>div{padding:15px 0;border-bottom:1px solid #303b2940}.visit-copy dt{font-size:8px;margin-bottom:6px}.visit-copy dd{margin:0;line-height:1.7}.visit-actions{display:flex;flex-wrap:wrap;gap:10px}.visit-actions button{background:none;border:1px solid var(--ink);border-radius:30px;padding:11px 15px;font-size:10px}footer{background:var(--ink);color:var(--cream);padding:55px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:9px;line-height:1.9}footer>a:last-child{font-size:10px}.pickup-bar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 30px));z-index:20;background:var(--cream);border:2px solid var(--ink);border-radius:50px;display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 25px;gap:20px;box-shadow:0 4px 0 #303b2930}.pickup-bar>span{font-size:8px;letter-spacing:.05em}.pickup-bar b{font:700 22px Georgia;letter-spacing:-.06em;margin-left:14px}.pickup-bar>a{font-size:11px}.pickup-bar>button{padding:11px 25px;border:0;border-radius:30px;background:var(--red);color:var(--cream);font-size:11px}
@media(max-width:850px){.mogu-world{min-height:700px;max-height:900px}.hero-food{width:74%;left:12%;top:5%;height:95%}.world-word{font-size:34vw;top:22%}.hero-caption{bottom:15%;left:5%;}.hero-caption h1{font-size:32px}.round-stamp{width:110px;height:110px;right:4%;bottom:16%}.round-stamp>span{font-size:10px}.lemon-sticker{right:28%;bottom:7%;width:80px;height:85px}.lemon-speech{right:13%;bottom:21%;}.flavor-world{padding:85px 6% 60px;grid-template-columns:1fr 1.1fr}.flavor-carousel{padding:55px 0 0}.flavor-intro h2{font-size:34px}.flavor-intro p{font-size:11px}.flavor-buttons{gap:6px}.flavor-buttons button{width:70px;height:70px}.bag-workspace{gap:5%}.bag-order{padding:23px 22px}.paper-bag{height:450px}.bag-contents>span{font-size:65px}.bag-contents>.bag-pita{font-size:90px}.bag-front{height:205px;padding-left:12%}.bag-front>strong{font-size:50px}.bag-stamp{width:65px;height:65px;font-size:10px;right:15px;bottom:20px}.visit-world{gap:8%;padding:85px 6%}.visit-copy h2{font-size:28px}.visit-drawing{height:370px}.shop-window{height:185px}}
@media(max-width:600px){body{padding-bottom:60px}.mogu-header{padding:24px 21px}.mogu-logo{font-size:36px}.mogu-logo>span{font-size:6px}.mogu-header>div{gap:15px}.mogu-header>div>a{font-size:8px}.mogu-header button{width:46px;height:46px;padding:0 11px}.mogu-world{height:780px;min-height:780px;max-height:none}.world-word{font-size:35vw;top:23%;left:-1%;width:98%;letter-spacing:-.1em;transform:rotate(-10deg)}.hero-food{width:105%;height:78%;left:-2%;top:11%;transform:rotate(-8deg)}.hero-caption{left:25px;bottom:10%;transform:rotate(-4deg)}.hero-caption h1{font-size:31px;line-height:1.5;letter-spacing:.01em}.hero-caption>p{font-size:9px;max-width:150px;line-height:1.8;margin-bottom:8px}.world-edition{top:126px;right:24px;font-size:7px}.round-stamp{right:22px;bottom:10%;width:94px;height:94px;box-shadow:4px 4px 0 var(--ink)}.round-stamp>span{font-size:8px}.round-stamp>b{font-size:24px}.lemon-sticker{right:22px;bottom:30%;width:67px;height:75px}.lemon-eyes{font-size:20px;letter-spacing:8px}.lemon-sticker>b{font-size:25px}.lemon-sticker small{font-size:8px;margin-top:10px}.lemon-speech{right:18px;bottom:41%;padding:10px;font-size:8px;max-width:120px;text-align:center}.photo-note{font-size:5px;left:25px;bottom:20px}.world-scroll{font-size:9px;right:25px;bottom:17px}.ticker{padding:14px 0}.ticker>div{font-size:17px}.flavor-world{display:flex;flex-direction:column;padding:70px 25px 55px;gap:18px}.flavor-intro{align-self:stretch;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.flavor-intro .small-label{grid-column:1/-1;font-size:7px}.flavor-intro h2{font-size:28px;line-height:1.5;margin:5px 0}.flavor-intro p{font-size:9px;line-height:2.1;align-self:center}.flavor-carousel{padding:40px 0 0}.orbit-word{font-size:36px;top:8px;white-space:nowrap}.pita-drawing{width:90%}.flavor-buttons button{height:72px;width:72px;font-size:9px}.flavor-buttons{gap:18px}.flavor-caption{margin-top:23px}.flavor-caption h3{font-size:23px}.flavor-caption>p{font-size:10px}.flavor-counter{bottom:20px;left:25px;font-size:8px}.picnic-world{padding:65px 25px 70px}.small-label{font-size:8px}.picnic-heading h2{font-size:25px;margin:18px 0}.picnic-heading>p{font-size:10px;line-height:2}.bag-workspace{display:flex;flex-direction:column;gap:38px;margin-top:5px}.paper-bag{height:330px;width:83%;transform:rotate(-6deg)}.bag-handle{width:130px;height:95px;border-width:13px;top:40px}.bag-contents{top:76px;height:107px}.bag-contents>.bag-pita{font-size:86px}.bag-contents>span{font-size:58px}.bag-contents>.bag-drink{margin-bottom:20px}.bag-front{height:173px;bottom:0;padding-left:15%;left:0;right:0}.bag-front>strong{font-size:48px}.bag-front>span{font-size:8px;margin-top:14px}.bag-stamp{right:15px;bottom:17px;width:58px;height:58px;font-size:9px}.bag-preview-note{bottom:-24px;font-size:7px}.bag-order{width:100%;transform:rotate(2deg);padding:22px}.bag-order legend{font-size:12px}.order-options label span{font-size:10px;padding:10px 12px}.picnic-total output{font-size:30px}.visit-world{display:flex;flex-direction:column;padding:60px 28px;gap:48px}.visit-drawing{width:75%;height:300px}.awning{height:43px;background-size:auto}.shop-sign{font-size:47px;margin-top:56px}.shop-window{height:150px;font-size:21px}.shop-window>b{font-size:45px}.visit-copy h2{font-size:30px;line-height:1.7}.visit-copy p{font-size:11px}.visit-actions button{font-size:10px}footer{padding:40px 25px;display:block}footer p{font-size:8px;margin:23px 0;line-height:2}footer>a:last-child{font-size:9px}.pickup-bar{bottom:8px;width:calc(100% - 20px);padding:7px 8px 7px 15px;gap:10px}.pickup-bar>span{font-size:0}.pickup-bar b{font-size:23px;margin:0}.pickup-bar>a{font-size:10px}.pickup-bar>button{font-size:10px;padding:11px 15px}#mogu-menu{padding:60px 30px 30px}#mogu-menu>a{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-food{will-change:auto}}