:root{--ink:#242125;--purple:#78609e;--lilac:#d7c8ef;--lilac-pale:#f1ebf8;--butter:#f6edac;--muted:#777079;--display:'Barlow Condensed',sans-serif;--body:'DM Sans',sans-serif;--hand:'Caveat',cursive;--page:clamp(24px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,.can-stage:focus-visible{outline:3px solid var(--purple);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font:700 90px/.82 var(--display);letter-spacing:-.045em}p{line-height:1.55}img{max-width:100%}.hand{font:500 29px/.93 var(--hand);letter-spacing:-.025em}.hand svg{display:block;width:95px;height:80px;fill:none;stroke:currentColor;stroke-width:1.8}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.svg-defs symbol{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-60px;left:20px;z-index:100;padding:10px;background:white}.skip:focus{top:10px}.header{position:fixed;top:28px;left:var(--page);right:var(--page);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:transform .35s,opacity .35s;pointer-events:none}.header>*{pointer-events:auto}.header.nav-hidden{transform:translateY(-110px);opacity:0;pointer-events:none}.header.nav-hidden>*{pointer-events:none}.mini-brand{display:block;width:90px}.mini-brand img{display:block;width:100%;height:auto}.header nav{display:flex;gap:5px;padding:5px;border-radius:30px;background:#f0eaf5d9;backdrop-filter:blur(15px)}.header nav a{font:600 21px/1 var(--display);letter-spacing:-.03em;padding:6px 12px;border-radius:22px;transition:background .2s}.header nav a:hover{background:white}.nav-shop,.button{display:inline-flex;align-items:center;gap:3px;font:600 24px/1 var(--display);letter-spacing:-.045em;white-space:nowrap;background:none;padding:0}.circle-arrow{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--purple);color:white;font:500 24px/1 var(--body);transition:transform .25s}.pill-label{background:var(--purple);color:white;border-radius:30px;padding:7px 15px 8px;transition:background .25s}.button:hover .circle-arrow,.nav-shop:hover .circle-arrow{transform:rotate(45deg)}.button:hover .pill-label,.nav-shop:hover .pill-label{background:#634a87}.nav-shop .circle-arrow,.nav-shop .pill-label{background:var(--lilac-pale);color:var(--purple)}.nav-shop:hover .pill-label{background:var(--lilac)}.menu-toggle{display:none}.mobile-menu{display:none}.hero{position:relative;padding-top:105px;min-height:1040px;height:calc(100svh + 150px);max-height:1220px;overflow:hidden}.hero-wordmark,.footer-wordmark{display:flex;gap:2%;justify-content:center;align-items:center;width:min(84vw,1300px);margin:0 auto}.word-row{position:relative;width:49%;aspect-ratio:307/73;overflow:hidden;display:block}.word-row img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none}.word-row.second img{top:auto;bottom:0}.hero-cta{position:relative;margin:27px auto 0;display:flex;width:max-content;z-index:5}.hero-product{position:absolute;width:62%;height:690px;bottom:32px;left:0;isolation:isolate}.product-ring{position:absolute;width:620px;max-width:79%;aspect-ratio:1;border:12px solid var(--lilac);border-radius:50%;left:20%;top:43%;transform:translateY(-50%) rotate(-10deg);background:radial-gradient(circle at 55% 45%,#fff 0,#fff 48%,#f7f3fb 100%);z-index:0}.product-ring:after{content:'';position:absolute;inset:-18px -10px -10px -18px;border:2px solid var(--lilac);border-radius:49% 51% 53% 47%;opacity:.4}.can-stage{position:relative;isolation:isolate;touch-action:pan-y;cursor:grab}.can-stage:active{cursor:grabbing}.can-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}.can-fallback{position:absolute;height:85%;width:auto;left:50%;top:50%;transform:translate(-50%,-50%) rotate(19deg);filter:drop-shadow(10px 30px 18px #47345f22);object-fit:contain}.can-stage.ready .can-fallback{opacity:0}#hero-stage{position:absolute;left:12%;width:85%;height:100%;top:-15px;z-index:2}.hero-note{position:absolute;top:14%;left:4%;z-index:4;transform:rotate(-9deg);color:var(--purple);font-size:26px}.hero-note svg{width:70px;height:70px;margin:9px 0 0 15px;transform:rotate(20deg)}.nutrient-orbit{position:absolute;inset:0;pointer-events:none;z-index:4}.nutrient{position:absolute;width:135px;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--lilac-pale);color:var(--purple);box-shadow:0 0 0 6px white;line-height:1.1}.nutrient strong{font:700 56px/.85 var(--display);letter-spacing:-.06em}.nutrient strong span{font-size:30px;letter-spacing:-.02em}.nutrient>span{font:600 17px/1 var(--display);letter-spacing:-.015em;margin-top:9px}.n-protein{left:24%;top:11%;transform:rotate(-8deg)}.n-fiber{left:11%;top:32%;transform:rotate(-7deg);background:var(--butter);color:var(--ink)}.n-caffeine{left:4%;top:53%;transform:rotate(-8deg)}.hero-copy{position:absolute;left:66%;right:var(--page);top:42%;z-index:5}.hero h1{font-size:clamp(95px,8.5vw,146px);line-height:.78;letter-spacing:-.05em}.hero h1>span{color:var(--purple)}.hero-copy>p{font:500 25px/1.07 var(--display);letter-spacing:-.025em;margin-top:30px;max-width:380px}.scribble-underline{width:95%;max-width:365px;height:26px;fill:none;stroke:var(--lilac);stroke-width:4;stroke-linecap:round;display:block;margin-top:1px}.hero-flavor-switch{display:flex;gap:6px;flex-wrap:wrap;margin-top:21px}.flavor-pill{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#fff;border:1px solid #e3d9ed;border-radius:30px;font:500 11px/1 var(--body)}.flavor-pill.active{background:var(--lilac-pale);border-color:var(--purple)}.swatch{width:13px;height:13px;border-radius:50%;display:inline-block}.violet{background:var(--lilac)}.yellow{background:var(--butter)}.hero-copy .hero-volume{font:500 10px/1.3 var(--body);margin-top:15px;letter-spacing:.01em;color:var(--muted)}.hero-spin{position:absolute;bottom:26px;left:38%;z-index:4;display:flex;gap:9px;align-items:center;font-size:9px;color:var(--muted);white-space:nowrap}.hero-spin>span:first-child{font-size:18px}.spin-line{width:18px;height:1px;background:#d7cbdc}.scroll-hint{position:absolute;right:var(--page);bottom:95px;display:flex;align-items:center;gap:16px;font:500 21px/1 var(--hand);color:var(--purple);transform:rotate(-5deg);z-index:5}.scroll-hint span{font:400 26px var(--body)}.curved-tape{position:relative;height:240px;margin-top:-105px;z-index:6;overflow:hidden;pointer-events:none}.curved-tape svg{width:100%;height:100%;overflow:visible}.curved-tape text{font:700 64px var(--display);letter-spacing:-.045em;fill:var(--purple);dominant-baseline:middle}.about{padding:70px var(--page) 145px;overflow:hidden}.about>h2{text-align:center;font-size:clamp(64px,6.6vw,104px);line-height:.86;letter-spacing:-.045em;max-width:1100px;margin:0 auto}.about>h2 span{color:var(--purple)}.about-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:11%;align-items:center;max-width:1360px;margin:95px auto 0}.poster-stack{height:530px;position:relative}.poster{position:absolute;width:52%;height:450px;border:13px solid white;box-shadow:0 12px 28px #2b163b13;overflow:hidden}.poster-violet{background:var(--lilac);left:3%;top:35px;transform:rotate(-13deg)}.poster-yellow{background:var(--butter);right:1%;top:0;transform:rotate(8deg)}.poster>p{font:700 29px/.95 var(--display);letter-spacing:-.04em;text-align:center;padding:25px 10px 0}.poster>img{position:absolute;height:320px;width:auto;left:50%;top:28%;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(13px 15px 9px #4f33491c)}.poster-violet>img{transform:translateX(-50%) rotate(9deg)}.poster-sticker{position:absolute;right:-12px;bottom:34px;background:var(--butter);border-radius:50%;width:125px;height:125px;display:grid;place-content:center;text-align:center;font-size:27px;transform:rotate(-6deg)}.poster-smile{position:absolute;bottom:23px;left:20px;width:62px;height:62px;color:var(--purple);fill:none;stroke:currentColor;stroke-width:2;transform:rotate(-12deg)}.about-copy h3{font-size:43px;line-height:.95;letter-spacing:-.03em}.about-copy p{font:500 26px/1.06 var(--display);letter-spacing:-.025em;margin-top:24px;color:#685d6e;max-width:450px}.about-copy .button{margin-top:32px}.story{height:380svh;background:#fff;position:relative;scroll-margin-top:0}.story-sticky{position:sticky;top:0;height:100svh;min-height:710px;max-height:1100px;overflow:hidden}.story-trail{position:absolute;inset:0;height:100%;width:100%;stroke:var(--lilac-pale);fill:none;stroke-width:70;z-index:0;transform:rotate(-2deg)}.story-kicker{position:absolute;top:9%;left:11%;color:var(--purple);font-size:30px;transform:rotate(-10deg);z-index:3}.story-kicker svg{width:85px;height:75px;transform:rotate(-12deg);margin:4px 0 0 65px}.story-can{position:absolute;left:12%;top:19%;height:77%;width:47%;z-index:3}#story-stage{width:100%;height:100%}.story-cards{position:absolute;top:23%;right:6%;width:37%;height:430px;z-index:4}.story-chapter{background:var(--lilac);border-radius:9px;position:absolute;inset:0;text-align:center;padding:34px 22px 32px;opacity:0;transform:translateY(180px) rotate(6deg);transition:opacity .55s,transform .75s cubic-bezier(.2,.8,.2,1);pointer-events:none;color:var(--purple)}.story-chapter.active{opacity:1;transform:rotate(2.5deg);pointer-events:auto}.story-chapter.yellow-card{background:var(--butter);color:#746929}.story-chapter.yellow-card.active{transform:rotate(-3deg)}.card-smile{width:86px;height:86px;position:absolute;top:-55px;left:50%;transform:translateX(-50%) rotate(-7deg);background:#fff;border:4px solid white;border-radius:50%;fill:none;stroke:currentColor;stroke-width:2.2}.card-index{font:500 9px var(--body);letter-spacing:.14em;opacity:.7}.story-chapter h2{font-size:clamp(75px,7.3vw,114px);line-height:.8;margin-top:17px;position:relative;z-index:2}.story-chapter h2>span{color:white}.story-chapter p{font:500 27px/1.06 var(--display);letter-spacing:-.025em;margin-top:29px;position:relative;z-index:2}.circled{position:relative;white-space:nowrap}.circled:after{content:'';position:absolute;inset:-4px -7px -3px;border:2px solid white;border-radius:50%;transform:rotate(-5deg)}.card-flower{position:absolute;right:18px;bottom:15px;width:100px;height:100px;opacity:.32;fill:none;stroke:white;stroke-width:2;transform:rotate(-15deg)}.card-bolt{position:absolute;right:13px;bottom:15px;width:75px;height:95px;opacity:.35;stroke:white;fill:none;stroke-width:2;transform:rotate(10deg)}.story-bottom{position:absolute;left:var(--page);right:var(--page);bottom:29px;display:flex;align-items:center;justify-content:space-between;z-index:5}.story-bottom>p{font-size:10px;color:var(--muted);letter-spacing:.03em}.story-bottom>p>span:first-child{color:var(--ink)}.scroll-word{font-size:8px;letter-spacing:.1em;margin-left:20px}.story-progress{display:flex;gap:5px;background:#f3eff7b5;backdrop-filter:blur(12px);padding:5px;border-radius:30px}.story-progress button{font:600 19px/1 var(--display);padding:8px 14px;border-radius:24px;background:none;color:#a396b1;transition:background .2s,color .2s}.story-progress button.active{background:white;color:var(--purple)}.flavors{padding:80px var(--page) 50px;overflow:hidden}.flavor-heading{position:relative;text-align:center}.flavor-heading>h2{font-size:clamp(72px,8.2vw,130px);line-height:.82}.flavor-heading>h2 span{color:var(--purple)}.flavor-heading>p{position:absolute;top:25%;right:9%;transform:rotate(8deg);color:var(--purple)}.flavor-heading>p svg{width:80px;height:75px;transform:rotate(12deg);margin-left:25px}.flavor-experience{position:relative;height:760px;max-width:1500px;margin:20px auto 0}.flavor-circle{position:absolute;left:10%;top:10%;width:600px;max-width:49%;aspect-ratio:1;border-radius:50%;background:var(--lilac-pale);border:2px solid #ded1ee;transition:background .6s,border-color .6s}.flavor-circle:after{content:'';position:absolute;inset:19px -8px -9px 12px;border:3px solid var(--lilac);border-radius:50%;transform:rotate(-15deg)}#flavor-stage{position:absolute;width:58%;height:92%;top:0;left:5%;z-index:3}.flavor-doodle{position:absolute;top:21%;left:0;color:var(--purple);transform:rotate(-10deg);z-index:4;font-size:30px}.flavor-doodle svg{margin-top:20px;width:85px;transform:rotate(12deg)}.flavor-info{position:absolute;top:24%;left:67%;right:0;z-index:5}.flavor-number{font:500 11px var(--body);letter-spacing:.1em;color:var(--muted)}.flavor-info h3{font-size:clamp(80px,7.4vw,116px);line-height:.79;margin-top:20px;color:var(--purple)}.flavor-info>p{font:500 29px/1 var(--display);letter-spacing:-.025em;margin-top:25px}.flavor-caption{display:block;font-size:10px;color:var(--muted);margin-top:13px}.flavor-info>.button{margin-top:27px}.flavor-nav{display:flex;align-items:center;gap:20px;margin-top:30px}.round-button{width:39px;height:39px;border:1px solid #d9cde4;border-radius:50%;background:white;color:var(--purple);font-size:24px;transition:background .2s}.round-button:hover{background:var(--lilac-pale)}.flavor-dots{display:flex;gap:9px}.dot{width:13px;height:13px;border-radius:50%;background:var(--lilac);border:2px solid white;outline:1px solid transparent}.dot.yellow{background:var(--butter)}.dot.active{outline-color:var(--purple)}.flavor-seal{position:absolute;bottom:2%;left:43%;text-align:center;color:var(--purple);font:600 12px/1.1 var(--display);letter-spacing:.05em;transform:rotate(-10deg)}.flavor-seal svg{width:52px;height:52px;display:block;margin:0 auto 10px;stroke:currentColor;fill:none;stroke-width:2}.details-section{padding:65px var(--page) 115px;display:grid;grid-template-columns:1.15fr 1fr;gap:10%;max-width:1570px;margin:auto;align-items:center}.details-visual{position:relative;height:660px}.details-disc{position:absolute;width:85%;aspect-ratio:1;left:7%;top:15%;border:12px solid var(--butter);border-radius:50%}.details-visual img{position:absolute;width:auto;filter:drop-shadow(9px 16px 12px #4132511c)}.detail-violet{height:510px;left:25%;top:14%;transform:rotate(-16deg);z-index:2}.detail-yuzu{height:480px;left:57%;top:4%;transform:rotate(15deg);z-index:1}.details-visual .hand{position:absolute;bottom:0;left:25%;font-size:40px;color:var(--purple);transform:rotate(-9deg)}.details-copy h2{font-size:clamp(80px,6.7vw,109px);line-height:.84}.details-copy h2>span{color:var(--purple)}.nutrition-table{margin-top:40px;font:500 26px/1 var(--display);letter-spacing:-.03em}.nutrition-table>div{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #dfd5e6}.nutrition-table .table-top{font:600 10px var(--body);letter-spacing:.1em;border-bottom:1px solid #c4b3d7;padding-top:0;padding-bottom:20px;color:var(--purple)}.nutrition-table strong{font:600 31px var(--display);display:flex;align-items:center;gap:27px}.nutrition-table i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lilac-pale);font:500 17px var(--body);color:var(--purple)}.details-copy>.button{margin-top:33px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:0 var(--page) 120px;max-width:1570px;margin:auto}.faq>h2{font-size:80px;line-height:.84}.faq>h2 span{color:var(--purple)}details{border-bottom:1px solid #e6dfee;padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font:600 26px/1 var(--display);letter-spacing:-.025em}summary::-webkit-details-marker{display:none}summary>span{font:400 26px var(--body);color:var(--purple)}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:13px;color:var(--muted);padding:15px 35px 0 0;max-width:530px}.closing{position:relative;background:var(--butter);padding:95px var(--page) 105px;min-height:580px;overflow:hidden}.closing>h2{font-size:clamp(84px,7.6vw,120px);line-height:.81;position:relative;z-index:3;max-width:800px}.closing>h2>span{color:var(--purple)}.closing>.button{margin-top:32px;position:relative;z-index:3}.closing .circle-arrow,.closing .pill-label{background:var(--ink)}.closing>img{position:absolute;right:14%;bottom:-155px;height:760px;width:auto;transform:rotate(21deg);filter:drop-shadow(18px 25px 18px #74553630);z-index:1}.closing-flower{position:absolute;top:15%;right:34%;width:120px;height:120px;stroke:var(--purple);fill:none;stroke-width:2;z-index:2;transform:rotate(8deg)}.closing-note{position:absolute;right:3%;top:19%;color:var(--purple);font-size:35px;transform:rotate(8deg);z-index:3}footer{padding:65px var(--page) 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top>div{display:flex;gap:30px;font:600 23px/1 var(--display);letter-spacing:-.025em}.back-top{font-size:11px;color:var(--muted)}.footer-wordmark{width:100%;margin-top:50px;opacity:.97}.footer-small{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;margin-top:25px}.eyebrow{font-size:10px;letter-spacing:.15em}.reveal{transition:transform .8s,opacity .8s}.js-motion .reveal:not(.visible){transform:translateY(40px);opacity:0}dialog{padding:0;width:min(850px,92vw);max-height:90svh;border:0;border-radius:12px;background:white;color:var(--ink);overflow:auto;box-shadow:0 20px 100px #20182a30}dialog[open]{display:grid;grid-template-columns:.85fr 1fr}dialog::backdrop{background:#201c2666;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:12px;border-radius:50%;width:36px;height:36px;background:white;font-size:27px;z-index:3}.dialog-art{background:var(--lilac-pale);display:grid;place-items:center;padding:35px;min-height:480px}.dialog-art img{height:380px;width:auto;transform:rotate(-9deg);filter:drop-shadow(12px 15px 10px #35253e20)}.dialog-copy{padding:65px 40px 45px}.dialog-copy h2{font-size:72px;line-height:.85;margin-top:20px;color:var(--purple)}.dialog-copy>p{font:500 23px/1 var(--display);margin-top:20px}dl{margin:25px 0 0}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #e6dfee;padding:11px 0;font-size:12px}dd{font-weight:600}.dialog-volume{font:500 10px var(--body)!important;color:var(--muted)}.dialog-copy .button{margin-top:28px}
@media(min-width:1600px){.hero-product{height:750px;bottom:30px}.hero-copy{top:40%}.hero-wordmark{width:min(86vw,1370px)}.hero{max-height:1260px}.product-ring{width:700px;left:20%;top:44%}.n-protein{top:12%;left:26%}.n-fiber{top:32%;left:13%}.n-caffeine{top:52%;left:5%}.hero h1{font-size:151px}.hero-note{font-size:29px}.nutrient{width:145px;height:145px}.hero-cta{margin-top:34px}.about,.flavors{padding-left:max(var(--page),calc((100vw - 1450px)/2));padding-right:max(var(--page),calc((100vw - 1450px)/2))}}
@media(max-width:1050px){.hero{min-height:950px;padding-top:110px;height:calc(100svh + 140px)}.hero-product{height:620px;bottom:28px;left:-3%;width:66%}.hero-copy{left:65%;top:42%}.hero h1{font-size:102px}.hero-copy>p{font-size:23px}.nutrient{width:108px;height:108px}.nutrient strong{font-size:45px}.nutrient strong span{font-size:25px}.nutrient>span{font-size:14px}.hero-note{font-size:23px;left:6%}.product-ring{border-width:10px}.hero-flavor-switch{display:block}.flavor-pill{margin-top:6px}.story-can{left:4%;width:55%}.story-cards{right:4%;width:39%;height:385px}.story-chapter h2{font-size:90px}.story-chapter p{font-size:24px}.poster-stack{height:450px}.poster{height:385px;border-width:10px}.poster>img{height:280px}.poster>p{font-size:26px}.poster-sticker{width:105px;height:105px;font-size:24px}.about-grid{gap:6%}.about-copy h3{font-size:37px}.about-copy p{font-size:23px}.flavor-heading>p{right:1%;font-size:26px}.flavor-experience{height:640px}.flavor-doodle{font-size:26px;left:-3%}.flavor-info{left:66%;top:25%}.flavor-info h3{font-size:87px}.flavor-info>p{font-size:25px}.details-visual{height:560px}.detail-violet{height:440px;left:19%}.detail-yuzu{height:400px;left:53%}.details-section{gap:6%}.closing>img{right:8%;height:630px;bottom:-120px}.closing-note{font-size:28px;right:2%}.closing-flower{right:33%;width:85px}.faq{gap:7%}.faq>h2{font-size:74px}}
@media(max-width:700px){:root{--page:22px}html{scroll-padding-top:78px}.header{left:19px;right:19px;top:20px;gap:12px}.mini-brand{width:65px}.header nav{display:none}.nav-shop{margin-left:auto;font-size:21px;gap:2px}.nav-shop .circle-arrow{width:30px;height:30px;font-size:19px}.nav-shop .pill-label{padding:6px 11px 7px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:32px;height:32px;border-radius:50%;background:var(--lilac-pale)}.menu-toggle>span{width:14px;height:1px;background:var(--purple);transition:transform .2s}.menu-open .menu-toggle>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle>span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;position:fixed;inset:0;background:#fff;z-index:55;padding:110px 25px 30px;flex-direction:column;gap:23px}.mobile-menu>a{display:flex;justify-content:space-between;font:600 46px/.9 var(--display);letter-spacing:-.04em;padding-bottom:24px;border-bottom:1px solid #e5ddeb}.mobile-menu>a>span{color:var(--purple)}.hero{padding-top:108px;height:auto;min-height:1000px;max-height:none}.hero-wordmark{width:90%;gap:2%;max-width:580px}.hero-cta{margin-top:25px;font-size:23px}.hero-cta .circle-arrow{width:34px;height:34px;font-size:21px}.hero-cta .pill-label{padding:6px 15px 7px}.hero-copy{position:relative;top:auto;left:auto;right:auto;width:auto;padding:0 var(--page);margin-top:26px;text-align:center;z-index:4}.hero h1{font-size:72px;line-height:.8;letter-spacing:-.045em}.hero h1 br:first-of-type{display:none}.hero h1>span{display:inline-block;margin-right:9px}.hero h1 br:nth-of-type(2){display:block}.hero-copy>p{font-size:20px;line-height:1.05;margin:20px auto 0;max-width:300px}.scribble-underline{width:220px;height:20px;margin:0 auto}.hero-flavor-switch{display:flex;justify-content:center;gap:5px;margin-top:15px}.flavor-pill{font-size:9px;padding:7px 10px;margin:0}.swatch{width:11px;height:11px}.hero-copy .hero-volume{font-size:8px;margin-top:12px}.hero-product{width:100%;height:510px;bottom:28px;left:0}.product-ring{width:335px;max-width:85%;left:13%;top:48%;border-width:8px}.product-ring:after{inset:-13px -7px -6px -12px}#hero-stage{height:100%;left:10%;width:88%;top:0}.hero-note{font-size:20px;left:5%;top:3%}.hero-note svg{height:55px;width:50px;margin-top:4px}.nutrient{width:83px;height:83px;box-shadow:0 0 0 4px white}.nutrient strong{font-size:34px}.nutrient strong span{font-size:19px}.nutrient>span{font-size:12px;margin-top:5px}.n-protein{left:22%;top:13%}.n-fiber{left:7%;top:32%}.n-caffeine{left:2%;top:52%}.hero-spin{font-size:8px;bottom:22px;left:32%;gap:6px}.hero-spin>span:first-child{font-size:16px}.scroll-hint{font-size:18px;right:22px;bottom:9px;gap:10px;z-index:7}.scroll-hint>span{font-size:21px}.curved-tape{height:160px;margin-top:-45px}.curved-tape svg{width:150%;margin-left:-25%}.curved-tape text{font-size:67px}.about{padding:44px 22px 60px}.about>h2{font-size:48px;line-height:.89}.about-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.poster-stack{height:420px;width:min(100%,410px);margin:0 auto}.poster{height:335px;width:51%;border-width:8px}.poster-violet{top:45px;left:1%}.poster-yellow{right:1%;top:15px}.poster>p{font-size:22px;padding-top:19px}.poster>img{height:245px;top:28%}.poster-sticker{height:84px;width:84px;bottom:12px;right:-13px;font-size:20px}.poster-smile{width:44px;height:44px;bottom:14px;left:8px}.about-copy{text-align:left;padding:0 8px}.about-copy h3{font-size:36px;line-height:.98}.about-copy p{font-size:23px;line-height:1.08;margin-top:19px}.about-copy>.button{margin-top:24px}.button{font-size:23px}.circle-arrow{width:35px;height:35px;font-size:22px}.pill-label{padding:6px 14px 7px}.story{height:340svh}.story-sticky{height:100svh;min-height:690px;max-height:950px}.story-kicker{top:7%;left:7%;font-size:24px}.story-kicker svg{width:60px;height:60px;margin-left:50px;margin-top:0}.story-trail{stroke-width:85;transform:rotate(16deg);width:175%;left:-28%;height:110%;top:-20%}.story-can{left:26%;top:2%;height:54%;width:72%;z-index:3}.story-cards{top:auto;bottom:12%;right:8%;width:84%;height:290px;z-index:4}.story-chapter{padding:29px 15px 24px;border-radius:6px;transform:translateY(100px) rotate(5deg)}.story-chapter.active{transform:rotate(2deg)}.story-chapter.yellow-card.active{transform:rotate(-2deg)}.card-smile{width:61px;height:61px;top:-36px;border-width:3px}.card-index{font-size:7px;letter-spacing:.12em}.story-chapter h2{font-size:75px;line-height:.77;margin-top:14px}.story-chapter p{font-size:23px;line-height:1.05;margin-top:20px}.card-flower{width:62px;height:62px;right:9px;bottom:8px}.card-bolt{width:48px;height:69px;right:10px;bottom:10px}.story-bottom{bottom:20px;left:22px;right:22px;justify-content:center}.story-bottom>p{position:absolute;bottom:51px;left:0;font-size:9px}.scroll-word{display:none}.story-progress{gap:2px;padding:4px}.story-progress button{font-size:17px;padding:6px 13px}.flavors{padding:60px 22px 20px}.flavor-heading{text-align:left}.flavor-heading>h2{font-size:65px;line-height:.82}.flavor-heading>p{position:relative;top:auto;right:auto;font-size:23px;transform:rotate(-8deg);width:max-content;margin-top:18px;margin-left:55%}.flavor-heading>p br{display:none}.flavor-heading>p svg{width:55px;height:52px;margin:0 0 0 30px;transform:rotate(10deg)}.flavor-experience{height:740px;margin-top:-15px}.flavor-circle{left:13%;top:5%;width:295px;max-width:84%}.flavor-circle:after{inset:14px -7px -7px 6px;border-width:2px}#flavor-stage{height:435px;width:95%;left:9%;top:-3%}.flavor-doodle{left:-2%;top:4%;font-size:21px;z-index:4}.flavor-doodle svg{width:65px;height:60px;margin:15px 0 0 4px}.flavor-info{position:absolute;top:55%;left:0;right:0;text-align:center}.flavor-number{font-size:9px}.flavor-info h3{font-size:72px;line-height:.83;margin-top:13px}.flavor-info h3 br{display:none}.flavor-info>p{font-size:24px;margin-top:16px}.flavor-caption{font-size:9px;margin-top:10px}.flavor-info>.button{margin-top:21px}.flavor-nav{justify-content:center;margin-top:23px;gap:21px}.flavor-seal{bottom:auto;top:39%;left:-1%;font-size:8px}.flavor-seal svg{width:37px;height:37px;margin-bottom:7px}.details-section{display:flex;flex-direction:column;padding:15px 22px 65px;gap:35px}.details-visual{height:460px;width:100%;max-width:450px}.details-disc{width:90%;top:13%;left:3%;border-width:8px}.detail-violet{height:360px;left:22%;top:10%}.detail-yuzu{height:330px;left:52%;top:0}.details-visual .hand{font-size:31px;left:20%;bottom:0}.details-copy{width:100%;padding:0 8px}.details-copy h2{font-size:76px;line-height:.85}.nutrition-table{margin-top:30px;font-size:25px}.nutrition-table>div{padding:13px 0}.nutrition-table strong{font-size:28px}.nutrition-table .table-top{font-size:8px}.details-copy>.button{margin-top:28px}.faq{grid-template-columns:1fr;padding:0 30px 65px;gap:32px}.faq>h2{font-size:63px;line-height:.85}summary{font-size:24px;line-height:1.05}details>p{font-size:12px;padding-right:15px}.closing{padding:65px 25px 320px;min-height:680px}.closing>h2{font-size:72px;line-height:.82;max-width:350px}.closing>.button{margin-top:24px}.closing>img{height:440px;bottom:-88px;right:26%;transform:rotate(23deg)}.closing-flower{width:60px;height:60px;right:8%;top:54%;stroke-width:1.5}.closing-note{right:5%;top:64%;font-size:27px}.footer-top{flex-wrap:wrap;gap:24px}.footer-top .mini-brand{width:75px}.footer-top>div{gap:19px;font-size:20px;order:3;width:100%;justify-content:center}.back-top{font-size:9px}footer{padding:38px 22px 22px}.footer-wordmark{gap:2%;margin-top:32px}.footer-small{font-size:7px;line-height:1.5;margin-top:20px;gap:25px}.footer-small>span:last-child{max-width:120px;text-align:right}dialog[open]{grid-template-columns:1fr}.dialog-art{min-height:265px;padding:20px}.dialog-art img{height:245px}.dialog-copy{padding:30px 28px}.dialog-copy h2{font-size:65px;margin-top:15px}.dialog-copy>p{font-size:22px;margin-top:15px}dl{margin-top:19px}dl>div{padding:8px 0}.dialog-copy>.button{margin-top:22px}}
@media(max-width:370px){.hero{min-height:970px}.hero h1{font-size:63px}.hero-product{height:480px}.product-ring{width:285px;left:15%}.nutrient{width:76px;height:76px}.nutrient strong{font-size:31px}.n-protein{left:20%}.n-fiber{left:6%}.hero-spin{left:30%;font-size:7px}.about>h2{font-size:42px}.story-cards{height:280px;bottom:12%}.story-chapter h2{font-size:70px}.story-chapter p{font-size:21px}.story-progress button{padding-left:11px;padding-right:11px}.flavor-heading>h2{font-size:58px}.flavor-info h3{font-size:64px}.detail-violet{left:18%}.detail-yuzu{left:51%}.closing>h2{font-size:65px}.footer-top>div{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.js-motion .reveal:not(.visible){transform:none;opacity:1}.header.nav-hidden{opacity:1;transform:none}.story{height:auto}.story-sticky{position:relative;height:auto;min-height:0;max-height:none;padding:70px var(--page)}.story-kicker{position:relative;left:0;top:0}.story-kicker svg{display:none}.story-can{position:relative;width:60%;height:500px;top:0;left:0;margin:auto}.story-cards{position:relative;inset:auto;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px 30px}.story-chapter{position:relative;inset:auto;height:380px;opacity:1;transform:rotate(2deg);pointer-events:auto}.story-chapter.yellow-card{transform:rotate(-2deg)}.story-bottom{display:none}.story-trail{opacity:.5}@media(max-width:700px){.story-sticky{padding-top:40px}.story-can{width:90%;height:360px}.story-cards{grid-template-columns:1fr;gap:55px}.story-chapter{height:290px}}}
/* Clean vector lettering extracted from the supplied brand artwork. */
.word-row img{position:static;width:100%;height:100%;object-fit:contain;display:block}.word-row.second img{position:static}
@media(min-width:1600px){.hero-product{height:650px}.hero h1{font-size:140px}}
@media(max-width:700px){.hero h1{font-size:63px}.story-sticky{min-height:600px}}
@media(max-width:370px){.hero h1{font-size:57px}}
@media(max-width:700px){.hero{min-height:1040px}}
@media(max-width:370px){.hero{min-height:1010px}}
.yellow-card h2>span{color:var(--purple)}