:root{--ink:#0a0a0a;--paper:#fff;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--paper);background:#bd8627;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}img{display:block;max-width:100%}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.06em;line-height:.9}.mono{font:9px/1.7 var(--mono);letter-spacing:.16em;text-transform:uppercase}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:15px;background:white;color:black}.skip:focus{top:20px}header{position:absolute;left:4.5vw;right:4.5vw;top:24px;display:flex;justify-content:space-between;align-items:center;z-index:20}.brand{width:80px}.header-cta{padding:15px 0;border-bottom:1px solid #ffffff60}
.stage{position:relative}.stage-bg,.stage-shade,#film,.giant-word,.volume-gauge,.stage-ui{display:none}.scene{position:relative;background:var(--scene-tone);min-height:100svh;padding:100px 6vw;overflow:hidden}.scene-copy{position:relative;z-index:4;max-width:600px}.scene h1,.scene h2{font-size:clamp(64px,8.3vw,132px)}.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.line>span{display:block;transform-origin:left bottom}.scene-copy .eyebrow{display:block;margin-bottom:25px}.scene-copy p{font-size:clamp(17px,1.5vw,22px);line-height:1.4;letter-spacing:-.02em;max-width:29ch;margin-top:25px}.scene-foot{display:block;position:absolute;bottom:90px;left:5vw}.static-art{max-height:65svh;max-width:65%;margin:0 auto 30px}.pill{display:inline-flex;border:1px solid #ffffffa0;border-radius:50px;padding:15px 24px;margin-top:30px;font-size:12px;gap:20px;transition:background .2s,color .2s}.pill:hover{background:white;color:black}.tasting{display:flex;gap:10px;padding:0;margin:25px 0;list-style:none;flex-wrap:wrap}.tasting li{border:1px solid #ffffff70;border-radius:50px;padding:8px 13px;font-size:11px}.profile-link{display:inline-block;font-size:11px;font-weight:700;border-bottom:1px solid #ffffff70;padding:8px 0}.profile-link span{margin-left:25px}
.enhanced .journey{height:calc(var(--travel) + 100svh);position:relative}.enhanced .stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.enhanced .stage-bg{display:block;position:absolute;inset:0;z-index:-3;background:#bd8627}.enhanced .stage-shade{display:block;position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0005,transparent 60%);pointer-events:none}.enhanced #film{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1}.enhanced .giant-word{display:block;position:absolute;left:-2vw;top:35%;white-space:nowrap;font-size:22vw;font-weight:800;letter-spacing:-.07em;line-height:.8;opacity:.1;z-index:-1;pointer-events:none}.enhanced .scene{position:absolute;inset:0;background:none;padding:0;min-height:0;visibility:hidden;pointer-events:none}.enhanced .scene.active{visibility:visible}.enhanced .scene-copy{position:absolute;left:5vw;top:50%;transform:translateY(-50%);max-width:40vw;pointer-events:auto}.enhanced .scene-foot{bottom:90px;left:5vw}.enhanced .static-art{position:absolute;right:-8%;top:10%;width:90%;height:80%;object-fit:contain;margin:0;max-width:none;max-height:none}.enhanced .stage.drawn .static-art{opacity:0}.enhanced .scene-mango .static-art{right:8%;width:30%;object-fit:contain}.enhanced .scene-citrus .static-art,.enhanced .scene-volume .static-art{right:15%;width:28%}.enhanced .scene-bead .static-art{left:0;right:auto;width:47%;top:0;height:100%;object-fit:cover}.enhanced .scene-bead .scene-copy{left:56%;max-width:40%}.scene-bead h2{font-size:clamp(58px,6.6vw,110px)}.enhanced .scene-lineup .scene-copy{top:8%;left:5%;transform:none;max-width:90%}.scene-lineup h2{font-size:clamp(45px,6vw,96px)}.scene-lineup .line{display:inline-block;margin-right:.2em}.scene-lineup p{margin-top:18px}.scene-lineup .pill{margin-top:20px}.enhanced .scene-lineup .static-art{width:100%;right:0;top:25%;height:70%}.enhanced .stage-ui{display:flex;position:absolute;bottom:25px;left:5vw;right:5vw;align-items:center;justify-content:space-between;z-index:10;gap:30px}.scene-nav{display:flex;gap:4px}.scene-nav a{display:grid;place-items:center;width:29px;height:35px}.scene-nav span{display:block;width:20px;height:3px;background:#ffffff40;transition:background .2s}.scene-nav a[aria-current=true] span{background:white}.stage-ui button{border:1px solid #ffffff60;background:#0002;padding:9px 13px;border-radius:30px;font:9px var(--mono)}.enhanced .volume-gauge{display:block;position:absolute;right:6%;top:21%;z-index:3;opacity:0;pointer-events:none}.volume-count{display:block;font-size:10vw;font-weight:800;letter-spacing:-.075em;line-height:1}.volume-gauge i{display:block;width:12vw;height:2px;background:white;margin-top:15px}
.profiles{background:#0a0a0a;padding:100px 6vw 80px;position:relative;z-index:12}.profiles-heading{display:flex;justify-content:space-between;align-items:end;flex-direction:row-reverse;margin-bottom:45px}.profiles-heading>.mono{opacity:.55}.profiles h2{font-size:clamp(65px,7.5vw,120px)}.profile-tabs{display:flex;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;margin-bottom:50px;overflow-x:auto}.profile-tabs button{flex:1;white-space:nowrap;border:0;background:none;padding:20px 16px;font-size:13px;color:#888;position:relative}.profile-tabs button[aria-pressed=true]{color:white}.profile-tabs button[aria-pressed=true]:after{content:"";position:absolute;height:3px;bottom:0;left:15px;right:15px;background:var(--tone)}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.profile-photo{position:relative;overflow:hidden;background:#191919}.profile-photo>img{width:100%;aspect-ratio:2/3;object-fit:cover}.view-switch{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;padding:4px;background:#0a0a0ae8;border:1px solid #ffffff40;border-radius:40px;white-space:nowrap}.view-switch button{background:none;border:0;border-radius:40px;padding:12px 17px;font-size:11px;color:#aaa}.view-switch button[aria-pressed=true]{background:white;color:black}.profile-detail{padding-top:30px}.profile-detail h3{font-size:clamp(48px,5.5vw,85px);margin-top:25px}.profile-detail>p:not(.mono){font-size:20px;line-height:1.45;max-width:28ch;margin-top:25px}.product-facts{margin:30px 0;font-size:10px;line-height:1.9}.spin-control{margin-top:25px;display:grid;grid-template-columns:110px 1fr;column-gap:24px;align-items:center;max-width:430px}.spin-art{position:relative;grid-row:span 2;height:180px}.spin-art img,.spin-art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.spin-art canvas{opacity:0}.spin-art.drawn canvas{opacity:1}.spin-art.drawn img{opacity:0}.spin-control label{font-size:13px;align-self:end;padding-bottom:15px}.spin-control label span{float:right}input[type=range]{width:100%;accent-color:white;cursor:ew-resize;align-self:start}.profile-detail .profile-link{margin-top:0}footer{background:#0a0a0a;padding:50px 6vw 30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25}footer>img{width:100px}footer>p{font-size:clamp(35px,5vw,80px);font-weight:800;line-height:.95;letter-spacing:-.05em}.footer-line{width:100%;display:flex;justify-content:space-between;margin-top:65px;opacity:.6;font-size:8px}
@media(max-width:700px){header{top:18px;left:5vw;right:5vw}.brand{width:65px}.header-cta{font-size:8px}.scene{padding:80px 6vw;min-height:100svh}.scene h1,.scene h2{font-size:clamp(52px,14vw,85px)}.enhanced .scene-copy{left:6vw;top:11%;transform:none;max-width:88vw;width:88vw}.enhanced .scene-drop .scene-copy{top:18%}.scene-drop h1{font-size:14vw}.scene-copy .eyebrow{font-size:7px;margin-bottom:17px}.scene-copy p{font-size:15px;margin-top:18px;max-width:30ch}.scene-drop .pill{margin-top:20px}.tasting{gap:6px;margin:17px 0 8px}.tasting li{font-size:9px;padding:6px 10px}.profile-link{font-size:10px}.enhanced .scene-foot{bottom:83px;left:6vw;font-size:7px}.enhanced .stage-ui{bottom:20px;left:6vw;right:6vw;gap:12px;flex-wrap:wrap}.story-counter{display:none}.scene-nav{gap:1px}.scene-nav a{width:22px;height:35px}.scene-nav span{width:14px}.stage-ui button{font-size:8px;padding:10px}.enhanced .static-art{width:150%;right:-25%;top:39%;height:52%}.enhanced .scene-mango .static-art{right:8%;width:50%;top:40%;height:47%}.enhanced .scene-citrus .static-art,.enhanced .scene-volume .static-art{right:24%;width:48%;top:39%;height:50%}.enhanced .scene-bead .scene-copy{left:6%;top:10%;max-width:88%}.enhanced .scene-bead .static-art{left:0;top:40%;width:100%;height:60%}.enhanced .scene-lineup .scene-copy{top:13%;left:6%;max-width:88%}.scene-lineup .line{display:block}.scene-lineup h2{font-size:12vw}.enhanced .scene-lineup .static-art{top:40%;height:45%;width:145%;right:-22.5%}.enhanced .volume-gauge{top:47%;right:7%}.volume-count{font-size:17vw}.volume-gauge .mono{font-size:7px}.volume-gauge i{width:18vw}.enhanced .giant-word{font-size:35vw;top:59%}.profiles{padding:70px 6vw}.profiles-heading{display:block}.profiles-heading>.mono{display:block;margin-bottom:25px;font-size:8px}.profiles h2{font-size:15vw}.profile-tabs{margin-bottom:30px;gap:10px}.profile-tabs button{padding:17px 5px;font-size:10px}.profile-tabs button[aria-pressed=true]:after{left:3px;right:3px}.profile-layout{grid-template-columns:1fr;gap:30px}.profile-photo>img{aspect-ratio:2/3}.profile-detail{padding-top:0}.profile-detail h3{font-size:15vw}.profile-detail>p:not(.mono){font-size:18px}.spin-control{max-width:none}.spin-art{height:190px}.profile-detail .tasting{margin:25px 0}.footer-line{gap:20px;font-size:6px}footer>img{width:75px}footer>p{font-size:34px}}
@media(min-width:701px) and (max-height:600px){.scene h1,.scene h2{font-size:7vw}.scene-copy .eyebrow{margin-bottom:15px;font-size:7px}.scene-copy p{font-size:15px;margin-top:15px}.tasting{margin:12px 0}.tasting li{padding:5px 9px;font-size:9px}.enhanced .scene-foot{bottom:55px;font-size:7px}.enhanced .stage-ui{bottom:10px}.scene-lineup h2{font-size:5vw}.scene-lineup .pill{margin-top:12px}.pill{padding:11px 18px}.scene-drop .pill{margin-top:17px}.brand{width:65px}header{top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.scene-foot{position:static;margin-top:30px}}
.enhanced .stage-shade{background:none}.stage[data-scene=drop],.stage[data-scene=volume],.stage[data-scene=wild],.stage[data-scene=mango],.stage[data-scene=lime],.stage[data-scene=lineup]{color:#0a0a0a}.stage[data-scene=drop] .pill,.stage[data-scene=lineup] .pill,.stage[data-scene=wild] .tasting li,.stage[data-scene=mango] .tasting li,.stage[data-scene=lime] .tasting li{border-color:#0a0a0a70}.stage .profile-link{border-color:currentColor}.stage[data-scene=drop] .scene-nav span,.stage[data-scene=volume] .scene-nav span,.stage[data-scene=wild] .scene-nav span,.stage[data-scene=mango] .scene-nav span,.stage[data-scene=lime] .scene-nav span,.stage[data-scene=lineup] .scene-nav span{background:#0003}.stage[data-scene=drop] .scene-nav a[aria-current=true] span,.stage[data-scene=volume] .scene-nav a[aria-current=true] span,.stage[data-scene=wild] .scene-nav a[aria-current=true] span,.stage[data-scene=mango] .scene-nav a[aria-current=true] span,.stage[data-scene=lime] .scene-nav a[aria-current=true] span,.stage[data-scene=lineup] .scene-nav a[aria-current=true] span{background:#0a0a0a}.stage[data-scene=drop] .stage-ui button,.stage[data-scene=volume] .stage-ui button,.stage[data-scene=wild] .stage-ui button,.stage[data-scene=mango] .stage-ui button,.stage[data-scene=lime] .stage-ui button,.stage[data-scene=lineup] .stage-ui button{border-color:#0a0a0a70;background:transparent}.volume-gauge i{background:currentColor}header{color:#0a0a0a}.brand img{filter:brightness(0)}.header-cta{border-color:#0a0a0a80}
.enhanced .scene:not(.active):not(.incoming) .static-art{display:none}
:root{--display:Impact,"Arial Black","Helvetica Neue",sans-serif;--warm:#fff9e9;--ink:#11110d}
html{scroll-padding-top:24px}body{background:#ff258d}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid currentColor;outline-offset:5px}
header{top:25px;left:3.5vw;right:3.5vw;align-items:center;transition:color .2s}
.brand{width:94px}.header-cta{font-size:10px;letter-spacing:.08em;font-weight:700}
.scene h1,.scene h2{font-family:var(--display);font-weight:900;letter-spacing:-.035em;line-height:.93;font-size:clamp(65px,7.6vw,125px);text-transform:uppercase}
.scene-copy .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:22px}
.scene-copy p{font-size:18px;line-height:1.4;max-width:26ch;margin-top:22px}
.enhanced .scene-copy{top:50%;left:5vw;max-width:35vw}
.scene .line{padding-bottom:.12em;margin-bottom:-.12em}
.pill{border:1px solid currentColor!important;border-radius:0;min-height:48px;padding:16px 20px;min-width:195px;justify-content:space-between;align-items:center;font-weight:700}
.pill:hover{background:var(--ink);color:var(--warm)}
.stage[data-scene=bead] .pill:hover,.stage[data-scene=citrus] .pill:hover{background:var(--warm);color:var(--ink)}
.tasting{margin:20px 0 8px;gap:14px}.tasting li{border:0!important;border-radius:0;padding:0;font-size:11px}.tasting li+li:before{content:"/";margin-right:14px;opacity:.45}
.profile-link{font-size:12px}.enhanced .scene-foot{bottom:79px;font-size:9px;letter-spacing:.1em}
.stage-ui .mono{font-size:8px}.enhanced .stage-ui{bottom:20px;left:3.5vw;right:3.5vw}.stage-ui button{border-radius:0;font-size:9px;min-height:36px}
.scene-nav a{width:30px;height:36px}.scene-nav span{width:22px;height:2px}
.chapter-progress{display:none}.enhanced .chapter-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:3px;background:#0002;z-index:15}.chapter-progress i{height:100%;width:100%;display:block;background:currentColor;transform:scaleX(0);transform-origin:left}
.enhanced .next-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:0}
.enhanced .scene.incoming{visibility:visible;pointer-events:none}.enhanced .scene.incoming .scene-copy{pointer-events:none}
.enhanced .giant-word{font-family:var(--display);font-size:24vw;opacity:.13;top:33%;left:0}
.hero-type,.orbit-type,.pint-ruler,.mango-seam,.scene-drag{display:none}
.enhanced .hero-type{display:block;position:absolute;left:4vw;right:4vw;top:21%;font:900 21vw/.77 var(--display);letter-spacing:-.025em;pointer-events:none;z-index:0;color:#11110d}
.hero-type span{display:block}.hero-type span:first-child{font-size:.4em;margin:0 0 .18em .02em}.hero-type span:last-child{white-space:nowrap}
.enhanced .scene-drop .scene-copy{left:5vw;top:auto;bottom:12%;transform:none;max-width:28vw}
.scene-drop h1{font:800 clamp(26px,2.6vw,44px)/1.02 var(--sans);text-transform:none;letter-spacing:-.05em}
.scene-drop .eyebrow{display:none}.scene-drop p{font-size:15px;margin-top:12px}.scene-drop .pill{margin-top:18px}
.enhanced .scene-drop .scene-foot{left:auto;right:5vw;bottom:90px;max-width:15ch;text-align:right;line-height:1.8}
.stage[data-scene=drop] #film{mask-image:none!important}
.enhanced .scene-drop .static-art{left:41%;top:12%;width:43%;height:77%;right:auto}
.stage[data-scene=drop],.stage[data-scene=volume],.stage[data-scene=impact],.stage[data-scene=wild],.stage[data-scene=mango],.stage[data-scene=lime],.stage[data-scene=lineup]{color:var(--ink)}
.stage[data-scene=impact] .stage-ui button{border-color:currentColor;background:none}.stage[data-scene=impact] .scene-nav span{background:#0003}.stage[data-scene=impact] .scene-nav a[aria-current=true] span{background:#111}
.enhanced .scene-volume .scene-copy{left:5vw;top:23%;transform:none;max-width:37vw}.scene-volume h2{font-size:6.3vw}
.scene-volume .scene-copy>p{max-width:25ch}
.enhanced .volume-gauge{right:auto;left:5vw;top:58%;display:flex;align-items:baseline;gap:20px}
.volume-count{font:900 12vw/.85 var(--display);letter-spacing:-.03em}.volume-gauge>.mono{font-size:10px;width:8ch}.volume-gauge i{display:none}
.enhanced .pint-ruler{display:flex;position:absolute;left:87%;top:21%;height:56%;width:60px;flex-direction:column;justify-content:space-between;font:9px var(--mono);pointer-events:none;opacity:0}
.pint-ruler i{flex:1;margin:12px 0;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 20px);width:20px;border-left:1px solid currentColor}
.scene-control{margin-top:25px;max-width:350px;border-top:1px solid #0004;padding-top:15px;pointer-events:auto}
.scene-control label{font-size:11px;font-weight:700;display:flex;justify-content:space-between;gap:18px;align-items:baseline}.scene-control output{font:10px var(--mono);white-space:nowrap}
.scene-control input{accent-color:currentColor;height:32px;display:block;margin:12px 0 0;touch-action:pan-y}
.scene-control button{border:0;background:none;padding:10px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:36px}
.control-ends{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em}
.scene-volume .scene-control{position:absolute;top:calc(49vh + 10px);left:0;width:32vw;margin:0}
.enhanced .scene-impact .scene-copy{left:5%;top:48%;max-width:34%}.scene-impact h2{font-size:7.7vw}
.enhanced .scene-wild .scene-copy{left:5%;top:47%;max-width:37%}.scene-wild h2{font-size:9vw}
.enhanced .scene-mango .scene-copy{left:5%;top:49%;max-width:36%}.scene-mango h2{font-size:7.6vw}
.enhanced .mango-seam{display:block;position:absolute;left:70%;top:19%;height:64%;width:1px;background:#fff9e9;z-index:4;pointer-events:none;opacity:0}.mango-seam span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #1114;background:var(--warm);color:var(--ink);width:35px;height:35px;border-radius:50%;font-size:18px}
.enhanced .scene-lime .scene-copy{left:56%;top:48%;max-width:38%}.scene-lime h2{font-size:8vw}.enhanced .scene-lime .scene-foot{left:56%}
.enhanced .scene-bead .scene-copy{left:58%;top:49%;max-width:35%}.scene-bead h2{font-size:7vw}.enhanced .scene-bead .scene-foot{left:58%}
body:has(.stage[data-scene=bead]) header{left:3.5vw}.stage[data-scene=bead] #film{mask-image:none}.inspect-toggle{min-width:240px}.scene-bead .pill{margin-top:30px}
.enhanced .scene-citrus .scene-copy{left:5%;top:50%;max-width:37%}.scene-citrus h2{font-size:7.6vw}.scene-citrus .scene-control{border-color:#fff5}
.enhanced .orbit-type{display:block;position:absolute;right:-2vw;top:42%;font:900 15vw/.8 var(--display);letter-spacing:-.04em;writing-mode:vertical-rl;transform:translateY(-40%);opacity:0;pointer-events:none;color:#fff3}
.enhanced .scene-drag{position:absolute;left:49%;top:16%;width:37%;height:68%;z-index:5;cursor:grab;touch-action:pan-y}.scene-drag:active{cursor:grabbing}
.enhanced .scene-cherry .scene-copy{left:6%;top:47%;max-width:36%}.scene-cherry h2{font-size:8vw}
.enhanced .scene-lineup .scene-copy{left:5%;top:14%;transform:none;max-width:90%;width:90%;display:grid;grid-template-columns:1fr auto;align-items:end}
.scene-lineup .eyebrow{grid-column:1/-1}.scene-lineup h2{font-size:6.5vw}.scene-lineup h2 .line{display:inline-block;margin-right:.15em}.scene-lineup p{grid-column:2;grid-row:2;max-width:24ch;font-size:16px}.scene-lineup .pill{grid-column:2;grid-row:3;justify-self:start;margin-top:16px}.enhanced .scene-lineup .scene-foot{left:auto;right:5%}
.profiles{padding-top:110px;background:#ff258d}.profile-photo{background:transparent}.profiles-heading{justify-content:space-between}.profiles-heading>.mono{display:none}.profile-brand{width:150px}.profiles h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.035em;font-size:7vw}.profile-tabs button{font-size:14px;min-height:60px}.profile-detail h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.025em;font-size:6vw}.profile-layout{gap:7vw}.spin-control{grid-template-columns:180px 1fr;max-width:560px}.spin-art{height:270px;grid-row:span 2}.spin-control label{font-size:15px;align-self:end}.spin-control input{align-self:start}.product-facts{line-height:2.1}
.flavour-shelf{background:var(--warm);color:var(--ink);position:relative;z-index:12}.shelf-pin{padding:75px 0 40px;overflow:hidden}.shelf-heading{padding:0 5vw;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end;margin-bottom:35px}.shelf-heading>.mono{grid-column:1/-1;font-size:9px}.shelf-heading h2{font:900 clamp(65px,6.8vw,110px)/.95 var(--display);letter-spacing:-.025em;text-transform:uppercase}.shelf-heading em{font-style:normal;color:#fb2785}.shelf-hint{font-size:12px;padding-bottom:9px}.shelf-hint span{margin-left:35px}.shelf-window{overflow-x:auto;scrollbar-width:thin}.shelf-track{display:flex;gap:24px;width:max-content;padding:0 5vw 15px}.flavour-card{position:relative;display:block;background:var(--card-tone);width:clamp(280px,34vw,510px);height:clamp(410px,59vh,620px);padding:28px;overflow:hidden}.flavour-card>.mono{font-size:8px;letter-spacing:.06em}.flavour-card h3{font:900 clamp(42px,4.9vw,75px)/.87 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin-top:25px}.flavour-card img{position:absolute;right:3%;top:14%;height:77%;width:68%;object-fit:contain;transform:rotate(10deg);transition:transform .4s}.flavour-card:nth-child(2n) img{transform:rotate(-10deg)}.flavour-card:hover img,.flavour-card:focus-visible img{transform:rotate(0) scale(1.07)}.card-foot{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.card-foot b{font-size:26px;font-weight:400}.shelf-enhanced .shelf-window{overflow:visible}.shelf-enhanced .shelf-pin{height:100svh}.flavour-card:focus-visible{outline-offset:-5px}
footer{background:#ff258d}footer>p{font-family:var(--display);text-transform:uppercase;font-size:6.5vw}footer>img{width:180px}
.scene-drag[hidden]{display:none!important}
html:not(.enhanced) .hero-type,html:not(.enhanced) .orbit-type{display:none}html:not(.enhanced) .scene-control,html:not(.enhanced) .inspect-toggle{display:none}html:not(.enhanced) .scene-drop h1{font-size:12vw}html:not(.enhanced) .scene-copy{max-width:800px}html:not(.enhanced) .scene h2{font-size:clamp(50px,8vw,100px)}
@media(min-width:701px) and (max-height:700px){
.brand{width:65px}header{top:15px}.scene h1,.scene h2{font-size:6vw}.scene-copy p{font-size:14px;margin-top:15px}.scene-copy .eyebrow{font-size:8px;margin-bottom:16px}.enhanced .scene-copy{left:5vw!important;max-width:37%!important}.enhanced .scene-lime .scene-copy{left:56%!important}.enhanced .scene-bead .scene-copy{left:58%!important}.scene-control{margin-top:14px;padding-top:10px}.scene-control input{margin-top:4px;height:24px}.scene-control button{min-height:25px;padding:5px 0}.tasting{margin-top:12px}.enhanced .scene-foot{bottom:62px;font-size:7px}.scene-drop h1{font-size:30px}.enhanced .scene-drop .scene-copy{bottom:13%;max-width:30%!important}.scene-volume h2{font-size:5vw}.scene-volume .scene-control{top:46vh}.enhanced .volume-gauge{top:55%}.volume-count{font-size:11vw}.enhanced .scene-lineup .scene-copy{max-width:90%!important;top:17%}.scene-lineup h2{font-size:5vw}.scene-lineup p{font-size:13px}.shelf-pin{padding-top:35px}.shelf-heading{margin-bottom:22px}.shelf-heading h2{font-size:6vw}.flavour-card{height:62vh;min-height:280px}.flavour-card h3{font-size:4.8vw}.flavour-card>.mono{font-size:7px}.card-foot{bottom:16px}.pill{min-height:40px;padding:12px 17px;margin-top:18px}
}
@media(max-width:700px){
header{top:18px;left:6vw;right:6vw}.brand{width:67px}.header-cta{font-size:8px}.hero-type{display:none}.enhanced .hero-type{top:21%;font-size:24vw;left:6vw;right:6vw}.hero-type span:first-child{font-size:.6em;margin-bottom:.2em}.hero-type span:last-child{white-space:normal;max-width:3ch;line-height:.84}
.enhanced .scene-drop .scene-copy{left:6vw;bottom:12%;top:auto;max-width:85%;width:85%;transform:none}.scene-drop h1{font-size:32px;max-width:13ch}.scene-drop p{font-size:14px;margin-top:10px}.scene-drop .pill{margin-top:14px;min-height:42px}.enhanced .scene-drop .scene-foot{display:none}.enhanced .scene-drop .static-art{left:30%;width:70%;top:20%;height:49%}
.enhanced .scene-copy,.enhanced .scene-mango .scene-copy,.enhanced .scene-wild .scene-copy,.enhanced .scene-impact .scene-copy,.enhanced .scene-lime .scene-copy,.enhanced .scene-citrus .scene-copy,.enhanced .scene-cherry .scene-copy{left:6%;top:135px;transform:none;max-width:88%;width:88%}
.scene h2,.scene-wild h2,.scene-lime h2,.scene-cherry h2,.scene-mango h2,.scene-citrus h2{font-size:15vw}.scene-copy .eyebrow{font-size:8px;margin-bottom:15px}.scene-copy p{font-size:14px;margin-top:14px;max-width:30ch}.tasting{margin-top:14px;gap:10px}.tasting li{font-size:10px}.tasting li+li:before{margin-right:10px}.profile-link{font-size:10px;padding:8px 0}.enhanced .scene-foot{bottom:73px;left:6%;font-size:7px}.enhanced .stage-ui{left:6%;right:6%;bottom:17px;gap:8px;flex-wrap:nowrap}.scene-nav{gap:0}.scene-nav a{width:20px}.scene-nav span{width:14px}.stage-ui button{font-size:7px;padding:8px;min-height:35px}.story-counter{display:none}
.enhanced .giant-word{font-size:48vw;top:52%;opacity:.12}
.enhanced .scene-volume .scene-copy{left:6%;top:135px;max-width:88%;width:88%}.scene-volume h2{font-size:13.5vw}.scene-volume .scene-copy>p{font-size:13px;max-width:22ch}.enhanced .volume-gauge{left:6%;top:47%;gap:10px}.volume-count{font-size:25vw}.volume-gauge>.mono{font-size:8px}.enhanced .pint-ruler{left:86%;top:43%;height:32%;font-size:7px}.pint-ruler i{background-size:auto 12px;width:12px}.scene-volume .scene-control{position:fixed;top:auto;bottom:95px;left:6vw;width:70vw;max-width:none}.scene-control label{font-size:10px}.scene-control output{font-size:9px}
.scene-mango .scene-control,.scene-citrus .scene-control{position:fixed;left:6vw;bottom:91px;width:88vw;max-width:none;margin:0}.scene-mango .tasting,.scene-mango .profile-link,.scene-citrus .tasting,.scene-citrus .profile-link{display:none}.scene-mango .scene-foot,.scene-citrus .scene-foot{display:none}.enhanced .mango-seam{top:43%;height:35%}
.enhanced .scene-bead .scene-copy{top:135px;left:6%;max-width:88%;width:88%}.scene-bead h2{font-size:14vw}.scene-bead .scene-copy p{max-width:20ch}.scene-bead .inspect-toggle{position:fixed;bottom:85px;left:6vw;min-width:205px;background:#111b;font-size:11px}.enhanced .scene-bead .scene-foot{display:none}.enhanced .scene-drag{left:28%;top:40%;width:50%;height:36%}.enhanced .orbit-type{font-size:19vw;top:54%;right:0;writing-mode:horizontal-tb;white-space:nowrap}.enhanced .scene-lime .scene-foot{left:6%}
.enhanced .scene-lineup .scene-copy{display:block;left:6%;top:135px;width:88%;max-width:88%;transform:none}.scene-lineup h2{font-size:13vw}.scene-lineup h2 .line{display:block}.scene-lineup p{font-size:14px;max-width:28ch}.scene-lineup .pill{margin-top:15px;font-size:11px}.enhanced .scene-lineup .scene-foot{right:6%}
.shelf-pin{padding:65px 0 35px}.shelf-heading{display:block;padding:0 6vw;margin-bottom:25px}.shelf-heading h2{font-size:15vw;margin-top:20px}.shelf-heading>.mono{font-size:7px}.shelf-hint{display:block;margin-top:20px;font-size:11px}.shelf-track{gap:15px;padding:5px 6vw 20px}.flavour-card{width:80vw;height:480px;padding:24px;scroll-snap-align:center}.flavour-card h3{font-size:15vw}.flavour-card>.mono{font-size:7px}.flavour-card img{width:75%;height:74%;top:20%;right:0}.shelf-window{scroll-snap-type:x mandatory;scroll-padding:6vw}.card-foot{left:24px;right:24px;font-size:11px}
.profiles{padding:65px 6vw}.profile-brand{width:100px;margin-bottom:25px}.profiles h2{font-size:15vw}.profile-tabs button{font-size:11px;min-height:55px}.profile-tabs{gap:15px}.profile-layout{gap:28px}.profile-detail h3{font-size:14vw}.profile-detail>p:not(.mono){font-size:16px}.spin-control{grid-template-columns:135px 1fr;gap:18px}.spin-art{height:240px}.spin-control label{font-size:13px}.spin-control input{height:35px}.profiles .tasting li{font-size:11px}footer>p{font-size:11vw}footer>img{width:140px}.footer-line{font-size:7px;gap:12px}
}
@media(max-width:360px){.brand{width:56px}.enhanced .scene-copy,.enhanced .scene-mango .scene-copy,.enhanced .scene-wild .scene-copy,.enhanced .scene-impact .scene-copy,.enhanced .scene-lime .scene-copy,.enhanced .scene-citrus .scene-copy,.enhanced .scene-cherry .scene-copy,.enhanced .scene-volume .scene-copy,.enhanced .scene-bead .scene-copy,.enhanced .scene-lineup .scene-copy{top:115px}.scene-nav a{width:17px}.scene-nav span{width:11px}.scene-control label{font-size:9px}.scene-drop h1{font-size:28px}.scene-control button{font-size:10px}.flavour-card{height:410px}.scene-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shelf-track{transform:none!important}.flavour-card img{transition:none}.chapter-progress{display:none!important}}
.scene h2,.hero-type,.orbit-type,.volume-count,.enhanced .giant-word,.shelf-heading h2,.flavour-card h3,.profiles h2,.profile-detail h3,footer>p{font-weight:400;letter-spacing:0}
.brand{clip-path:none!important}.enhanced .giant-word{opacity:.055}
.enhanced .hero-type,.enhanced .orbit-type{font-weight:400;letter-spacing:0}
.stage[data-scene=volume] .giant-word,.stage[data-scene=mango] .giant-word,.stage[data-scene=citrus] .giant-word{visibility:hidden}
.inspect-toggle{background:transparent}.enhanced .scene-lineup .scene-copy{grid-template-columns:1fr 240px}
.mango-seam{pointer-events:auto!important;cursor:ew-resize;touch-action:pan-y}
@media(min-width:701px){.enhanced .volume-gauge{top:54%;align-items:center}.volume-count{font-size:10vw}.volume-gauge>.mono{line-height:1.8}.scene-volume .scene-control{top:50vh}.scene-lineup h2{font-size:5.6vw}.stage[data-scene=bead] .brand{filter:drop-shadow(0 1px 3px #000a)}}
@media(min-width:701px) and (max-height:700px){.enhanced .volume-gauge{top:53%}.volume-count{font-size:9vw}.scene-volume .scene-control{top:44vh}.scene-volume .scene-copy>p{font-size:13px}.scene-lineup h2{font-size:4.5vw}}
@media(max-width:700px){.enhanced .scene-lineup .scene-copy{display:block}.hero-type{letter-spacing:0}.hero-type span:last-child{max-width:3.4ch}.volume-gauge{align-items:center!important}.volume-gauge>.mono{line-height:1.8}}
@media(min-width:701px) and (max-height:500px){
header{top:12px}.brand{width:46px}.header-cta{font-size:8px;padding:10px 0}
.enhanced .scene-copy,.enhanced .scene-mango .scene-copy,.enhanced .scene-citrus .scene-copy,.enhanced .scene-cherry .scene-copy,.enhanced .scene-wild .scene-copy,.enhanced .scene-impact .scene-copy{top:95px;transform:none;max-width:38%!important;left:5%!important}
.scene h2{font-size:4.5vw;line-height:.93}.scene-copy .eyebrow{font-size:7px;margin-bottom:12px}.scene-copy p{font-size:12px;margin-top:10px;max-width:27ch}
.scene .tasting,.scene .profile-link,.enhanced .scene-foot{display:none}.scene-control{margin-top:14px;padding-top:10px}.scene-control label{font-size:9px}.scene-control output{font-size:8px}.scene-control input{height:24px;margin-top:6px}.scene-control button{font-size:9px;min-height:24px;padding:4px 0}.control-ends{font-size:7px}
.enhanced .hero-type{display:none}.enhanced .scene-drop .scene-copy{left:5%!important;top:104px;bottom:auto;transform:none;max-width:42%!important}.scene-drop h1{font-size:4.8vw}.scene-drop p{font-size:13px}.scene-drop .pill{margin-top:17px}
.enhanced .scene-volume .scene-copy{top:95px;left:5%;transform:none;max-width:40%!important}.scene-volume h2{font-size:3.9vw}.scene-volume .scene-copy>p{font-size:11px}.enhanced .volume-gauge{top:57%;left:5%;gap:14px}.volume-count{font-size:9vw}.volume-gauge>.mono{font-size:7px}.scene-volume .scene-control{position:fixed;left:31vw;top:54vh;width:22vw;max-width:none}
.enhanced .scene-lime .scene-copy{left:57%!important;top:100px;max-width:36%!important;transform:none}.enhanced .scene-bead .scene-copy{left:58%!important;top:100px;max-width:36%!important;transform:none}.scene-bead h2{font-size:4.4vw}.scene-bead .pill{margin-top:17px;min-width:200px;font-size:10px}
.enhanced .scene-lineup .scene-copy{display:block;left:5%!important;top:95px;max-width:36%!important;width:36%;transform:none}.scene-lineup h2{font-size:4vw}.scene-lineup h2 .line{display:block}.scene-lineup p{font-size:11px;margin-top:10px;max-width:23ch}.scene-lineup .pill{min-width:170px;font-size:10px;margin-top:14px}
.enhanced .stage-ui{bottom:12px}.story-counter{display:none}.scene-nav a{height:30px;width:25px}.stage-ui button{font-size:8px;min-height:30px}.stage[data-scene=bead] .stage-ui{left:58%}.scene-bead .scene-copy p{font-size:11px}
.shelf-pin{padding-top:22px}.shelf-heading{margin-bottom:14px}.shelf-heading h2{font-size:5vw}.shelf-heading>.mono{font-size:7px}.flavour-card{height:64vh;min-height:235px;padding:18px}.flavour-card h3{margin-top:15px;font-size:4vw}.flavour-card img{height:78%;top:12%;right:-3%}.card-foot{font-size:10px;bottom:12px;left:18px;right:18px}
}
html:not(.enhanced) .scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:160px 6vw 65px;min-height:100svh}
html:not(.enhanced) .scene-copy{grid-column:1;grid-row:1;width:auto;max-width:none;position:relative;inset:auto;transform:none}
html:not(.enhanced) .scene-drop h1{font-size:clamp(48px,6vw,90px);max-width:12ch}
html:not(.enhanced) .static-art{grid-column:2;grid-row:1;width:100%;height:65svh;margin:0;max-height:none;max-width:none;object-fit:contain;position:static;opacity:1}
html:not(.enhanced) .scene-foot{grid-column:1/-1;grid-row:2;margin:0;position:static}
html:not(.enhanced) .scene-lineup .scene-copy{display:block}
.stage[data-scene=bead] .stage-ui{background:#11110de8;padding:8px 12px;bottom:10px;left:3vw;right:3vw}
@media(max-width:700px){html:not(.enhanced) .scene{display:flex;gap:0;padding:115px 6vw 45px;min-height:0}html:not(.enhanced) .scene-copy{width:100%}html:not(.enhanced) .scene-drop h1{font-size:12vw;max-width:none}html:not(.enhanced) .static-art{height:40svh;margin:30px 0}html:not(.enhanced) .scene-foot{margin:0}}
@media(min-width:701px){
.enhanced .scene-volume .scene-copy{display:grid;gap:clamp(14px,2svh,24px);top:clamp(120px,17svh,240px);width:37vw;transform:none}
.enhanced .scene-volume .scene-copy>.eyebrow,.enhanced .scene-volume .scene-copy>p{margin:0}
.enhanced .scene-volume h2{font-size:clamp(48px,min(6.3vw,8.5svh),116px)}
.enhanced .scene-volume .volume-gauge{position:static;inset:auto;display:flex;align-items:center;gap:20px;margin:0;transform:none!important}
.enhanced .scene-volume .volume-count{font-size:clamp(90px,min(10vw,14svh),180px);line-height:1;font-variant-numeric:tabular-nums}
.enhanced .scene-volume .scene-control{position:static;inset:auto;width:min(100%,350px);max-width:none;margin:0}
}
@media(min-width:701px) and (max-height:700px){
.enhanced .scene-volume .scene-copy{top:100px;gap:12px}
.enhanced .scene-volume h2{font-size:min(5vw,7svh)}
.enhanced .scene-volume .volume-count{font-size:min(9vw,13svh)}
}
@media(min-width:701px) and (max-height:500px){
.enhanced .scene-volume .scene-copy{top:95px;gap:10px}
.enhanced .scene-volume h2{font-size:min(3.9vw,8svh)}
.enhanced .scene-volume .volume-gauge{position:fixed;left:5vw;top:57svh;gap:14px}
.enhanced .scene-volume .volume-count{font-size:min(9vw,20svh)}
.enhanced .scene-volume .scene-control{position:fixed;left:31vw;top:54svh;width:22vw}
}
@media(max-width:700px){
.enhanced .scene-volume .volume-gauge{position:fixed;left:6vw;top:47svh;right:auto;transform:none!important}
}
@media(min-width:701px) and (min-height:501px){
.enhanced .hero-type{top:22%;font-size:min(18vw,27svh)}
.enhanced .scene-drop .scene-copy{bottom:12%;max-width:32vw}
}
@media(min-width:701px) and (min-height:701px){.brand{width:130px}.enhanced .hero-type{top:max(195px,22svh)}}
@media(min-width:701px) and (min-height:501px) and (max-height:700px){.brand{width:85px}}
@media(min-width:701px) and (max-height:500px){.brand{width:60px}}
@media(max-width:700px){.brand{width:85px}.enhanced .hero-type{font-size:22vw}}
@media(max-width:360px){.brand{width:72px}}
.launch-signup{color:#11110d;background:radial-gradient(ellipse at 76% 0%,#ffe067,transparent 65%),linear-gradient(140deg,#f5bd20,#e39e18);padding:100px 6vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.launch-signup h2{font:400 clamp(44px,5.6vw,90px)/.96 var(--display);letter-spacing:0;text-transform:uppercase;max-width:10ch}
.launch-signup p{font-size:18px;line-height:1.45;margin-top:22px}
.signup-fields{display:flex;border-bottom:1px solid #11110d;align-items:stretch}
.signup-fields input{min-width:0;flex:1;background:transparent;border:0;border-radius:0;padding:20px 8px 20px 0;font-size:19px;color:#11110d;color-scheme:light}
.signup-fields input::placeholder{color:#11110d99;opacity:1}
.signup-fields button{background:transparent;border:0;padding:20px 0 20px 20px;font-size:14px;font-weight:700;white-space:nowrap;color:#11110d}
.signup-fields button:disabled{cursor:wait;opacity:.55}
.launch-signup #signup-status{min-height:1.5em;font-size:14px;margin-top:12px}
.signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-footer{display:block;color:#11110d;background:radial-gradient(ellipse at 65% 100%,#f6c535,transparent 65%),linear-gradient(140deg,#e7a81d,#dc9416);padding:36px 6vw 42px;text-align:left}
.site-footer>p.mono{font-size:10px;letter-spacing:.1em;margin:0 0 28px}
.site-footer>div{display:flex;justify-content:space-between;gap:24px;align-items:baseline}
.site-footer p,.site-footer a{font:12px/1.6 var(--sans);letter-spacing:0}
.site-footer nav{display:flex;gap:28px;flex-wrap:wrap}.site-footer a{border-bottom:1px solid #1115}
.launch-signup :focus-visible,.site-footer :focus-visible{outline-color:#11110d}
.not-found{min-height:100svh;display:flex;align-items:center;color:#11110d;background:radial-gradient(ellipse at 76% 10%,#ffe067,transparent 62%),linear-gradient(135deg,#f5bd20,#e39e18);padding:60px 6vw}
.not-found main{width:100%}.not-found .error-logo{width:110px;margin-bottom:60px}.not-found h1{font:400 clamp(70px,13vw,210px)/.9 var(--display);text-transform:uppercase;letter-spacing:0}.not-found p{font-size:24px;margin-top:25px}.not-found .error-back{display:inline-block;border-bottom:1px solid currentColor;padding:10px 0;margin-top:35px;font-size:14px}
@media(max-width:700px){.launch-signup{grid-template-columns:1fr;gap:30px;padding:70px 6vw 45px}.launch-signup h2{font-size:16vw;max-width:11ch}.launch-signup p{font-size:16px;margin-top:18px}.signup-fields input{font-size:17px}.signup-fields button{font-size:12px;padding-left:12px}.site-footer{padding:30px 6vw 35px}.site-footer>p.mono{font-size:8px;line-height:1.8;max-width:32ch}.site-footer>div{display:block}.site-footer nav{margin-top:24px;gap:20px}.site-footer p,.site-footer a{font-size:11px}.not-found .error-logo{width:85px}}
.serve-copy .serve-description{max-width:38ch;font-size:clamp(16px,min(1.55vw,2.35svh),24px)}
.serve-detail{display:inline-block;font-size:12px;font-weight:700;margin-top:18px;padding:6px 0;border-bottom:1px solid currentColor}
.serve-copy .serve-facts{line-height:1.7;max-width:52ch}
.launch-signup .signup-privacy{font-size:11px;line-height:1.5;opacity:.75;margin-top:20px;max-width:54ch}
.enhanced .scene-volume .scene-copy>p{max-width:37ch}
@media(max-width:700px){.serve-copy .serve-description{font-size:13px;line-height:1.3;max-width:40ch}.serve-copy h2{margin:8px 0}.serve-notes{margin-top:10px}.serve-facts{margin-top:10px}.serve-enhanced .serve-state{margin-top:12px}.serve-prompt{margin-top:9px}.serve-detail{font-size:10px;margin-top:9px;padding:4px 0}.serve-enhanced .serve-panel{gap:12px}.enhanced .scene-copy>p{font-size:13px;line-height:1.35;max-width:38ch}.enhanced .scene-volume .scene-copy{gap:10px}.enhanced .scene-volume .scene-copy>p{max-width:38ch}.enhanced .scene-volume h2{font-size:15vw}}
@media(min-width:701px) and (max-height:600px){.serve-copy .serve-description{font-size:12px;line-height:1.3}.serve-copy h2{margin:8px 0}.serve-copy .serve-notes{margin-top:8px}.serve-copy .serve-facts{margin-top:8px}.serve-enhanced .serve-state{margin-top:10px}.serve-prompt{margin-top:8px}.serve-detail{font-size:10px;margin-top:6px}}
.flavour-page{color:#11110d;background:radial-gradient(ellipse at 80% 8%,var(--lit),transparent 65%),linear-gradient(140deg,var(--mid),var(--low));background-attachment:fixed}
.flavour-header{position:relative;top:auto;left:auto;right:auto;padding:25px 6vw;align-items:flex-start;color:inherit}.flavour-header img{width:90px;filter:brightness(0)}.flavour-header>a:last-child{padding:18px 0;border-bottom:1px solid #1116}
.flavour-opening{padding:30px 6vw 65px}.flavour-opening h1{font:400 clamp(70px,12.6vw,220px)/.95 var(--display);letter-spacing:0;text-transform:uppercase;margin:25px 0}.flavour-strap{font-size:clamp(22px,2.2vw,32px);line-height:1.35;max-width:40ch;margin-bottom:30px}
.flavour-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:0 6vw 90px;align-items:start}.flavour-art{position:sticky;top:25px}.flavour-images{position:relative;width:min(100%,65svh);aspect-ratio:4/5;margin:auto;overflow:hidden}.flavour-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.detail-can{clip-path:inset(0);transition:clip-path .8s cubic-bezier(.2,.7,.2,1)}.flavour-art[data-serve=glass] .detail-can{clip-path:inset(0 100% 0 0)}
.detail-toggle{display:flex;justify-content:space-between;border-bottom:1px solid #1115;margin:20px auto 12px;max-width:65svh}.detail-toggle button{background:transparent;border:0;color:inherit;font:10px var(--mono);letter-spacing:.1em;padding:15px 0;border-bottom:2px solid transparent;opacity:.55}.detail-toggle [aria-pressed=true]{border-bottom-color:currentColor;opacity:1}.flavour-art>p{text-align:center;font-size:9px}
.flavour-reading>section{padding:30px 0;border-top:1px solid #1114}.flavour-reading h2{font:400 clamp(32px,3.5vw,54px)/1 var(--display);text-transform:uppercase;letter-spacing:0;margin-bottom:20px}.flavour-reading p,.flavour-reading li{font-size:clamp(16px,1.35vw,21px);line-height:1.55;max-width:47ch}.flavour-reading ul{padding-left:20px;margin:0}.flavour-reading li{padding:0 0 18px 5px}.flavour-reading li:last-child{padding-bottom:0}
.flavour-reading .formulation-note{padding:18px 20px;margin-bottom:30px;font-size:13px;line-height:1.5;border-left:2px solid #111;max-width:none;background:linear-gradient(110deg,#fff3,#fff0)}.formulation-note strong{display:block}.formulation>p:not(.formulation-note){font-size:14px;line-height:1.6}.formulation h2:not(:first-child){margin-top:28px}.formulation table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}.formulation th{text-align:left;font-weight:400}.formulation td{text-align:right}.formulation th,.formulation td{padding:10px 0;border-bottom:1px solid #1113}.formulation .per-can{margin-top:20px;max-width:50ch}
.next-flavour{padding:55px 6vw 75px;border-top:1px solid #1114}.next-flavour>a{display:flex;justify-content:space-between;gap:25px;font:400 clamp(45px,7.5vw,130px)/1 var(--display);text-transform:uppercase;margin-top:22px;letter-spacing:0}.next-flavour>a span{font-family:var(--sans)}
.flavour-page .launch-signup,.flavour-page .site-footer{background:radial-gradient(ellipse at 15% 100%,var(--lit),transparent 65%),linear-gradient(125deg,var(--mid),var(--low))}
@media(max-width:700px){.flavour-header{padding-top:20px}.flavour-header img{width:65px}.flavour-opening{padding-top:20px;padding-bottom:45px}.flavour-opening h1{font-size:19vw;max-width:9ch;line-height:.95}.flavour-strap{font-size:21px;max-width:30ch}.flavour-opening>.mono{font-size:8px;letter-spacing:.08em}.flavour-layout{grid-template-columns:1fr;gap:40px;padding-bottom:40px}.flavour-art{position:relative;top:0}.flavour-images{width:100%;max-height:70svh}.flavour-reading h2{font-size:38px}.flavour-reading p,.flavour-reading li{font-size:17px}.next-flavour{padding-top:35px;padding-bottom:50px}.next-flavour>a{font-size:12vw}.flavour-reading .formulation-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.detail-can{transition:none}}
.flavour-art:not(.detail-interactive) .detail-toggle{display:none}
.flavour-opening{position:relative;isolation:isolate}
.flavour-opening>:not(.flavour-splash){position:relative;z-index:1}
.flavour-splash{position:absolute;z-index:0;right:-3vw;top:-120px;width:min(66vw,1240px);aspect-ratio:16/9;padding:0;border:0;background:none;cursor:pointer;opacity:0;transform:translateY(var(--drift,0)) scale(.94);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.flavour-splash.in{opacity:var(--fade,1);transform:translateY(var(--drift,0))}
.flavour-splash canvas{display:block;width:100%;height:100%}
.flavour-splash:focus-visible{outline:2px solid #111;outline-offset:-12px}
.flavour-opening h1 .word{display:inline-block;white-space:nowrap}
.flavour-opening h1 .ch{display:inline-block;transform-origin:50% 100%}
.title-in .flavour-opening h1 .ch{animation:var(--land) both;animation-delay:calc(var(--i)*45ms + 120ms)}
.flavour-reading h2{transform-origin:0 100%}
.flavour-reading>section.seen h2{animation:var(--land) both}
[data-flavour=wild]{--land:wild-pop .75s cubic-bezier(.3,1.6,.5,1)}
@keyframes wild-pop{from{opacity:0;transform:translateY(40%) scale(.2) rotate(calc(sin(var(--i,1)*2.4)*45deg))}}
[data-flavour=mango]{--land:mango-wipe .9s cubic-bezier(.7,0,.2,1)}
@keyframes mango-wipe{from{clip-path:inset(0 100% 0 0);transform:translateX(-12%)}to{clip-path:inset(0 -10% 0 0)}}
[data-flavour=lime]{--land:lime-thaw 1.5s cubic-bezier(.2,.7,.2,1)}
@keyframes lime-thaw{0%{opacity:0;filter:blur(16px);transform:scale(1.12)}70%{opacity:1;filter:blur(0);transform:scale(1)}78%{transform:translateX(-1.5%)}86%{transform:translateX(1.5%)}94%{transform:translateX(-.6%)}}
[data-flavour=citrus]{--land:citrus-roll .85s cubic-bezier(.2,.8,.3,1.15)}
@keyframes citrus-roll{from{opacity:0;transform:perspective(600px) rotateX(-95deg) translateY(20%)}}
[data-flavour=cherry]{--land:cherry-drop .8s linear}
@keyframes cherry-drop{0%{opacity:0;transform:translateY(-140%)}45%{opacity:1;transform:translateY(0) scale(1,1)}58%{transform:translateY(0) scale(1.14,.78)}74%{transform:translateY(-8%) scale(.96,1.06)}100%{transform:none}}
@media(max-width:700px){
.flavour-splash{position:relative;right:auto;top:auto;width:calc(100% + 12vw);margin:-10px -6vw 0}
}
@media(prefers-reduced-motion:reduce){
.flavour-splash,.flavour-splash.in{transition:none;transform:none;opacity:1}
.title-in .flavour-opening h1 .ch,.flavour-reading>section.seen h2{animation:none}
}
:root{--lush-ink:#11110d;--lush-glow:#ffc600;--lush-mid:#f5a000;--lush-edge:#ae4604}
[data-flavour="wild"],.scene-wild{--lush-glow:#ffc600;--lush-mid:#f5a000;--lush-edge:#ae4604}
[data-flavour="mango"],.scene-mango{--lush-glow:#d0e916;--lush-mid:#afd00b;--lush-edge:#517309}
[data-flavour="lime"],.scene-lime{--lush-glow:#43dc55;--lush-mid:#24bd49;--lush-edge:#08753b}
[data-flavour="citrus"],.scene-citrus{--lush-glow:#15ceee;--lush-mid:#08aedd;--lush-edge:#07529a}
[data-flavour="cherry"],.scene-cherry{--lush-glow:#ff269b;--lush-mid:#ed1684;--lush-edge:#98054d}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{color:var(--lush-ink);background:#f5a000}
.serve-panel,.serve-story,.flavour-page,.launch-signup,.site-footer,.not-found,html:not(.enhanced) .scene{color:var(--lush-ink);background:radial-gradient(ellipse at 50% 42%,var(--lush-glow) 0%,var(--lush-glow) 30%,var(--lush-mid) 70%,var(--lush-edge) 100%)}
.flavour-page{background-attachment:fixed}
.serve-light{background:radial-gradient(ellipse at 28% 28%,color-mix(in srgb,var(--lush-glow) 30%,transparent),transparent 65%);opacity:.4}
.serve-contour{color:#11110d;opacity:.13}.serve-echo{-webkit-text-stroke-color:#1112}.serve-navigation span{opacity:.72}.serve-navigation .selected{opacity:1}
.serve-state i{background:#1113}.serve-state i:after,.serve-progress i{background:var(--lush-ink)}.serve-progress{background:#1112}
.serve-sheen{mix-blend-mode:screen}
.enhanced .stage-shade:after{background:none}
.enhanced .stage,.enhanced .hero-type,.stage .scene,.stage .scene-copy,.stage .scene-foot,.stage .stage-ui{color:var(--lush-ink)}
.stage .scene-bead{--lush-ink:#fff8ed}
.stage .pint-ruler,.stage .scene-control,.stage .volume-gauge{color:var(--lush-ink)}
.stage .scene-control,.stage .scene-control button,.stage .header-cta{border-color:currentColor}
.stage .volume-gauge i{background:currentColor}
.stage .tasting li,.stage .profile-link,.stage .pill{border-color:currentColor!important}
.stage .scene-nav span,.stage .scene-nav a[aria-current=true] span{background:currentColor!important}
.enhanced .stage .stage-ui button{color:inherit;border-color:currentColor;background:transparent}
.stage .pill:hover{background:var(--lush-ink);color:#fff8ed}
.stage .scene-control input{accent-color:#11110d}
html:not(.enhanced) .scene-lineup{--lush-glow:#ff269b;--lush-mid:#ed1684;--lush-edge:#98054d}
html:not(.enhanced) .scene-bead{--lush-ink:#fff8ed;background:radial-gradient(ellipse at 30% 45%,#18382c,#081912 52%,#020706)}
.flavour-header{color:var(--lush-ink)}.flavour-header img,.not-found .error-logo{filter:brightness(0)}
.flavour-header>a:last-child,.flavour-reading>section,.detail-toggle,.formulation th,.formulation td,.next-flavour{border-color:#1114}
.detail-toggle button{opacity:.75}.detail-toggle [aria-pressed=true]{opacity:1}
.flavour-reading .formulation-note{border-color:#1118;background:linear-gradient(110deg,#ffffff20,transparent)}
.flavour-page .launch-signup,.flavour-page .site-footer{background:radial-gradient(ellipse at 50% 42%,var(--lush-glow) 0%,var(--lush-glow) 30%,var(--lush-mid) 70%,var(--lush-edge) 100%)}
.signup-fields,.site-footer a{border-color:#1118}.signup-fields input,.signup-fields button{color:var(--lush-ink);color-scheme:light}.signup-fields input::placeholder{color:#11110db3}
.launch-signup :focus-visible,.site-footer :focus-visible{outline-color:var(--lush-ink)}.launch-signup .signup-privacy{opacity:.85}
.site-footer{border-color:#1113}
.brand-finale{background:radial-gradient(ellipse at 32% 15%,#ffa000,transparent 75%),radial-gradient(ellipse at 80% 80%,#ec1484,#792256 100%);color:#fff8ed}
.finale-actions{color:#fff8ed}.finale-actions button{color:#fff8ed;border-color:#fff8;background:#080b0c99}.finale-actions>a{background:#080b0c99;padding:12px}
.opening-copy{background:radial-gradient(ellipse at 62% 38%,#3a3d3b,#232928 55%,#111817)}
.campaign-finale{background:radial-gradient(ellipse at 62% 38%,#3a3d3b,#232928 65%,#111817)}
@media(max-width:700px){.serve-panel{background:radial-gradient(ellipse at 50% 40%,var(--lush-glow) 0%,var(--lush-glow) 35%,var(--lush-mid) 78%,var(--lush-edge) 100%)}.serve-contour{opacity:.10}}
@font-face{font-family:"Thirsty Display";src:url('/assets/fonts/anton.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--display:Impact,"Thirsty Display","Arial Black",sans-serif}
body:has(#opening){background:#111817}
@media(max-width:700px),(pointer:coarse){:root{--display:"Thirsty Display",Impact,"Arial Black",sans-serif}}
@media(max-width:700px){
.opening-words h2{font-size:min(11vw,6.6svh);line-height:1.08;font-weight:900}
.enhanced .opening-words{top:22%;left:6%;right:6%}
.opening-words>.mono{margin-bottom:12px}
.enhanced .opening-fallback{top:var(--opening-art-top,42%);height:var(--opening-art-height,35%)}
.enhanced .opening-copy .opening-caption{top:56svh;gap:16px;align-items:center;margin-top:0}
.opening-caption p{font-size:12px;line-height:1.35;max-width:13ch}
.opening-link{font-size:11px;line-height:1.3;min-height:44px;gap:12px}
.enhanced .opening-scroll{bottom:11%;font-size:9px}
.enhanced .stage[data-opening=true] header{top:18px}
html:not(.enhanced) .opening-copy{padding-top:160px}
html:not(.enhanced) .opening-words h2{font-size:11vw}
}
.essentials-page{color:#11110d;background:radial-gradient(ellipse at 65% 15%,#ffd735 0%,#f3ae09 65%,#b96510 100%);min-height:100svh}
.essentials-header{position:relative;inset:auto;padding:28px 6vw;display:flex;align-items:flex-start;justify-content:space-between;color:inherit}
.essentials-header img{width:95px;height:auto;filter:brightness(0)}.essentials-header>a:last-child{padding:16px 0;border-bottom:1px solid currentColor}
.legal-content{padding:45px 6vw 90px;max-width:1000px;margin:0 auto}.legal-content h1{font:400 clamp(52px,8vw,110px)/1 var(--display);text-transform:uppercase;letter-spacing:0;max-width:14ch;margin:0 0 28px}
.legal-content h2{font:400 clamp(28px,4vw,42px)/1.1 var(--display);text-transform:uppercase;margin:45px 0 16px;letter-spacing:0}.legal-content p{font:17px/1.65 var(--sans);margin:16px 0;max-width:70ch}.legal-content .legal-intro{font-size:24px;line-height:1.4}.legal-content .legal-date{font:11px/1.5 var(--mono)}.legal-content a:not(.essentials-link){text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-content .thankyou-note{font-size:14px;margin-top:50px}
.essentials-link{display:inline-flex;gap:28px;align-items:center;padding:14px 0;border-bottom:1px solid currentColor;font:700 14px/1.4 var(--sans)}
.site-footer .privacy-choices{background:none;border:0;border-bottom:1px solid #1115;border-radius:0;padding:0;color:inherit;font:inherit;cursor:pointer}.site-footer nav{font:12px/1.6 var(--sans)}
.signup-privacy a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.signup-fields input[aria-invalid=true]{outline:2px solid #72170e;outline-offset:3px}.signup-fields button:disabled{opacity:.8}.launch-signup{scroll-margin-top:75px}
.privacy-banner{position:fixed;z-index:500;bottom:18px;left:18px;width:min(470px,calc(100% - 36px));padding:20px 22px;color:#fff8e9;background:linear-gradient(125deg,#363c36,#151c19);border:1px solid #fff8e945;box-shadow:0 8px 35px #0003;font:14px/1.5 var(--sans)}
.privacy-banner[hidden],.mobile-signup-cta[hidden]{display:none!important}.privacy-banner h2{font:700 17px/1.3 var(--sans);margin:0 0 8px;letter-spacing:0;text-transform:none}.privacy-banner p{margin:0 0 14px}.privacy-banner a{text-decoration:underline}.privacy-actions{display:flex;gap:10px}.privacy-actions button{flex:1;min-height:44px;border:1px solid #fff8e9;background:transparent;color:inherit;font:700 12px/1.25 var(--sans);padding:10px;cursor:pointer}.privacy-actions button:hover{background:#fff8e91a}.privacy-banner :focus-visible{outline:2px solid #fff8e9;outline-offset:3px}
.mobile-signup-cta{display:none}.not-found{flex-wrap:wrap}.not-found .site-footer{width:100%;padding-left:0;padding-right:0;background:none;margin-top:45px}.not-found .site-footer p{font-size:12px}
@media(max-width:700px){.legal-content{padding:28px 6vw 65px}.legal-content h1{font-size:16vw}.legal-content p{font-size:16px}.legal-content .legal-intro{font-size:21px}.essentials-header{padding:22px 6vw}.essentials-header img{width:75px}.site-footer nav a,.site-footer .privacy-choices{display:inline-flex;align-items:center;min-height:44px}.site-footer nav{gap:8px 20px}.mobile-signup-cta{display:flex;position:fixed;z-index:100;top:max(16px,env(safe-area-inset-top));right:6vw;min-height:44px;align-items:center;gap:18px;padding:11px 15px;color:#fff8e9;background:linear-gradient(135deg,#343a32,#171d19);border:1px solid #fff8e970;font:700 12px/1.3 var(--sans);box-shadow:0 3px 14px #0002}.checklist-sticky-on .header-cta{visibility:hidden}.privacy-banner{bottom:max(12px,env(safe-area-inset-bottom));left:12px;width:calc(100% - 24px);padding:17px 18px;font-size:13px}.privacy-banner h2{font-size:16px}}
