:root{--green:#004c36;--dark:#003e2c;--cream:#f4f1e7;--red:#b91f26;--muted:#c6d1ba;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed',Impact,sans-serif;--script:'Pinyon Script','Brush Script MT',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--green);font-family:var(--sans);font-size:16px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dcaa65;outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:var(--cream);padding:16px}.skip:focus{top:15px}header{height:112px;padding:18px 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:var(--cream);border-bottom:1px solid #f4f1e724}.brand{display:flex;align-items:center;gap:12px}.brand img{width:65px;height:65px;object-fit:contain}.brand span{font-family:var(--script);font-size:32px;line-height:.79;transform:rotate(-5deg)}nav{display:flex;align-items:center;gap:40px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{border:1px solid #e8eed078;padding:14px 21px;border-radius:40px}.nav-cta span{margin-left:30px}.hero{height:740px;min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 69% 36%,#237659 0, #07573f 27%,var(--dark) 65%);color:var(--cream)}#sparkles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.hero-copy{position:relative;z-index:4;padding:66px 0 0 7%;width:57%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.2px;display:flex;align-items:center;gap:15px;margin:0 0 27px}.line{display:inline-block;width:32px;height:1px;background:var(--cream)}h1{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(90px,9.5vw,154px);line-height:.82;letter-spacing:-2px}h1 em{font-family:var(--script);font-size:.84em;font-weight:400;letter-spacing:-2px;line-height:1.3;margin-left:-8px;display:block}.intro{font-size:16px;line-height:1.8;margin:14px 0 27px;color:#e3e8d9}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;border:0;border-radius:30px;padding:15px 25px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e5ddc6}.cream{background:var(--cream);color:var(--dark)}.button span{font-size:24px;line-height:20px}.hero-ring{position:absolute;border:1px solid #f0ecd515;border-radius:50%;pointer-events:none}.ring-one{width:600px;height:600px;right:4%;top:0}.ring-two{width:790px;height:790px;right:-3%;top:-90px}.product-stage{position:absolute;width:57%;right:0;top:0;height:690px;z-index:2;touch-action:pan-y}.can-fallback{position:absolute;top:28px;left:18%;height:590px;max-width:70%;object-fit:contain;transform:rotate(13deg);filter:drop-shadow(18px 30px 24px #00281fcc)}#can-canvas{width:100%;height:100%;position:absolute;inset:0;cursor:grab;z-index:2}#can-canvas:active{cursor:grabbing}.product-stamp{position:absolute;right:8%;top:13%;z-index:3;border:1px solid #e6ecd190;border-radius:50%;width:132px;height:132px;text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(13deg);font-size:10px;letter-spacing:1.2px;background:#084c3840}.product-stamp strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:23px;line-height:1.08;letter-spacing:0;margin:5px}.product-stamp span{font-size:14px}.can-controls{position:absolute;bottom:6px;left:30%;z-index:4;display:flex;gap:8px}.can-controls button{border:1px solid #e7ecce45;background:#003e2c90;color:var(--cream);padding:10px 14px;border-radius:25px;font-size:16px}.can-controls span{font-size:12px;margin-left:5px}.hero-bottom{position:absolute;bottom:21px;left:7%;right:5.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;z-index:4}.hero-bottom a{font-size:10px}.ribbon{height:65px;background:var(--red);color:var(--cream);display:flex;align-items:center;justify-content:space-around;gap:45px;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:500;letter-spacing:2.5px}.ribbon i{font-size:28px;font-style:normal}.section{padding:85px 7%}.section-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #004c3633;padding-bottom:20px}.section-top .eyebrow{margin:0}.section-top>span{font-size:10px;letter-spacing:1.5px}.range-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:34px 0 40px}h2{font-size:64px;line-height:1.02;letter-spacing:-1px;font-family:var(--display);text-transform:uppercase;font-weight:600;margin:0}h2 em{font-family:var(--script);font-weight:400;text-transform:none;display:block;letter-spacing:0;font-size:1.08em;line-height:1.2}.range-heading p{font-size:14px;line-height:1.8;max-width:300px;margin-bottom:10px}.range-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.range-photo{position:relative;overflow:hidden;border-radius:3px}.range-photo>img{display:block;width:100%;max-height:580px;object-fit:cover;object-position:50% 56%}.range-photo>a{position:absolute;bottom:16px;left:16px;right:16px;padding:14px 18px;background:var(--cream);display:flex;justify-content:space-between;font-size:12px;border-radius:2px}.flavour{display:flex;width:100%;gap:15px;align-items:center;background:none;border:0;border-bottom:1px solid #004c3633;padding:24px 0;text-align:left;color:var(--green)}.flavour:first-child{border-top:1px solid #004c3633}.flavour-num{font-size:10px;align-self:flex-start;margin-top:14px;color:#688074}.swatch{display:block;flex:0 0 22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff40;align-self:flex-start;margin-top:9px}.ginger{background:#00533b}.tonic{background:#174680}.rose{background:#d77988}.tropical{background:#e98927}.flavour-text{flex:1}.flavour strong{font-family:var(--display);font-size:33px;line-height:1.1;font-weight:600}.flavour small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:9px}.flavour-detail{display:none;font-size:14px;line-height:1.7;max-width:320px;margin-top:17px}.flavour.active .flavour-detail{display:block}.flavour-arrow{font-size:25px;transition:transform .3s}.flavour:hover .flavour-arrow{transform:rotate(45deg)}.range-enquiry{display:flex;justify-content:space-between;font-size:14px;font-weight:600;padding:28px 0 0}.contact{background:var(--dark);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:65px;position:relative}.contact h2{font-size:65px}.contact-copy p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:24px;color:#d4dfcc}.contact-copy>a{display:inline-block;font-size:14px;border-bottom:1px solid #ecebd166;padding-bottom:7px;margin-top:10px}form{padding-top:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:12px;line-height:1.5;margin-bottom:26px}input,textarea,select{width:100%;display:block;padding:14px 0 12px;color:var(--cream);background:transparent;border:0;border-bottom:1px solid #f4f1e74a;border-radius:0;font-size:14px;outline-offset:4px}input::placeholder,textarea::placeholder{color:#b1c7b8}textarea{resize:vertical;min-height:110px}select option{color:var(--dark);background:var(--cream)}form .button{width:100%}.form-note{font-size:12px;line-height:1.6;color:#c3d1be;margin-top:17px}footer{background:#003222;color:var(--cream);padding:28px 7%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px}.footer-wordmark{font-family:var(--script);font-size:31px}body.paused .can-fallback{animation-play-state:paused}@media(min-width:1600px){.hero{height:850px}.hero-copy{padding-top:100px}.product-stage{height:790px}.can-fallback{height:700px}.can-controls{bottom:25px}}@media(max-width:1000px){header{padding:18px 5%;height:96px}.hero{height:690px}.hero-copy{padding-left:5%;padding-top:70px}.eyebrow{font-size:10px;letter-spacing:1.7px}h1{font-size:106px}.product-stage{height:610px;width:60%;right:-5%}.product-stamp{width:105px;height:105px;right:9%;top:8%}.product-stamp strong{font-size:19px}.can-fallback{height:500px}.section{padding:65px 5%}.range-layout,.contact{gap:35px}.range-heading h2,.contact h2{font-size:54px}.flavour strong{font-size:28px}.flavour{gap:10px}.flavour-num{display:none}.can-controls{left:25%}.volume{display:none}}@media(max-width:650px){header{height:84px;padding:12px 6%}.brand img{width:47px;height:47px}.brand span{font-size:26px}nav{gap:18px;font-size:12px}nav>a:nth-child(2){display:none}.nav-cta{padding:10px 15px}.nav-cta span{margin-left:10px}.hero{height:960px;min-height:960px}.hero-copy{padding:36px 7% 0;width:100%;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px}.hero-copy .line{display:none}h1{font-size:91px;line-height:.84}h1 br:first-child{display:none}h1 em{font-size:91px;line-height:1.2;letter-spacing:-2px;margin-top:5px}.intro{font-size:14px;line-height:1.6;margin:10px 0 20px}.button{min-height:48px;padding:12px 22px}.product-stage{top:353px;right:0;width:100%;height:550px}.can-fallback{height:470px;left:19%;top:10px}.product-stamp{right:6%;top:8%;width:98px;height:98px}.product-stamp strong{font-size:17px}.product-stamp{font-size:8px}.can-controls{left:0;width:100%;justify-content:center;bottom:0}.hero-bottom{bottom:22px;left:7%;right:7%;font-size:8px;letter-spacing:1px}.hero-bottom a{font-size:8px}.hero-ring.ring-one{width:450px;height:450px;top:400px;right:-35px}.hero-ring.ring-two{width:600px;height:600px;top:320px;right:-110px}.ribbon{height:52px;font-size:11px;gap:28px}.section{padding:48px 7%}.section-top>span{display:none}.range-heading{display:block;padding:28px 0}.range-heading h2{font-size:48px}.range-heading p{font-size:14px;margin-top:18px}.range-layout,.contact{grid-template-columns:1fr;gap:28px}.range-photo>img{max-height:510px}.flavour{padding:20px 0}.flavour strong{font-size:30px}.flavour small{font-size:9px}.contact h2{font-size:59px}.contact-copy p:not(.eyebrow){margin-top:16px}.form-row{gap:20px}footer{padding:25px 7%;flex-wrap:wrap;justify-content:center;text-align:center}.footer-wordmark{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}} 
/* Keep the oversized brand typography within narrow phone screens. */
@media(max-width:650px){.hero{height:1040px;min-height:1040px}h1{font-size:76px;line-height:.84}h1 br:first-child{display:initial}h1 em{font-size:68px;letter-spacing:-1px;line-height:1.2}.hero-copy .eyebrow{font-size:10px;letter-spacing:1px}.product-stage{top:425px;height:550px}.range-heading h2{font-size:45px}}
@media(max-width:360px){h1 em{font-size:60px}nav{gap:10px}.brand span{font-size:23px}.nav-cta{padding:10px}.form-row{grid-template-columns:1fr;gap:0}}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.button:disabled{opacity:.65;cursor:wait;transform:none}
