*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f4efe5;color:#302b22;font-family:"DM Sans",sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b46122;outline-offset:5px}.skip{position:fixed;top:-80px;z-index:50;background:white;padding:12px}.skip:focus{top:0}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;top:0;width:100%;z-index:20;border-bottom:1px solid #302b2225;background:#f4efe5}.brand{font:600 38px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-2px}.brand span{display:block;font:9px "DM Sans",sans-serif;letter-spacing:1.8px;margin-top:9px}nav{display:flex;gap:35px;font-size:14px}.switch{font-size:12px;border-bottom:1px solid;padding:8px 0}.hero{position:relative;min-height:850px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;inset:0}.editorial-hero .hero-bg{object-position:65% 50%}.editorial-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4efe5f2 0%,#f4efe5cf 26%,#f4efe500 65%)}.hero-copy{padding:180px 5vw 100px;max-width:720px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;display:block}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(70px,7.8vw,116px)/.95 "Cormorant Garamond",Georgia,serif;letter-spacing:-4px;margin:30px 0}h1 em{font-weight:400}h2{font:500 clamp(45px,5vw,78px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-2px;margin:20px 0}p{max-width:470px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 26px;background:#343b28;color:#fff9ed;border:1px solid #343b28;font-size:13px;margin-top:14px;min-height:52px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero-bottom{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.ribbon{display:flex;justify-content:space-around;gap:20px;background:#e9dfca;padding:24px 5vw;font-size:12px;letter-spacing:1px}.inside{height:250svh;position:relative}.pin{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:#f4efe5;isolation:isolate}.inside-heading{position:absolute;top:45px;width:100%;text-align:center;z-index:3}.inside-heading h2{font-size:clamp(40px,4vw,65px);margin:12px 0}.hint{font-size:12px;letter-spacing:1px;max-width:none}.assembly{position:absolute;width:350px;height:525px;left:50%;top:56%;transform:translate(-50%,-50%);mix-blend-mode:multiply;z-index:2}.jar-body,.jar-lid{position:absolute;inset:0;background:url(mango-foil.webp) center/contain no-repeat;will-change:transform}.jar-body{clip-path:polygon(14% 23%,86% 23%,90% 91%,10% 91%)}.jar-lid{clip-path:polygon(19% 15.8%,81% 15.8%,82% 23.3%,18% 23.3%)}.ingredient{position:absolute;width:240px;z-index:4;opacity:0;will-change:transform,opacity}.ingredient small{font-size:9px;letter-spacing:1.3px}.ingredient h3{font:500 32px/1.1 "Cormorant Garamond",Georgia,serif;margin:10px 0}.ingredient p{font-size:14px;line-height:1.6;margin-bottom:0}.i1{left:10%;top:36%}.i2{right:9%;top:36%}.i3{left:13%;top:67%}.i4{right:10%;top:67%}.scroll-line{position:absolute;bottom:35px;left:10%;right:10%;height:2px;background:#302b2220}.scroll-line span{display:block;transform-origin:left;background:#54603d;height:2px;transform:scaleX(var(--progress,0))}.section-pad{padding:110px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-heading h2{margin-top:0;width:50%}.flavours{background:#e7dfcf}.flavour-tabs{display:flex;border-bottom:1px solid #302b2240;gap:25px;margin:40px 0}.flavour-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:15px 0;font-size:13px;color:inherit;min-height:48px}.flavour-tabs button[aria-pressed=true]{border-color:currentColor;font-weight:700}.flavour-panel{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.flavour-photo{position:relative;min-height:590px;background:#f4efe5;display:grid;place-items:center;overflow:hidden}.flavour-photo img{width:100%;height:590px;object-fit:contain;mix-blend-mode:multiply}.photo-caption{position:absolute;bottom:20px;font-size:9px;letter-spacing:1.5px}.flavour-copy h3{font:500 clamp(52px,6vw,88px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-2px;margin:25px 0}.flavour-copy p{font-size:17px}.product-facts{display:flex;gap:50px;padding:20px 0;border-top:1px solid #302b2240;border-bottom:1px solid #302b2240;margin:28px 0}.product-facts strong{font:500 38px "Cormorant Garamond",Georgia,serif}.product-facts span{display:block;font-size:12px}.base{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:9vw}.base figure{margin:0}.base img{width:100%;height:520px;object-fit:cover;object-position:70%}.base figcaption{font:24px "Cormorant Garamond",serif;margin-top:15px}.text-link{font-size:13px;display:inline-block;border-bottom:1px solid;padding:12px 0}footer{background:#343b28;color:#fff9ed;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:65px 7vw}footer p{margin:0}footer a:not(.brand){font-size:13px}footer small{font-size:11px;opacity:.8}.bold{background:#211414;color:#fff1db;font-family:"Manrope",sans-serif}.bold header{background:#211414;color:#fff1db;border-color:#ffffff25}.bold .brand{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-2px}.bold .brand span{letter-spacing:1px}.bold-hero{background:#211414}.bold-hero .hero-bg{object-position:right center;opacity:.9}.bold-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211414 4%,#211414c9 33%,#21141400 72%);z-index:-1}.bold h1{font:800 clamp(65px,7.5vw,112px)/.98 "Manrope",sans-serif;letter-spacing:-6px;color:#ffb64e}.bold h1 em{font-style:normal;color:#fff1db;font-weight:800}.bold .hero-copy{max-width:780px}.bold .button{background:#ffb64e;color:#211414;border-color:#ffb64e;border-radius:40px;font-weight:700}.bold .ribbon{background:#ffb64e;color:#211414;font-weight:800;letter-spacing:3px;transform:rotate(-1deg);position:relative;z-index:5}.bold h2{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-3px;font-size:clamp(42px,5vw,72px)}.bold .pin{background:#f4efe5;color:#302b22}.bold .ingredient h3{font-family:"Manrope",sans-serif;font-size:24px;font-weight:800}.bold .scroll-line span{background:#c56b0c}.bold .flavours{background:#211414}.bold .flavour-tabs{border-color:#fff1db50}.bold .flavour-photo{border-radius:160px 160px 12px 12px;color:#302b22}.bold .flavour-copy h3{font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(42px,5vw,72px);color:#ffb64e}.bold .product-facts{border-color:#fff1db50}.bold .product-facts strong{font-family:"Manrope",sans-serif;font-weight:800}.bold .base{background:#ffb64e;color:#211414}.bold .base img{border-radius:50% 50% 4px 4px}.bold footer{background:#211414}.bold .base figcaption{font-family:"Manrope",sans-serif;font-size:15px}
@media(min-width:1600px){.hero-copy{padding-top:220px}.assembly{width:400px;height:600px}}
@media(max-width:900px){nav{gap:18px}.hero{min-height:800px}.hero-copy{padding-top:170px}.ingredient{width:190px}.i1,.i3{left:5%}.i2,.i4{right:5%}.assembly{width:300px;height:450px}.flavour-panel{gap:5vw}.flavour-photo,.flavour-photo img{min-height:450px;height:450px}.base{gap:5vw}.base img{height:420px}}
@media(max-width:600px){body{font-size:16px}header{height:80px;padding:0 6vw}.brand{font-size:32px}.brand span{font-size:7px}nav{display:none}.switch{font-size:11px}.hero{height:calc(100svh + 35px);min-height:760px;max-height:none}.hero-copy{padding:130px 7vw 70px;max-width:none}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:68px;letter-spacing:-2px;margin:24px 0}.hero-copy p{font-size:16px}.editorial-hero .hero-bg{object-position:62% 100%;height:64%;top:auto;bottom:0}.editorial-hero:after{background:linear-gradient(180deg,#f4efe5 15%,#f4efe5f5 28%,#f4efe590 48%,transparent 72%)}.hero-bottom{font-size:8px;letter-spacing:.6px;left:7vw;right:7vw;bottom:20px}.hero-bottom span:last-child{display:none}.ribbon{gap:15px;padding:19px 6vw;font-size:9px;letter-spacing:0;text-align:center}.inside{height:235svh}.pin{min-height:680px}.inside-heading{top:40px}.inside-heading h2{font-size:39px;letter-spacing:-1.7px}.assembly{width:260px;height:390px;top:56%}.ingredient{width:135px}.ingredient h3{font-size:24px;margin:7px 0}.ingredient small{font-size:7px;letter-spacing:.5px}.ingredient p{font-size:11px;line-height:1.45}.i1{left:6%;top:27%}.i2{right:6%;top:27%}.i3{left:6%;top:76%}.i4{right:6%;top:76%}.scroll-line{bottom:20px}.section-pad{padding:65px 7vw}.section-heading{display:block}.section-heading h2{width:100%;font-size:48px;margin-top:20px}.flavour-tabs{gap:10px;margin:24px 0;justify-content:space-between}.flavour-tabs button{font-size:10px;max-width:32%;text-align:left;line-height:1.5}.flavour-panel{grid-template-columns:1fr;gap:32px}.flavour-photo,.flavour-photo img{height:440px;min-height:440px}.flavour-copy h3{font-size:58px;margin:20px 0}.flavour-copy p{font-size:16px}.product-facts{gap:50px}.base{grid-template-columns:1fr;gap:35px}.base h2{font-size:54px}.base img{height:360px}.base figcaption{font-size:21px}footer{grid-template-columns:1fr;padding:45px 7vw;gap:20px}.bold h1{font-size:64px;letter-spacing:-4px;line-height:1}.bold .hero-copy{padding-top:133px}.bold-hero .hero-bg{top:auto;bottom:0;height:74%;object-position:60% 100%;opacity:.8}.bold-hero:after{background:linear-gradient(180deg,#211414 8%,#211414ee 25%,#21141455 67%,#21141455)}.bold .hero-copy p{max-width:260px}.bold .ribbon{font-size:9px;letter-spacing:1px}.bold .ingredient h3{font-size:18px}.bold .section-heading h2{font-size:43px}.bold .flavour-copy h3{font-size:49px}.bold .base h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.inside{height:auto}.pin{position:relative;height:800px}.ingredient{opacity:1}.button:hover{transform:none}}

.jar-body{clip-path:polygon(21% 23%,79% 23%,79% 27%,82% 31%,83.5% 37%,83.5% 79%,82% 83%,78% 85%,70% 87%,55% 88%,45% 88%,30% 87%,22% 85%,18% 83%,16.5% 79%,16.5% 37%,18% 31%,21% 27%)}
.jar-lid{clip-path:polygon(22% 17%,30% 16.2%,50% 16%,70% 16.2%,78% 17%,80% 18%,80% 21.5%,78% 22.5%,22% 22.5%,20% 21.5%,20% 18%)}
@media(max-width:900px){.bold .ribbon{transform:none}.flavour-copy{min-width:0}.flavour-copy h3{overflow-wrap:normal}.bold .flavour-copy h3{font-size:48px}}