@font-face{font-family:Instrument;src:url('./fonts/InstrumentSerif-Regular.ttf')}@font-face{font-family:Instrument;src:url('./fonts/InstrumentSerif-Italic.ttf');font-style:italic}@font-face{font-family:Manrope;src:url('./fonts/Manrope.ttf');font-weight:200 800}@font-face{font-family:DMSerif;src:url('./fonts/DMSerifDisplay-Regular.ttf')}
:root{--paper:#f5f0e4;--ink:#23372b;--accent:#e86324;--display:Instrument;--body:Manrope;color:var(--ink);background:var(--paper);font-family:var(--body),sans-serif;font-size:14px;font-weight:500;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-weight:400}img{max-width:100%;display:block}.skip-link{position:fixed;top:0;left:20px;transform:translateY(-150%);z-index:100;background:var(--paper);padding:20px}.skip-link:focus{transform:none}.site-header{position:absolute;top:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 4.2%;color:#44200f}.wordmark{font-family:var(--display),serif;font-weight:400;letter-spacing:-2.3px;font-size:53px;line-height:1}.wordmark span{font-family:var(--body);vertical-align:top;font-size:11px;letter-spacing:0;margin:8px 0 0 3px;display:inline-block}.site-header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:650}.site-header nav a,.site-header nav button{padding:8px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav button:hover{border-color:currentColor}.bag-button{font-size:12px;display:flex;gap:12px;align-items:center}.bag-count{width:29px;height:29px;border:1px solid #44200f66;border-radius:50%;display:grid;place-items:center}.journey{height:640svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:#f4b746;isolation:isolate}.worlds,.world{position:absolute;inset:0}.world{--ink:#44200f;color:var(--ink);overflow:hidden;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,var(--light) 0%,transparent 54%),radial-gradient(ellipse at 83% 18%,var(--light),transparent 40%),radial-gradient(ellipse at 15% 100%,var(--color),transparent 54%),linear-gradient(135deg,var(--light),var(--color));will-change:opacity}.world:first-child{opacity:1}.world:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' opacity='.25' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.13;mix-blend-mode:multiply;pointer-events:none}.world-orbit{position:absolute;width:61vw;height:61vw;left:31%;top:-10%;border:1px solid currentColor;border-radius:50%;opacity:.12;transform:rotate(-23deg) scaleY(.78)}.world-orbit:after{content:'';position:absolute;inset:12%;border:1px solid currentColor;border-radius:50%}.world-head{position:absolute;top:23%;left:5.3%;z-index:3;width:39%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.7}.world h1,.world h2{font-family:var(--display),serif;font-size:clamp(82px,9.7vw,158px);letter-spacing:-.035em;line-height:.88;margin-top:30px}.world h1 em,.world h2 em{display:block}.world .intro{max-width:225px;margin-top:28px;font-size:12px;line-height:1.8}.world .intro span{display:block;font-family:var(--display);font-size:24px;margin-bottom:7px}.flavour-note{position:absolute;right:5.4%;top:51%;width:18%;z-index:3}.flavour-note .note-number{display:block;font-size:10px;letter-spacing:2px;padding-bottom:17px;border-bottom:1px solid #ffffff55;margin-bottom:17px}.flavour-note h3{font-family:var(--display);font-size:38px;line-height:1.03;margin-bottom:16px}.flavour-note h3 em{display:block}.flavour-note p{font-size:12px;line-height:1.8;max-width:220px}.flavour-note .taste{font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:20px}.floating-fruit{position:absolute;pointer-events:none;will-change:transform;filter:drop-shadow(0 20px 19px #47231019)}.fruit-a{width:25vw;left:18%;bottom:-4%;transform:rotate(-25deg);z-index:2}.fruit-b{width:19vw;right:-3%;top:8%;transform:rotate(22deg);opacity:.92}.fruit-c{width:11vw;left:-5%;top:15%;filter:blur(1.2px);transform:rotate(120deg);opacity:.6}.fallback-can{position:absolute;display:none;width:28%;height:66%;object-fit:contain;left:44%;top:17%;z-index:3}#can-stage{position:absolute;inset:0;z-index:4;pointer-events:none}#can-stage canvas{display:block;width:100%;height:100%}.journey-foot{position:absolute;bottom:27px;left:5.3%;right:4.2%;z-index:7;display:flex;align-items:center;justify-content:space-between;color:var(--stage-ink,#44200f)}.chapter-nav{display:flex;gap:9px}.chapter-nav button{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:9px;opacity:.5;transition:opacity .25s,background .25s}.chapter-nav button[aria-current=true]{background:var(--stage-ink,#44200f);color:var(--stage-paper,#fff0c9);opacity:1}.scroll-note{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.4px;margin-left:-6%}.scroll-line{width:56px;height:1px;background:currentColor}.scroll-arrow{font-size:24px}.motion-toggle{font-size:9px;letter-spacing:.5px;text-decoration:underline;text-underline-offset:5px}.stage-floor{position:absolute;inset:65% -30% -45%;background:radial-gradient(ellipse at center,#ced1a6 0,#e4ddba 55%,#b5bd8d 100%);border-radius:50% 50% 0 0;transform:scaleY(.5);opacity:0;z-index:1}.finale-copy{position:absolute;z-index:5;top:12%;left:5.3%;opacity:0;visibility:hidden;color:#23372b}.finale-copy h2{font-family:var(--display);font-size:clamp(70px,7vw,110px);letter-spacing:-.035em;line-height:.92;margin:20px 0}.text-link{display:inline-flex;gap:50px;align-items:center;font-size:11px;border-bottom:1px solid currentColor;padding:15px 0}.text-link span{font-size:23px}.impact-ring{position:absolute;left:54%;top:76%;width:50vw;height:14vw;border:2px solid #ffffff90;border-radius:50%;z-index:5;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.ring-two{border-width:1px}.flavour-section{background:var(--paper);padding:90px 5.3% 95px;position:relative;z-index:8;scroll-margin-top:0}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.shelf-heading h2{font-family:var(--display);font-size:80px;letter-spacing:-2px;margin-top:12px;line-height:1}.shelf-heading>p{font-size:12px;line-height:1.9;margin-bottom:5px}.round-link{width:125px;height:125px;border-radius:50%;border:1px solid #23372b66;display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:11px;transition:background .25s,color .25s}.round-link span{font-size:26px}.round-link:hover{background:var(--ink);color:var(--paper)}.flavour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:45px 0 0}.flavour-card{position:relative;min-width:0}.flavour-select{display:block;width:100%;padding:0;text-align:left}.shelf-visual{height:365px;position:relative;background:radial-gradient(ellipse at center,var(--light),var(--color));overflow:hidden;border-radius:140px 140px 7px 7px;transition:border-radius .35s,background .35s}.shelf-visual:after{content:'';position:absolute;bottom:9%;left:20%;right:20%;height:15px;border-radius:50%;background:#172b242e;filter:blur(8px)}.shelf-visual .can-still{position:relative;z-index:2;height:88%;width:100%;object-fit:contain;padding:8% 0 0;transform:rotate(-6deg);transition:transform .55s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(5px 13px 10px #14230e2f)}.shelf-visual .fruit-peek{position:absolute;width:54%;right:-12%;bottom:0;transform:rotate(15deg);transition:transform .55s}.flavour-select:hover .can-still,.flavour-select:focus-visible .can-still{transform:translateY(-12px) rotate(5deg)}.flavour-select:hover .fruit-peek{transform:rotate(0) translateX(-12px)}.card-index{position:absolute;z-index:3;top:20px;left:25px;font-size:10px}.select-icon{position:absolute;right:20px;bottom:17px;width:28px;height:28px;border-radius:50%;background:var(--paper);display:grid;place-items:center;z-index:3;font-size:18px}.card-copy{padding:21px 0 23px;border-bottom:1px solid #23372b40;display:flex;justify-content:space-between;gap:7px;align-items:center}.card-copy h3{font-family:var(--display);font-size:31px;line-height:1.05}.card-copy h3 em{font-size:26px;display:block}.card-copy>span{font-size:8px;letter-spacing:1px;writing-mode:vertical-rl}.flavour-select[aria-pressed=true] .card-copy{border-bottom:3px solid var(--ink);padding-bottom:21px}.flavour-select[aria-pressed=true] .select-icon{background:var(--ink);color:var(--paper)}.flavour-detail{margin-top:36px;min-height:365px;border:1px solid #23372b30;border-radius:8px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:55px;transition:background .3s;background:linear-gradient(115deg,var(--detail-light,#ffe6b9),#f8f2e5 80%)}.detail-copy h3{font-family:var(--display);font-size:48px;line-height:1.05;margin:16px 0}.detail-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:400px}.taste-scale{display:flex;gap:8px;margin:22px 0}.taste-scale span{font-size:9px;border:1px solid #23372b40;border-radius:20px;padding:7px 11px}.detail-tabs{display:flex;gap:22px;border-bottom:1px solid #23372b30;margin-bottom:22px}.detail-tabs button{font-size:11px;padding:0 0 13px}.detail-tabs button[aria-selected=true]{border-bottom:2px solid var(--ink);font-weight:750}.detail-panel{min-height:146px;font-size:12px;line-height:1.8}.nutrient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.nutrient-grid b{font-family:var(--display);font-size:32px;font-weight:400;display:block}.nutrient-grid span{font-size:10px}.concept-data{font-size:10px;line-height:1.7;opacity:.74;max-width:400px}.detail-buy{border-top:1px solid #23372b30;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.detail-buy strong{font-family:var(--display);font-size:29px;font-weight:400}.detail-buy small{display:block;font-size:9px;margin-top:3px}.button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;border:1px solid var(--ink);border-radius:30px;padding:16px 23px;font-size:11px;line-height:1.3;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button.dark,.button.primary{background:var(--ink);color:var(--paper)}.button.outline{color:var(--ink)}.button span{font-size:18px}.brand-note{text-align:center;padding:100px 5% 0;position:relative;overflow:hidden;background:#dce2ca}.brand-note h2{font-family:var(--display);font-size:clamp(48px,6vw,90px);line-height:1;letter-spacing:-1.5px;margin:25px auto}.brand-note>p:not(.eyebrow){font-size:12px;line-height:1.9}.brand-note .button{margin-top:28px}.botanical-strip{height:165px;margin:65px -6% 0;background:url('./media/energy/lime-label.webp') center 53%/650px;mask-image:linear-gradient(transparent,black 25%)}footer{padding:40px 5.3%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;background:#223a2b;color:var(--paper)}footer .wordmark{font-size:54px}footer>p{font-family:var(--display);font-size:30px;text-align:right}footer button,footer>span{font-size:10px;opacity:.75;text-align:left}footer>span{text-align:right}
dialog{position:fixed;inset:0 0 0 auto;width:min(590px,100%);max-width:100%;height:100%;max-height:100%;margin:0;border:0;background:var(--paper);color:var(--ink);padding:0;box-shadow:-20px 0 100px #13271733}dialog::backdrop{background:#13271770;backdrop-filter:blur(5px)}.close{position:sticky;top:17px;left:calc(100% - 60px);margin:17px 20px 0 0;width:40px;height:40px;border:1px solid #23372b55;border-radius:50%;font-size:25px;z-index:10;background:var(--paper)}.drawer-body{padding:15px 40px 55px}.drawer-body>h2{font-family:var(--display);font-size:62px;line-height:1;margin:15px 0 25px;letter-spacing:-1px}.drawer-body>p{line-height:1.85;font-size:13px;margin:16px 0}.drawer-body .eyebrow{font-size:9px}.drawer-body details{padding:16px 0;border-top:1px solid #23372b30;border-bottom:1px solid #23372b30;font-size:12px;line-height:1.8}.drawer-body summary{cursor:pointer}.quantity{display:flex;align-items:center;gap:14px}.quantity button{width:30px;height:30px;border:1px solid #23372b55;border-radius:50%;font-size:18px}.quantity output{min-width:13px;text-align:center;font-size:12px}.purchase-row{display:flex;gap:20px;justify-content:space-between;margin:20px 0}.mix-reset{font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:20px}.bag-line{display:grid;grid-template-columns:85px 1fr;gap:22px;border-bottom:1px solid #23372b30;padding:24px 0}.bag-line img{height:142px;width:85px;object-fit:contain;background:var(--field);border-radius:6px;padding:5px}.bag-line h3{font-family:var(--display);font-size:29px;line-height:1.05}.bag-line p{font-size:10px;line-height:1.8;margin:7px 0}.line-price{display:block;font-size:14px;margin:10px 0}.line-controls{display:flex;justify-content:space-between}.remove{font-size:10px;text-decoration:underline}.bag-summary{display:flex;justify-content:space-between;font-size:19px;margin:28px 0}.full{width:100%}.demo-note{font-size:10px!important;line-height:1.8!important;opacity:.7;margin-top:17px!important}.empty-bag{padding:45px 0}.empty-bag h3{font-family:var(--display);font-size:39px}.empty-bag p{margin:20px 0;font-size:13px}.mix-progress{display:flex;justify-content:space-between;font-size:11px;margin-top:30px}.progress-track{height:3px;background:#23372b20;margin:14px 0}.progress-track span{display:block;height:100%;background:var(--ink)}.mix-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.mix-tile{padding:16px;background:var(--field);border-radius:6px}.mix-tile img{height:130px;width:100%;object-fit:contain}.mix-tile h3{font-family:var(--display);font-size:23px;margin:10px 0;min-height:48px}.mix-price{font-size:10px!important;text-align:center}.drawer-product{height:270px;background:radial-gradient(var(--field),transparent 70%);margin-bottom:20px}.drawer-product img{height:100%;width:100%;object-fit:contain}.drawer-feedback,#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--paper);padding:15px 24px;border-radius:30px;box-shadow:0 5px 20px #0002;font-size:11px;z-index:50;opacity:0;visibility:hidden;transition:.25s;max-width:85vw}.drawer-feedback{position:sticky;bottom:15px;margin:0 auto;width:max-content;max-width:90%;left:auto;transform:translateY(15px);text-align:center}.drawer-feedback.visible,#toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.drawer-feedback.visible{transform:none}.noscript{padding:40px}.no-webgl .fallback-can{display:block}
.floating-fruit,.fruit-peek{height:auto}.fruit-a{width:27vw;left:20%;bottom:-6%}.fruit-b{width:20vw;right:-5%;top:8%}.fruit-c{width:12vw;left:-6%;top:45%}.flavour-note{top:53%}.stage:before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 65% 65%,#faffae,transparent 42%),radial-gradient(ellipse at 15% 0%,#fff7d5,transparent 52%),linear-gradient(130deg,#e3dfc2,#d0d9ab);pointer-events:none}.finale-selectors{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0}.finale-selectors button{position:absolute;transform:translate(-50%,-50%);font-size:9px;border-bottom:1px solid #23372b66;padding:8px 5px;pointer-events:auto;white-space:nowrap}.finale-selectors button:hover,.finale-selectors button:focus-visible{background:var(--ink);color:var(--paper)}.finale-help{position:absolute;bottom:11%;left:5.3%;font-size:9px;letter-spacing:1px}.no-webgl .world:nth-child(4) .fallback-can{display:block}.no-webgl .finale-copy{display:none!important}
@media(min-width:1700px){.shelf-visual{height:440px}}@media(max-width:1100px){.world h1,.world h2{font-size:10vw}.world-head{width:40%}.world .intro{max-width:185px}.flavour-note{right:4%;width:19%}.flavour-note h3{font-size:31px}.fruit-a{left:16%}.shelf-visual{height:290px}.card-copy h3{font-size:27px}.card-copy h3 em{font-size:22px}.flavour-detail{gap:30px;padding:27px}.shelf-heading h2{font-size:68px}.detail-buy .button{padding:14px;gap:15px}.stage{min-height:620px}}@media(max-width:700px){.site-header{padding:22px 6%}.wordmark{font-size:40px}.site-header nav{display:none}.journey{height:590svh}.stage{min-height:700px}.world-head{top:16%;left:7%;width:75%}.world h1,.world h2{font-size:75px;margin-top:18px}.world h1 em,.world h2 em{display:inline}.world .intro{display:none}.flavour-note{top:auto;bottom:12%;right:6%;width:45%}.flavour-note h3{font-size:29px}.flavour-note p{font-size:10px}.flavour-note .note-number,.flavour-note .taste{display:none}.fruit-a{width:40%;left:-8%;bottom:13%}.fruit-b{width:32%;right:-8%;top:25%}.fruit-c{display:none}.journey-foot{bottom:23px;left:7%;right:7%}.scroll-note{display:none}.finale-copy{top:14%;left:7%}.finale-copy h2{font-size:67px}.finale-selectors{display:none}.flavour-section{padding:60px 6%}.shelf-heading{align-items:center;gap:10px;flex-wrap:wrap}.shelf-heading h2{font-size:60px}.shelf-heading>p{display:none}.round-link{width:82px;height:82px;font-size:9px}.flavour-grid{grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:35px}.shelf-visual{height:235px}.card-copy h3{font-size:27px}.card-copy h3 em{font-size:23px}.card-copy>span{display:none}.flavour-detail{grid-template-columns:1fr;padding:24px;gap:28px}.detail-copy h3{font-size:39px}.detail-tabs{gap:20px}.brand-note{padding-top:65px}.brand-note h2{font-size:47px}.brand-note>p:not(.eyebrow){font-size:11px}.botanical-strip{height:110px}footer{grid-template-columns:1fr;padding:36px 6%;gap:18px}footer>p,footer>span{text-align:left}footer .wordmark{font-size:43px}.drawer-body{padding:12px 25px 40px}.drawer-body>h2{font-size:52px}.purchase-row{gap:10px}.purchase-row .button{padding:15px;gap:12px}.shelf-heading .eyebrow{font-size:8px}.fallback-can{left:27%;top:30%;height:47%;width:42%}}
.site-header{position:fixed;color:var(--header-ink,#44200f);transition:background .25s,padding .25s}.site-header .wordmark,footer .wordmark{font-family:DMSerif;letter-spacing:-2px}.bag-count{border-color:currentColor}.past-journey .site-header{background:#f5f0e4f5;backdrop-filter:blur(10px);color:#23372b;padding-top:17px;padding-bottom:17px;border-bottom:1px solid #23372b20}.world .intro{font-size:13px}.world .intro span{line-height:1.3;margin-bottom:10px}.flavour-note p{font-size:13px;line-height:1.75}.flavour-note .taste{font-size:9px}.stage-floor{inset:45% -30% -35%;transform:scaleY(.65)}.detail-copy,.detail-info{color:#23372b}
@media(max-width:700px){.world-head{top:13%}.world h1,.world h2{font-size:54px}.world h1 em,.world h2 em{display:block}.fallback-can{top:29%;height:36%;width:40%;left:30%}.flavour-note p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-toggle{display:none}.journey{height:auto}.stage{height:auto;position:relative;min-height:0}.worlds{position:relative}.world{position:relative;height:100svh;min-height:700px;opacity:1!important;transform:none!important;pointer-events:auto}.world-head,.flavour-note{opacity:1!important;transform:none!important}.fallback-can{display:block}#can-stage,.finale-copy,.stage-floor,.impact-ring,.journey-foot,.finale-selectors{display:none}.floating-fruit{transform:none!important}.site-header{position:absolute}.shelf-visual .can-still{transform:none!important}}