@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lilita+One&display=swap";:root{font-family:DM Sans,sans-serif;color:#171717;background:#fff;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #78628f;outline-offset:5px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}.header{height:140px;position:absolute;top:0;left:0;width:100%;padding:28px 3.2%;display:flex;align-items:flex-start;justify-content:space-between;z-index:10}.brand{padding:0}.brand img{height:110px;width:104px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:32px;padding-top:10px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:100px;padding:19px 30px;background:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.03em;transition:transform .2s,background .3s}.pill:hover{transform:translateY(-3px)}.pill.dark{background:#1c1c1c;color:#fff}.menu-trigger{display:flex;align-items:center;gap:25px;text-transform:uppercase;font-size:13px;min-height:44px}.bag-count{font-size:12px;border-left:1px solid;padding-left:10px}.scroll-story{height:290vh;position:relative}.hero-stage{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:#fff}.hero-headline{position:absolute;inset:20% 2.8% auto;display:flex;justify-content:space-between;color:var(--accent);font-family:Lilita One,sans-serif;font-weight:400;font-size:clamp(100px,13.7vw,215px);line-height:.94;letter-spacing:-.035em;transition:color .6s;pointer-events:none}.headline-left{width:37%}.headline-right{width:43%;padding-top:3.9%;text-align:right}.product-stage{position:absolute;top:2%;right:23%;bottom:6%;left:23%;z-index:3;transition:transform .08s linear}.can-canvas{width:100%;height:100%;cursor:grab;touch-action:pan-y;outline-offset:-12px!important}.can-canvas:active{cursor:grabbing}.can-canvas canvas{display:block;width:100%;height:100%}.hero-splash{position:absolute;width:min(62%,890px);height:59%;object-fit:contain;left:50%;bottom:3%;z-index:4;pointer-events:none;transition:opacity .25s;mix-blend-mode:multiply}.hero-ground{position:absolute;left:36%;width:29%;bottom:9%;height:5%;z-index:1}.hero-ground img{width:100%;height:100%;object-fit:fill}.hero-facts{position:absolute;left:3.4%;bottom:6.5%;z-index:5}.facts{display:flex;gap:0}.fact{display:flex;align-items:center;flex-direction:column;min-width:102px;padding:0 20px;border-right:1px solid #dedede;gap:3px}.fact:first-child{padding-left:0}.fact:last-child{border:0}.fact svg{margin-bottom:4px}.fact strong{font-size:29px;font-weight:500;letter-spacing:-.05em}.fact span{font-size:11px;letter-spacing:.05em}.hero-flavors{position:absolute;right:2.5%;bottom:4.7%;z-index:6}.flavor-picker{display:flex;gap:18px}.flavor-picker button{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;padding:8px 0 16px;min-width:115px}.flavor-picker img{width:72px;height:72px;object-fit:cover;border-radius:50%;transition:transform .25s}.flavor-picker button:hover img{transform:scale(1.1)}.flavor-picker span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.flavor-picker button:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#e6e6e6}.flavor-picker button.selected:after{background:var(--accent)}.scroll-cue{position:absolute;bottom:2%;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;flex-direction:column;gap:13px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;padding:10px}.scroll-reveal{position:absolute;z-index:5;top:23%;left:58%;width:35%;pointer-events:auto}.eyebrow{display:block;font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:25px}.scroll-reveal h2,.flavors-copy h2,.shop-section h2{font-family:Lilita One,sans-serif;font-size:clamp(55px,5.5vw,85px);font-weight:400;line-height:1;letter-spacing:-.015em}em{font-style:normal;color:var(--accent)}.story-facts{margin-top:32px;display:flex;flex-direction:column;gap:20px}.story-facts>div{display:flex;gap:17px;align-items:center;opacity:0;transform:translateY(15px);transition:opacity .5s,transform .5s}.story-facts>div.active{opacity:1;transform:none}.story-facts p{display:flex;flex-direction:column;gap:3px}.story-facts strong{font-size:21px;font-weight:500}.story-facts span{font-size:13px;color:#666}.sugar-note{display:block;margin:25px 0;font-size:13px;letter-spacing:.02em}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;padding:10px 0}.text-link:hover{text-decoration:underline}.chapter-progress{position:absolute;right:3%;top:43%;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:9px;letter-spacing:.1em;color:#888}.chapter-progress>div{height:90px;width:1px;background:#eee}.chapter-progress i{display:block;width:2px;background:var(--accent);max-height:100%}.formula-anchor{position:absolute;top:95vh;scroll-margin-top:0}.flavors-section{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:100px 7%;gap:5%;overflow:hidden}.flavors-copy{padding-top:20px}.flavors-copy h2{font-size:clamp(70px,8vw,120px)}.flavors-copy .flavor-picker{justify-content:flex-start;margin:30px 0}.flavors-copy h3{font-size:24px;font-weight:500;margin-bottom:12px}.flavors-copy p{font-size:16px;line-height:1.7;max-width:360px;color:#666;margin-bottom:25px}.flavor-product{height:700px;position:relative}.flavor-product .can-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.flavor-splash{position:absolute;bottom:0;left:-20%;width:140%;height:55%;object-fit:contain;z-index:3;pointer-events:none;mix-blend-mode:multiply}.shop-section{min-height:75vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#faf8fc;padding:80px 20px}.site.yuzu .shop-section{background:#fffdf3}.shop-section h2{font-size:clamp(75px,9vw,140px)}.shop-section p{margin:25px 0 35px;font-size:17px}footer{padding:50px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer img{width:65px}footer>span{font-size:12px;letter-spacing:.15em}footer small{color:#888;font-size:10px}.up{transform:rotate(180deg)}.reveal{opacity:0;transform:translateY(40px);transition:transform .8s,opacity .8s}.reveal.visible{opacity:1;transform:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:flex-end}.menu-panel,.shop-panel{background:#fff;width:min(620px,100%);height:100%;padding:50px;overflow-y:auto;position:relative;animation:slideIn .3s ease-out}.close{position:absolute;right:30px;top:25px;padding:10px;z-index:2}.menu-panel>img{width:85px}.menu-panel nav{margin-top:65px;display:flex;flex-direction:column;gap:15px}.menu-panel nav button{font-family:Lilita One,sans-serif;font-size:clamp(35px,4vw,55px);display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eee;text-align:left}.menu-panel nav button:hover{color:#a88fc7}.menu-panel nav span{font:12px DM Sans,sans-serif}.menu-panel>p{margin-top:45px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.shop-panel{width:min(560px,100%);padding-top:80px}.shop-panel h2{font:52px/1 Lilita One,sans-serif;margin:20px 0 25px}.shop-panel .flavor-picker{justify-content:flex-start}.shop-product{display:flex;align-items:center;margin:0 0 10px;gap:20px}.shop-product .can-canvas{width:180px;height:310px;flex-shrink:0}.shop-product h3{font-size:22px}.shop-product p{font-size:14px;color:#666;line-height:1.6;margin:10px 0}.shop-product span{font-size:12px}.shop-product small{display:block;margin-top:10px;color:#777;font-size:11px}.quantity-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:20px 0;font-size:14px}.quantity-row>div{display:flex;gap:12px;align-items:center}.quantity-row button{padding:10px}.add-button{width:100%}.preview-note{font-size:11px;text-align:center;color:#777;margin-top:15px}.added{padding:50px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px}.added p{font-size:20px;line-height:1.4}.added small{color:#777}.can-fallback{height:100%;width:100%;object-fit:contain}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}@media(max-width:760px){.header{height:90px;padding:18px 5%;align-items:flex-start}.brand img{width:65px;height:74px}.header-actions{gap:14px;padding-top:5px}.pill{padding:14px 20px;font-size:10px;gap:15px}.menu-trigger{gap:0}.menu-trigger span{display:none}.menu-trigger svg{width:27px}.header .pill{padding:14px 21px}.header .pill svg{width:18px}.scroll-story{height:280svh}.hero-stage{min-height:780px;height:100svh}.hero-headline{inset:99px 5% auto;display:block;font-size:clamp(72px,21vw,155px);line-height:.9;letter-spacing:-.02em;text-align:center}.headline-left,.headline-right{display:block;width:100%;text-align:center;padding:0}.headline-right{margin-top:4px}.product-stage{top:28%;right:4%;bottom:20%;left:4%;transform:none!important;z-index:3}.hero-splash{width:108%;height:39%;bottom:20%;z-index:4}.hero-ground{bottom:24%;left:20%;width:60%}.hero-facts{left:0;right:0;bottom:17%;display:flex;justify-content:center}.fact{min-width:105px;padding:0 18px}.fact svg{width:29px;height:29px}.fact strong{font-size:24px}.fact span{font-size:10px}.hero-flavors{bottom:4.5%;left:0;right:0;display:flex;justify-content:center}.flavor-picker{gap:22px}.flavor-picker img{width:52px;height:52px}.flavor-picker span{font-size:9px}.flavor-picker button{min-width:125px;gap:6px;padding-bottom:12px}.scroll-cue{bottom:.1%;font-size:8px;gap:3px;padding:6px}.scroll-cue svg{height:16px}.chapter-progress{display:none}.scroll-reveal{left:7%;right:7%;width:auto;top:16%;pointer-events:none}.scroll-reveal h2{font-size:48px}.scroll-reveal .eyebrow{font-size:9px;margin-bottom:12px}.story-facts{margin-top:20px;gap:14px}.story-facts strong{font-size:17px}.story-facts span{font-size:11px}.story-facts svg{width:23px}.scroll-reveal .text-link{pointer-events:auto}.scroll-reveal .sugar-note{margin:15px 0}.scroll-reveal~.chapter-progress{display:none}.hero-stage:has(.scroll-reveal[aria-hidden=false]) .product-stage{top:45%;bottom:1%;left:23%;right:23%;z-index:1}.hero-stage:has(.scroll-reveal[aria-hidden=false]) .scroll-reveal{z-index:5}.formula-anchor{top:100svh}.flavors-section{display:flex;flex-direction:column;gap:0;padding:70px 7% 35px}.flavors-copy{width:100%;padding:0}.flavors-copy h2{font-size:74px}.flavors-copy .eyebrow{font-size:9px;line-height:1.5}.flavors-copy .flavor-picker{margin:24px 0}.flavors-copy .pill{font-size:11px;padding:17px 23px}.flavors-copy p{font-size:14px}.flavor-product{width:100%;height:510px}.flavor-splash{width:125%;left:-13%;bottom:0;height:52%}.shop-section{min-height:70svh}.shop-section h2{font-size:77px}.shop-section p{font-size:14px}.shop-section .pill{font-size:12px;padding:18px 25px}footer{padding:35px 7%;gap:22px}footer img{width:55px}footer>span{font-size:9px}footer small{width:100%}.menu-panel,.shop-panel{padding:70px 24px 30px}.menu-panel nav{margin-top:35px}.menu-panel nav button{font-size:36px}.shop-panel h2{font-size:43px}.shop-product .can-canvas{width:140px;height:260px}.shop-product{gap:10px}.shop-product h3{font-size:19px}.shop-product p{font-size:12px}.shop-panel .pill{padding:19px 20px;font-size:12px}.close{right:14px;top:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{transform:none;opacity:1}}@media(min-width:761px){.headline-left{font-size:16vw}.headline-right{font-size:11.7vw;padding-top:4%;width:43%}.hero-headline{inset:19% 3% auto}.hero-splash{width:53%;height:52%;bottom:6%}}@media(max-width:760px){.product-stage{top:25%;bottom:23%}.hero-splash{height:31%;bottom:23%;width:96%}}.chapter-progress{opacity:0}.hero-stage:has(.scroll-reveal[aria-hidden=false]) .chapter-progress{opacity:1}@media(min-width:761px){.headline-right{font-size:14vw;line-height:.9;width:50%;transform:scaleX(.86);transform-origin:right top;padding-top:4.3%}}@media(max-width:760px){.hero-headline{font-size:25vw}}