/* Preview 03: fruit, foliage and the same substantial serif as the wordmark. */
:root{--display:DMSerif}em{font-style:normal}.site-header{padding:22px 5.3%;color:#23372b;background:linear-gradient(#f8f2dfec,#f8f2dfc2 70%,#f8f2df00);min-height:102px}.past-journey .site-header{background:#f5f0e4f5}.site-header nav{font-size:12px}.bag-button{border:1px solid #23372b66;border-radius:28px 8px 28px 8px;padding:8px 10px 8px 18px;background:#f5efdfc9}.bag-count{background:#23372b;color:#f5efdf;border:0}
.world{background:var(--world-art) center/cover no-repeat}.world:after,.world-orbit,.stage:before{display:none}.world-head{left:10.5%;top:26%;width:34%}.world h1,.world h2{font-size:clamp(74px,7.4vw,122px);line-height:.93;letter-spacing:-.045em;margin-top:22px}.world .intro{margin-top:27px}.world .intro span{font-size:27px}.flavour-note{right:8.5%;top:53%;width:18%}.flavour-note h3{font-size:36px;line-height:1.04}.flavour-note .note-number{font-size:8px;letter-spacing:1.2px;border-color:currentColor;padding-bottom:12px;margin-bottom:16px}.flavour-note p{font-size:12px}.flavour-note .taste{font-size:8px;letter-spacing:.5px}.fruit-a{width:23vw;left:24%;bottom:-10%}.fruit-b{width:17vw;right:9%;top:15%}.fruit-c{display:none}
.journey-foot{left:9%;right:7%;bottom:21px}.chapter-nav{gap:6px}.chapter-nav button{position:relative;width:41px;height:64px;border:0;background:none!important;border-radius:0;opacity:.72;transition:transform .4s,opacity .4s}.chapter-nav img{height:60px;width:40px;object-fit:contain;filter:drop-shadow(1px 4px 3px #13271733);transition:transform .4s}.chapter-nav button[aria-current=true]{opacity:1}.chapter-nav button[aria-current=true] img,.chapter-nav button:hover img{transform:translateY(-9px) rotate(-7deg)}.chapter-nav button[aria-current=true]:after{content:'';position:absolute;bottom:0;left:17px;width:5px;height:5px;border-radius:50%;background:var(--stage-ink)}.chapter-nav button span{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);padding:7px 10px;background:#f5f0e4;color:#23372b;border-radius:5px;white-space:nowrap;font-size:9px;opacity:0;pointer-events:none}.chapter-nav button:hover span,.chapter-nav button:focus-visible span{opacity:1}.scroll-note{font-weight:700;margin-left:0}.motion-toggle{font-weight:700;background:#f5f0e4a6;color:#23372b;padding:9px 12px;border-radius:20px}
.finale-backdrop{position:absolute;inset:0;background:url('./media/botanical/finale-bg.webp') center/cover no-repeat;opacity:0;z-index:0}.stage-floor{display:none}.finale-copy{top:17%;left:10%;right:10%;text-align:center;pointer-events:none}.finale-copy h2{font-size:clamp(58px,5.5vw,88px);line-height:.94;margin:18px 0 10px}.finale-copy h2 br{display:none}.finale-copy h2 em{display:block}.finale-copy .text-link{pointer-events:auto;font-size:10px;padding:8px 0;gap:35px}.finale-vines{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transform:translateY(65%)}.finale-vines img{position:absolute;bottom:-54%;width:34%;height:100%;object-fit:fill}.finale-vines img:first-child{left:-14%;transform:rotate(-13deg)}.finale-vines img:last-child{right:-14%;transform:rotate(13deg)}.impact-ring{left:75%;top:78%;width:30vw;height:6vw;border-color:#fff8d3a1}.finale-selectors button{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.1px;padding:8px 13px 8px 7px;background:#f6f0dfdf;border:1px solid #23372b65;border-radius:22px 6px 22px 6px;box-shadow:2px 3px 0 #23372b18;transition:background .3s,color .3s,box-shadow .3s}.finale-selectors button img{height:33px;width:20px;object-fit:contain}.finale-selectors button span{font-size:15px}.finale-selectors button.is-hovered{background:#23372b;color:#f5f0e4;box-shadow:3px 5px 0 #82926140}.finale-help{left:50%;transform:translateX(-50%);bottom:8%;font-size:8px;letter-spacing:1.8px}.finale-selectors button:focus-visible{outline-offset:4px}
.flavour-section{padding:75px 7% 85px;background:#f4f0e4}.shelf-heading{align-items:center}.shelf-heading h2{font-size:67px;letter-spacing:-2px}.shelf-heading>p{font-size:11px}.round-link{width:185px;height:90px;flex-direction:row;align-items:center;gap:9px;border-radius:52px 8px 52px 8px;border:1px solid #23372b;background:#e0e7c8;box-shadow:4px 4px 0 #23372b20;font-family:var(--display);font-size:21px;line-height:1;transform:rotate(-3deg);transition:transform .4s,background .3s,color .3s}.round-link img{height:75px;width:50px;object-fit:contain;transform:rotate(-12deg)}.round-link>span{font-size:21px;text-align:left}.round-link b{font:18px var(--body);margin-left:4px}.round-link:hover{transform:rotate(0) translateY(-3px)}
.flavour-workbench{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;gap:32px;margin-top:40px}.flavour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin:0}.shelf-visual{height:242px;border-radius:100px 100px 9px 9px;background:var(--world-art) center/cover no-repeat}.shelf-visual .can-still{height:95%;padding:3% 0 0;transform:rotate(-5deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.shelf-visual .fruit-peek{width:37%;right:-9%;bottom:-5%}.flavour-select:hover .can-still,.flavour-select:focus-visible .can-still{transform:translateY(-13px) scale(1.13) rotate(3deg)}.card-copy{padding:12px 1px 13px}.card-copy h3{font-size:24px;line-height:1.05}.card-copy h3 em{font-size:19px;margin-top:3px;opacity:.8}.card-copy>span{display:none}.flavour-select[aria-pressed=true] .card-copy{padding-bottom:11px}.select-icon{right:12px;bottom:12px;width:25px;height:25px;font-size:16px}
.flavour-detail{position:relative;isolation:isolate;margin:0;border:0;border-radius:0;padding:73px 15% 69px;display:flex;flex-direction:column;gap:22px;background:radial-gradient(ellipse at center,#faf5e9 15%,var(--detail-light) 170%);min-height:650px;scroll-margin-top:100px}.detail-vine{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}.detail-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.detail-copy h3{font-size:40px;letter-spacing:-1px;margin:13px 0;line-height:1.03}.detail-copy h3 em{font-size:.8em}.detail-copy .detail-subtitle{font-size:12px}.detail-info{flex:1;display:flex;flex-direction:column;min-width:0}.detail-tabs{gap:16px;margin-bottom:18px}.detail-tabs button{font-size:10px;padding-bottom:10px;white-space:nowrap}.detail-panel{font-size:11px;min-height:167px;flex:1;line-height:1.85}.detail-panel .taste-scale{flex-wrap:wrap;gap:4px;margin:16px 0}.taste-scale span{font-size:8px;padding:5px 8px}.concept-data{font-size:9px;opacity:.78}.nutrient-grid{gap:7px}.nutrient-grid b{font-size:26px;white-space:nowrap}.nutrient-grid span{font-size:9px}.detail-buy{gap:10px;padding-top:15px;margin-top:18px}.detail-buy strong{font-size:25px}.detail-buy .button{padding:13px 15px;font-size:10px;gap:15px}.detail-buy small{font-size:8px}
.button{border-radius:25px 5px 25px 5px;box-shadow:3px 3px 0 #84976f44;font-weight:650;padding:16px 23px;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translate(-1px,-3px);box-shadow:5px 6px 0 #84976f44}.button.dark,.button.primary{background:#23452f}.button.outline{background:#f8f2e0}.brand-note{padding:100px 5% 150px;background:url('./media/botanical/finale-bg.webp') center/cover no-repeat}.brand-note h2{font-size:clamp(48px,5vw,74px);line-height:1.03;max-width:900px}.brand-note>p:not(.eyebrow){font-size:12px}.botanical-strip{display:none;background:none}footer{background:#183b28}footer>p{font-size:27px}
dialog{width:min(640px,100%);background:#f5f0e4;isolation:isolate}.drawer-botanical{position:fixed;right:0;top:0;width:min(640px,100%);height:100%;background:var(--drawer-vine,url('./media/botanical/lime-vine.webp')) center/100% 100% no-repeat;z-index:-1;pointer-events:none}.drawer-body{padding:27px 76px 75px}.drawer-body>h2{font-size:50px;line-height:1.02;letter-spacing:-1.5px}.drawer-body>p{font-size:12px}.close{left:calc(100% - 62px);background:#f5f0e4;box-shadow:2px 2px 0 #23372b20}.bag-line{gap:15px;grid-template-columns:76px 1fr;padding:25px 0}.bag-line img{width:76px;height:130px;border-radius:50px 50px 7px 7px;background:radial-gradient(#f9f4de,var(--field))}.bag-line h3{font-size:25px}.line-controls{gap:12px}.empty-bag{padding:55px 0}.empty-bag>span{display:block;width:90px;height:125px;margin:0 auto 25px;background:url('./media/energy/lime-can.png') center/contain no-repeat;transform:rotate(-12deg)}.empty-bag h3{font-size:38px}.empty-bag .button{margin-top:10px}.mix-tile{border-radius:65px 65px 8px 8px;background:var(--tile-art) center/cover no-repeat;padding:16px 18px}.mix-tile h3{font-size:21px;min-height:63px;background:#f5f0e4d9;border-radius:6px;padding:8px}.mix-tile .quantity{background:#f5f0e4e9;border-radius:20px;padding:5px;gap:10px;justify-content:space-between}.mix-tile img{height:115px}.bag-summary{font-family:var(--display);font-size:25px}.drawer-feedback{z-index:15}
@media(min-width:1650px){.shelf-visual{height:285px}.flavour-detail{padding-top:85px;padding-bottom:85px}.detail-copy h3{font-size:48px}.detail-panel{font-size:13px}.detail-tabs button{font-size:11px}}
@media(max-width:1150px){.world-head{left:9%;width:36%}.world h1,.world h2{font-size:8vw}.flavour-note{right:7%;width:20%}.flavour-note h3{font-size:29px}.flavour-note p{font-size:11px}.shelf-heading h2{font-size:58px}.shelf-heading>p{display:none}.flavour-section{padding-left:5%;padding-right:5%}.flavour-workbench{gap:22px;grid-template-columns:1fr 1fr}.shelf-visual{height:220px}.flavour-detail{padding:68px 13%}.detail-copy h3{font-size:35px}.detail-tabs{gap:11px}.detail-tabs button{font-size:9px}.detail-buy .button{padding:12px 10px;gap:8px}.finale-selectors button{font-size:9px;padding:6px 8px}.finale-selectors button img{height:28px;width:17px}}
@media(max-width:700px){.site-header{padding:20px 6%;min-height:80px}.wordmark{font-size:38px}.bag-button{padding:5px 8px 5px 13px;font-size:10px}.world-head{top:15%;left:8%;width:84%}.world h1,.world h2{font-size:57px;line-height:.95;margin-top:15px}.world .eyebrow{font-size:7px}.world .intro{display:none}.flavour-note{top:auto;bottom:13%;right:8%;width:47%}.flavour-note h3{font-size:27px}.flavour-note p{font-size:10px}.fruit-a{left:-12%;bottom:11%;width:45vw}.fruit-b{right:-6%;top:28%;width:33vw}.journey-foot{left:5%;right:5%;bottom:16px}.chapter-nav{gap:0}.chapter-nav button{width:35px;height:59px}.chapter-nav img{width:35px;height:54px}.motion-toggle{font-size:8px;padding:8px}.finale-copy{top:18%;left:7%;right:7%}.finale-copy h2{font-size:48px}.finale-copy .eyebrow{font-size:8px}.finale-selectors{display:block}.finale-selectors button{padding:6px 5px;font-size:7px;gap:0;border-radius:10px 3px 10px 3px}.finale-selectors button img,.finale-selectors button span,.finale-help{display:none}.finale-vines img{width:50%;bottom:-50%}.finale-vines img:first-child{left:-23%}.finale-vines img:last-child{right:-23%}.flavour-section{padding:60px 6%}.shelf-heading{flex-wrap:nowrap;gap:10px}.shelf-heading h2{font-size:44px;letter-spacing:-1.5px}.shelf-heading .eyebrow{font-size:7px}.round-link{width:110px;height:75px;flex-shrink:0;gap:0}.round-link img{height:53px;width:32px}.round-link>span{font-size:16px}.round-link b{font-size:13px}.flavour-workbench{grid-template-columns:1fr;margin-top:32px;gap:30px}.flavour-grid{gap:20px 13px}.shelf-visual{height:225px}.card-copy h3{font-size:23px}.card-copy h3 em{font-size:18px}.flavour-detail{min-height:615px;padding:73px 14% 68px}.detail-copy h3{font-size:38px}.detail-tabs{gap:15px}.detail-tabs button{font-size:9px}.detail-panel{font-size:11px}.brand-note{padding:75px 8% 115px}.brand-note h2{font-size:42px}.brand-note>p:not(.eyebrow){font-size:11px}.drawer-body{padding:25px 40px 65px}.drawer-body>h2{font-size:43px}.drawer-botanical{opacity:.8}.bag-line h3{font-size:24px}.mix-tile{padding:13px}.mix-tile h3{font-size:19px}.purchase-row{gap:10px}.purchase-row .button{padding:13px;gap:6px}}
.detail-panel{font-size:12px}.detail-info{flex:0}.flavour-detail{padding:96px 18% 125px 20%;gap:20px;min-height:690px}.detail-buy{margin-top:16px}.detail-copy h3{font-size:38px}.detail-panel{min-height:162px}.detail-buy .button{white-space:nowrap;padding:13px 12px}.detail-copy .detail-subtitle{font-size:11px}.finale-copy{top:13%}.finale-copy h2{font-size:clamp(54px,5vw,76px)}.finale-copy .text-link{padding:6px 0}.chapter-nav{padding:4px 8px;background:#f5f0e4a8;backdrop-filter:blur(8px);border:1px solid #f5f0e466;border-radius:32px 8px 32px 8px}.scroll-note{background:#f5f0e4a8;backdrop-filter:blur(8px);padding:7px 13px;border-radius:20px;color:#23372b}.detail-vine{opacity:.88}
@media(max-width:1150px){.detail-copy h3{font-size:32px}.flavour-detail{padding:91px 16% 120px 20%;min-height:690px}.detail-buy{flex-wrap:wrap}.detail-buy .button{flex:1}.detail-panel{min-height:150px}.detail-tabs{gap:10px}.finale-copy h2{font-size:5vw}}
@media(max-width:700px){.flavour-detail{padding:90px 17% 125px 20%;min-height:685px}.detail-copy h3{font-size:34px}.detail-tabs{gap:12px}.detail-tabs button{font-size:8px}.detail-buy{flex-wrap:nowrap}.detail-buy .button{padding:12px 8px;gap:8px;font-size:9px}.finale-copy{top:17%}.finale-copy h2{font-size:46px}.chapter-nav{padding:0 2px}}
.world:nth-child(2) h2{font-size:clamp(68px,6.4vw,106px)}.world:nth-child(2) .world-head{width:36%}.detail-copy,.detail-info{position:relative;background:#f8f3e6;box-shadow:0 0 16px 9px #f8f3e6}.detail-copy{border-radius:8px}.detail-info{border-radius:0 0 8px 8px}.drawer-body{margin:0 14%;padding:32px 0 65px;background:#f5f0e4;box-shadow:0 0 16px 12px #f5f0e4;position:relative}.drawer-body>h2{margin-top:15px}.drawer-body .empty-bag{padding-top:30px}
@media(max-width:700px){.world:nth-child(2) h2{font-size:53px}.world:nth-child(2) .world-head{width:84%}.drawer-body{margin:0 11%;padding:30px 0 60px}.detail-copy,.detail-info{box-shadow:0 0 12px 7px #f8f3e6}.bag-line{grid-template-columns:60px 1fr;gap:10px}.bag-line img{width:60px}.line-controls{flex-wrap:wrap}.mix-grid{gap:9px}.mix-tile{padding:11px}.mix-tile h3{font-size:17px}}
.finale-copy h2{font-size:clamp(50px,4.7vw,72px)}.finale-copy h2 em{display:inline;margin-left:.2em}.finale-copy .text-link{display:none}.brand-note{background-image:radial-gradient(ellipse at 50% 38%,#fff4d9 0%,#fff4d9ef 32%,#fff4d988 52%,transparent 74%),url('./media/botanical/finale-bg.webp')}.brand-note h2{font-size:clamp(44px,4.6vw,68px);max-width:810px}
@media(max-width:700px){.nutrient-grid b{font-size:21px}.finale-copy h2{font-size:43px}.finale-copy h2 em{display:block;margin-left:0}}
@media(prefers-reduced-motion:reduce){.finale-backdrop,.finale-vines,.finale-selectors{display:none}.chapter-nav img,.round-link{transform:none}.flavour-select:hover .can-still,.flavour-select:focus-visible .can-still{transform:none!important}.site-header{position:absolute}}