@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--cream:#fbf8ef;--ink:#173d2d;--orange:#f7ad22;--line:#dcded1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c75b26;outline-offset:5px}header{height:106px;padding:22px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand img{width:122px;max-height:68px;object-fit:contain}nav{display:flex;gap:37px;font-size:13px}nav a:hover{color:#be571d}.nav-cta{font-size:12px;border:1px solid #8b9a86;border-radius:30px;padding:13px 18px}.nav-cta span{margin-left:22px}.menu{display:none}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:1fr 1fr;padding:75px 5.5% 70px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:10px;align-items:center}.eyebrow>span{height:6px;width:6px;background:#829c49;border-radius:50%}h1,h2,h3,p{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-3px}h1{font-size:clamp(60px,6.8vw,106px);line-height:1.07;margin:27px 0}em{font-weight:500;color:#c46632}p{font-size:14px;line-height:1.9;color:#637262}.button{display:inline-flex;align-items:center;gap:45px;padding:17px 24px;border-radius:35px;background:var(--ink);color:#fff;font-size:12px;margin-top:30px;transition:transform .25s,background .25s}.button:hover{background:#315d3f;transform:translateY(-3px)}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;color:#6c7765;margin-top:40px}.small-sun{font-size:30px;color:#aaae64}.stage{position:relative;min-height:510px;perspective:1100px;--juice:var(--orange)}.orbit{position:absolute;border:1px solid #dbd9ba;border-radius:50%;width:460px;height:460px;left:50%;top:47%;transform:translate(-50%,-50%)}.orbit-two{width:350px;height:350px;background:#f2edda88;border:0}.sun-label{position:absolute;right:0;top:8px;font-size:10px;letter-spacing:2px;transform:rotate(10deg);text-align:center}.sun-label b{font:italic 30px Georgia;letter-spacing:0}.sun-label span{display:block;font-size:40px}.bottle-wrap{height:400px;width:175px;position:absolute;left:50%;top:40px;transform:translateX(-50%) rotate(-13deg);transform-style:preserve-3d;animation:bob 5s ease-in-out infinite}.bottle{height:100%;filter:drop-shadow(15px 15px 10px #66471c26);transform:rotateY(-12deg);transform-style:preserve-3d}.cap{position:absolute;top:0;left:50px;width:75px;height:30px;background:repeating-linear-gradient(90deg,#185236 0 3px,#276a42 3px 6px);border-radius:10px 10px 4px 4px;border-top:4px solid #367748;z-index:3}.neck{position:absolute;top:25px;left:55px;width:65px;height:55px;background:linear-gradient(90deg,#c47f0e,var(--juice) 25%,#ffd86b 60%,#dc8e13);border-radius:5px 5px 20px 20px}.bottle-body{position:absolute;top:60px;bottom:0;width:175px;border-radius:53px 53px 27px 27px;background:linear-gradient(90deg,#be7b15,var(--juice) 18%,#ffce53 54%,var(--juice) 80%,#d18d14);box-shadow:inset -7px 0 8px #7d51032b,inset 4px 0 3px #fff6;border-bottom:9px solid #b9802477;overflow:hidden;transition:background .6s}.shine{position:absolute;width:12px;left:18px;top:23px;height:270px;background:linear-gradient(#fff8,#fff0);border-radius:50%}.bottle-label{position:absolute;top:92px;width:100%;height:187px;background:linear-gradient(105deg,#f6ecc6,#fffbe3 60%,#e9d7a8);display:flex;align-items:center;flex-direction:column;padding:12px 0;box-shadow:0 2px 4px #7a551c44;transform:translateZ(2px)}.bottle-brand{font:bold italic 36px Georgia;color:#be262d;text-shadow:1px 1px #fff;line-height:1}.bottle-label small{font-size:5px;letter-spacing:1px;margin-top:6px}.bottle-label strong{font:italic 26px Georgia;margin-top:8px}.label-fruit{font-size:56px;color:#eea31f;line-height:1;transform:rotate(-25deg)}.bottle-label>span:last-of-type{font-size:5px;letter-spacing:1px}.stage-shadow{position:absolute;width:210px;height:22px;background:#7a5b2529;filter:blur(13px);bottom:54px;left:50%;transform:translateX(-50%);border-radius:50%}.fruit{position:absolute;width:108px;height:150px;background:radial-gradient(ellipse at 35% 35%,#ffdd4f,#e6a20c 70%,#879831);border-radius:60% 45% 55% 45%;box-shadow:inset -8px -8px 18px #ad621f33,10px 15px 20px #96732618}.fruit-one{right:20px;bottom:110px;transform:rotate(40deg)}.fruit-two{left:5px;top:85px;transform:rotate(-40deg) scale(.65)}.fruit i,.leaf{display:block;width:65px;height:25px;border-radius:100% 0 100% 0;background:linear-gradient(20deg,#326335,#6c8c37);transform:rotate(-35deg);position:absolute;top:-10px;left:20px}.leaf-one{top:70px;right:120px;transform:rotate(35deg);width:90px;height:40px}.leaf-two{top:auto;bottom:80px;left:50px;transform:rotate(160deg);width:75px;height:30px}.flavour-control{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.flavour-control>span,.scene-caption{font-size:8px;letter-spacing:1.5px;color:#77806b}.flavour-control>div{display:flex;justify-content:center;gap:12px;margin-top:12px}.swatch{height:20px;width:20px;border-radius:50%;border:3px solid var(--cream);background:#f7ad22;outline:1px solid transparent}.swatch:nth-child(2){background:#f0782f}.swatch:nth-child(3){background:#d6dc7c}.swatch.active{outline-color:#49613e}.scene-caption{position:absolute;right:-66px;top:50%;transform:rotate(-90deg);font-size:7px}.hero-bottom{position:absolute;bottom:20px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px}.ticker{overflow:hidden;background:#e9edda;border-block:1px solid #d9dfc7;padding:20px 0}.ticker>div{white-space:nowrap;font-size:20px;letter-spacing:2px;animation:ticker 35s linear infinite}.ticker span{margin:0 44px;color:#7d9351}.section{padding:90px 5.5%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:58px;line-height:1.13;margin-top:18px}.section-top p{padding-right:30px;font-size:12px}.filters{display:flex;gap:10px;margin:30px 0}.filters button{background:none;border:1px solid #d6dbcb;border-radius:25px;padding:10px 19px;font-size:11px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{padding:0;border:0;background:none;text-align:left}.product-card[hidden]{display:none}.product-image{height:300px;background:#efe5d6;position:relative;overflow:hidden;border-radius:120px 120px 6px 6px}.product-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s}.product-card:hover img{transform:scale(1.08) rotate(2deg)}.product-image>span{position:absolute;bottom:14px;right:14px;background:var(--cream);border-radius:50%;padding:9px 13px}.yellow{background:#f3e9bd}.pink{background:#f0dcd6}.green{background:#e3e8d7}.product-title h3{font:500 20px Georgia;margin:20px 0 8px}.product-title>span{font-size:10px;color:#7c8372}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eef0e1;align-items:center}.story-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.story-art>img{width:85%;height:90%;object-fit:cover;border-radius:48% 48% 4px 4px;position:relative;transform:rotate(-5deg)}.story-circle{position:absolute;width:340px;height:340px;border-radius:50%;background:#d6dfb8}.story-stamp{position:absolute;right:-10px;bottom:10px;background:#edba50;border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:9px;letter-spacing:1px;transform:rotate(14deg)}.story-copy p{margin-top:23px;max-width:400px;font-size:13px}.text-link{display:inline-flex;gap:65px;border-bottom:1px solid #7c8d71;padding:15px 0;font-size:12px;margin-top:18px}.recipe{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.recipe p{margin-top:25px}.recipe-image{height:410px;position:relative;overflow:hidden;border-radius:6px}.recipe-image>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .6s}.recipe-image:hover>img{transform:scale(1.05)}.recipe-image>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#102d20e6);color:white;padding:55px 30px 25px}.recipe-image small{font-size:8px;letter-spacing:2px}.recipe-image h3{font:30px Georgia;margin-top:10px}.recipe-image h3 span{float:right}.closing{text-align:center;padding:70px 20px 85px;background:#e9bc56}.closing>span{font-size:45px}.closing h2{margin-top:15px}.closing em{color:#47663b}.closing>a{display:inline-block;margin-top:30px;border-bottom:1px solid;padding-bottom:8px;font-size:12px}footer{padding:45px 5.5% 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#173d2d;color:#f6f2df}.footer-brand{font:bold italic 38px Georgia}footer>p{color:#c0cab6;font-size:12px;align-self:center;text-align:right}footer>div{display:flex;gap:35px;font-size:11px}footer>small{grid-column:1;font-size:9px;color:#a6b69c}footer>a:last-child{grid-column:2;grid-row:3;text-align:right;font-size:9px;letter-spacing:1px}dialog{background:var(--cream);color:var(--ink);border:0;border-radius:15px;width:min(90vw,500px);padding:35px}dialog::backdrop{background:#173d2d99;backdrop-filter:blur(6px)}dialog>img{height:210px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin-bottom:20px}dialog h2{font-size:38px;letter-spacing:-1px;margin-bottom:20px}.close{position:absolute;right:15px;top:10px;font-size:28px;border:0;background:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes bob{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -16px;rotate:3deg}}@keyframes ticker{to{transform:translateX(-35%)}}@media(min-width:1500px){.hero{padding-top:100px;min-height:780px}.stage{scale:1.1}main{max-width:1800px;margin:auto}}@media(max-width:900px){header{height:85px}nav{gap:20px}.nav-cta{display:none}.hero{padding-top:55px;min-height:620px}h1{font-size:68px}.stage{scale:.85;transform-origin:center;min-height:490px}.hero-copy{z-index:1}.hero-copy p br{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 5.5%}.story,.recipe{gap:5%}h2{font-size:45px}.section-top p{padding:0}.scene-caption{display:none}}@media(max-width:600px){header{height:76px}.brand img{width:100px}.menu{display:block;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:40px 7% 65px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:65px;letter-spacing:-3px;margin:20px 0}.hero-copy p{font-size:12px}.hero-note{margin-top:22px}.stage{height:450px;min-height:450px;width:100%;margin-top:0;scale:.87}.orbit{width:380px;height:380px}.orbit-two{width:300px;height:300px}.fruit-one{right:-10px}.fruit-two{left:-25px}.sun-label{right:-10px;top:0}.bottle-wrap{top:20px}.stage-shadow{bottom:15px}.flavour-control{bottom:-30px}.hero-bottom{font-size:6px;bottom:15px}.hero-bottom>span:last-child{display:none}.ticker{padding:14px 0}.ticker>div{font-size:15px}.ticker span{margin:0 20px}.section-top{display:block}.section-top p{margin-top:20px}h2{font-size:43px;letter-spacing:-2px}.filters{gap:5px}.filters button{font-size:9px;padding:9px 12px}.product-grid{gap:14px}.product-image{height:230px;border-radius:80px 80px 5px 5px}.product-title h3{font-size:17px}.product-title>span{font-size:9px}.story,.recipe{grid-template-columns:1fr;gap:40px}.story-art{height:320px}.story-copy{padding-top:10px}.recipe-image{height:360px}.closing h2{font-size:45px}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{flex-direction:column;gap:15px}footer>small{grid-column:auto;line-height:1.8}footer>a:last-child{grid-column:auto;grid-row:auto;text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Persistent scroll companion, drawn with rounded 3D shading. */
.travelling-mango{position:fixed;top:0;left:0;width:108px;height:150px;z-index:7;pointer-events:none;will-change:transform;filter:drop-shadow(8px 14px 12px #583f2429)}
.mango-float{position:absolute;inset:0;animation:mango-drift 4s ease-in-out infinite;transform-style:preserve-3d}
.mango-fruit{position:absolute;top:25px;left:6px;width:92px;height:119px;border-radius:56% 44% 57% 43% / 45% 45% 55% 55%;transform:rotate(-15deg);background:radial-gradient(ellipse at 28% 25%,#ffe88c 0%,#ffce3d 25%,#f6b51b 51%,#ee9412 72%,#9d9e29 100%);box-shadow:inset -9px -8px 15px #b46c2638,inset 5px 4px 9px #ffef9970}
.mango-fruit:after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.23;background-image:radial-gradient(#a56c19 .65px,transparent .85px);background-size:6px 7px}
.mango-stem{position:absolute;top:16px;left:47px;width:7px;height:23px;background:linear-gradient(90deg,#53662a,#8d8b3f);border-radius:5px;transform:rotate(18deg)}
.mango-leaf{position:absolute;top:7px;left:50px;width:61px;height:25px;border-radius:100% 0 100% 0;transform:rotate(-22deg);background:linear-gradient(165deg,#8eae44,#3b742f 55%,#27572b);box-shadow:0 4px 4px #314a2320;z-index:2}
.mango-leaf:after{content:'';position:absolute;left:7px;top:12px;width:48px;height:1px;background:#c7cd6c88;transform:rotate(-18deg)}
.mango-glint{position:absolute;top:47px;left:24px;width:13px;height:36px;border-radius:50%;transform:rotate(18deg);background:linear-gradient(#fff9,#fff0);filter:blur(2px)}
.mango-shadow{position:absolute;bottom:-21px;left:15px;width:75px;height:10px;background:#73572725;border-radius:50%;filter:blur(7px);animation:mango-shadow 4s ease-in-out infinite}
@keyframes mango-drift{0%,100%{transform:translateY(0) rotateY(-10deg)}50%{transform:translateY(-14px) rotateY(13deg)}}
@keyframes mango-shadow{50%{transform:scale(.8);opacity:.5}}
@media(max-width:700px){.travelling-mango{width:62px;height:90px;opacity:.88}.mango-float{transform-origin:top left;scale:.6;width:108px;height:150px}.mango-shadow{width:42px;left:8px;bottom:-10px}}
@media(prefers-reduced-motion:reduce){.travelling-mango{position:absolute;will-change:auto}}