:root{--cream: #F5EDD8;--deep-green: #1A3A2A;--tea-amber: #C8893A;--ice-blue: #A8D8EA;--mango: #F4A235;--lychee-pink: #E8637A;--lime: #7BBF5E;--purple: #5C3D8F;--white: #FFFFFF}.hero{position:relative;height:80vh;min-height:620px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 60% 50%, rgba(180, 100, 20, 0.35) 0%, transparent 65%),radial-gradient(ellipse 50% 60% at 80% 30%, rgba(120, 80, 10, 0.25) 0%, transparent 55%),radial-gradient(ellipse 60% 80% at 10% 80%, rgba(30, 70, 40, 0.3) 0%, transparent 60%),linear-gradient(160deg, #0d0a04 0%, #1e1205 30%, #2a1a08 60%, #1a1008 100%);animation:heroBgPulse 10s ease-in-out infinite;-o-object-fit:cover;object-fit:cover;width:100%}.hero-bg video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@keyframes heroBgPulse{0%,100%{opacity:1}50%{opacity:.85}}.hero-inner{position:relative;z-index:3;width:100%;max-width:100%;margin:0 auto;padding:80px 6vw;display:flex;align-items:center;justify-content:space-between}.hero-left{max-width:50%;flex:0 0 50%}.hero-title{font-family:"futura-pt",sans-serif;font-weight:900;font-size:clamp(4rem,9vw,9rem);line-height:.93;letter-spacing:.02em;color:var(--deep-green)}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{display:block;opacity:0;transform:translateY(100%)}.hero-revealed .hero-title .line:nth-child(1) span{animation:lineReveal .9s .35s cubic-bezier(0.22, 1, 0.36, 1) forwards}.hero-revealed .hero-title .line:nth-child(2) span{animation:lineReveal .9s .5s cubic-bezier(0.22, 1, 0.36, 1) forwards;color:var(--gold)}.hero-revealed .hero-title .line:nth-child(3) span{animation:lineReveal .9s .65s cubic-bezier(0.22, 1, 0.36, 1) forwards}.hero-revealed .hero-title .line:nth-child(4) span{animation:lineReveal .9s .8s cubic-bezier(0.22, 1, 0.36, 1) forwards}@keyframes lineReveal{to{opacity:1;transform:translateY(0)}}.can-stage{position:relative;width:700px;height:560px;max-width:95vw;display:flex;justify-content:center;align-items:center}.can-wrap{position:relative;transform-origin:center bottom;opacity:0}.can-wrap img{display:block;width:180px;filter:drop-shadow(0 30px 50px rgba(0, 0, 0, 0.7));transition:filter .4s ease}.can-wrap:hover img{filter:drop-shadow(0 40px 60px rgba(0, 0, 0, 0.8)) brightness(1.06)}.can-left{left:-4%;top:0;z-index:2}.can-left img{width:170px}.can-center{left:6%;top:0px;transform:translateX(-50%);z-index:3}.can-center img{width:200px}.can-right{right:15%;top:0;z-index:2}.can-right img{width:170px}@keyframes floatLeft{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-14px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-0.5deg)}}@keyframes floatCenter{0%,100%{transform:translateX(-50%) translateY(0px)}40%{transform:translateX(-50%) translateY(-18px)}70%{transform:translateX(-50%) translateY(-8px)}}@keyframes floatRight{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-12px) rotate(-1deg)}75%{transform:translateY(-4px) rotate(0.5deg)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-80px) rotate(-35deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes slideInUp{from{opacity:0;transform:translateX(-50%) translateY(60px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(80px) rotate(28deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-revealed .can-left{animation:floatTiltLeft 6s ease-in-out infinite,slideInLeft 1.1s cubic-bezier(0.22, 1, 0.36, 1) .3s both}.hero-revealed .can-center{animation:floatCenter 6s ease-in-out infinite .8s,slideInUp 1s cubic-bezier(0.22, 1, 0.36, 1) .1s both}.hero-revealed .can-right{animation:floatTiltRight 6s ease-in-out infinite 1.4s,slideInRight 1.1s cubic-bezier(0.22, 1, 0.36, 1) .5s both}@keyframes floatTiltLeft{0%,100%{transform:translateY(0px)}40%{transform:translateY(-16px)}70%{transform:translateY(-7px)}}@keyframes floatTiltRight{0%,100%{transform:translateY(0px)}50%{transform:translateY(-13px)}75%{transform:translateY(-5px)}}.flavours{padding:6rem 1.5rem}.section-label{font-family:"futura-pt",sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--tea-amber);margin-bottom:.6rem}.section-title,.ingredients-title{font-family:"futura-pt",sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600;letter-spacing:.05em;color:var(--deep-green);margin-bottom:3.5rem}.flavour-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.flavour-grid.slick-initialized{display:block}.flavour-grid.slick-initialized .slick-slide{margin:0 .75rem}.flavour-grid.slick-initialized .slick-slide>div{height:100%}.flavour-grid.slick-initialized .slick-list{margin:0 -0.75rem}.flavour-grid.slick-initialized .slick-next{right:5px !important;top:-29px !important}.flavour-grid.slick-initialized .slick-prev{left:auto !important;top:-29px !important;right:51px !important}.flavour-grid.slick-initialized .slick-prev:before,.flavour-grid.slick-initialized .slick-next:before{font-size:25px;color:var(--deep-green)}.flavour-grid.slick-initialized .flavour-card{width:100%}.flavour-card{position:relative;overflow:hidden;aspect-ratio:1/1;cursor:pointer;transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1);transform-style:preserve-3d}.fc-grid-con{position:absolute;inset:0;opacity:1;transition:opacity .35s ease}.flavour-title{position:absolute;z-index:2;bottom:0;left:0;right:0;margin:auto;color:#fff;text-transform:uppercase;font-size:24px;font-weight:700;padding:10px;text-align:center;line-height:25px}.fc-content-hover{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease}.fc-can-bg{position:absolute;inset:0}.fc-can-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fc-vertical-title{position:absolute;right:25px;top:0;bottom:0;padding:50px 0 5px 0;text-align:center;color:#fff;font-weight:bold;font-size:clamp(2rem,5vw,3rem);letter-spacing:2px;text-transform:uppercase;text-shadow:0 3px 10px rgba(0,0,0,.2);line-height:50px;writing-mode:vertical-rl;transform:rotate(180deg) translateY(20px);opacity:0;transition:opacity .45s cubic-bezier(0.23, 1, 0.32, 1),transform .5s cubic-bezier(0.23, 1, 0.32, 1);transition-delay:.08s}.fc-bottom{position:absolute;bottom:0;width:100%;color:#fff;font-size:16px;letter-spacing:.2em;text-transform:uppercase;opacity:1;transform:translateY(8px);padding:5px;transition:opacity .4s ease,transform .4s ease;transition-delay:.12s}.fc-bottom p{font-family:"futura-pt",sans-serif;font-size:16px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#fff;text-align:right}.flavour-card:hover .fc-grid-con{opacity:0;pointer-events:none}.flavour-card:hover .fc-content-hover{opacity:1;pointer-events:auto}.flavour-card:hover .fc-vertical-title{opacity:1;transform:rotate(180deg) translateY(0)}.flavour-card:hover .fc-bottom{opacity:1;transform:translateY(0)}.fc-bg{position:absolute;inset:0;transition:transform .5s}.fc-bg-mango{background:linear-gradient(180deg, #832121 0%, #ec3d5a 100%)}.fc-bg-peach{background:linear-gradient(180deg, rgba(98, 1, 88, 0.8784313725) 79%, rgba(187, 88, 176, 0.8784313725) 100%)}.fc-bg-lemon{background:linear-gradient(180deg, #0c4629 0%, #7BBF5E 100%)}.fc-can{position:absolute;right:5%;bottom:15%;width:25%;transition:transform .5s cubic-bezier(0.23, 1, 0.32, 1);filter:drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));transform-style:preserve-3d}.fc-can img{width:100%;height:auto}.fc-content{position:absolute;top:0;left:0;right:0;color:#fff}.fc-name{font-family:"futura-pt",sans-serif;font-size:2.2rem;line-height:1;letter-spacing:.05em}.fc-name .hero-title{font-size:clamp(1em,5vw,1.5em)}.txt-hero{position:relative;min-height:620px;background:linear-gradient(135deg, #d4651a 0%, #e8852a 40%, #c85a10 100%);overflow:hidden;display:flex;align-items:center;padding:3rem 3rem 3rem 10%;box-sizing:border-box}.txt-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%, rgba(255, 200, 100, 0.18) 0%, transparent 65%),radial-gradient(ellipse at 20% 70%, rgba(200, 80, 0, 0.25) 0%, transparent 55%);pointer-events:none}.txt-hero-text{flex:0 0 50%;width:50%}.txt-hero-title{font-family:"futura-pt",sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;letter-spacing:1px;line-height:1.1;color:#000;margin:0 0 1.2rem;text-transform:uppercase}.txt-hero-title .word{display:inline-block;opacity:0;transform:translateY(22px);animation:fadeUp .55s ease forwards}.txt-hero-body{font-family:"futura-pt",sans-serif;font-size:20px;line-height:25px;font-weight:500;color:#000;opacity:0;animation:fadeIn .7s ease 1.4s forwards;max-width:95%}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.txt-cans-wrap{flex:0 0 50%;width:50%;display:flex;align-items:center;justify-content:center}.txt-cans-item{position:absolute;opacity:0}.txt-cans-item img{display:block;filter:drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.28));transform-origin:center bottom}.txt-cans-left{animation:canPopLeft .6s cubic-bezier(0.34, 1.56, 0.64, 1) .5s forwards;z-index:4;top:-176px;right:25%}.txt-cans-left img{max-height:440px;height:100%;transform:rotate(18deg)}.txt-cans-center{animation:canPopCenter .6s cubic-bezier(0.34, 1.56, 0.64, 1) .75s forwards;z-index:5;top:34px}.txt-cans-center img{max-height:440px;height:100%;transform:rotate(-32deg)}.txt-cans-right{animation:canPopRight .6s cubic-bezier(0.34, 1.56, 0.64, 1) 1s forwards;z-index:3;bottom:10px}.txt-cans-right img{max-height:440px;height:100%;bottom:0;transform:rotate(41deg)}@keyframes canPopLeft{0%{opacity:0;transform:translateY(40px) scale(0.88)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes canPopCenter{0%{opacity:0;transform:translateY(40px) scale(0.88)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes canPopRight{0%{opacity:0;transform:translateY(40px) scale(0.88)}100%{opacity:1;transform:translateY(0) scale(1)}}.txt-cans-item.float-anim img{animation:floatLoop 4s ease-in-out infinite}.txt-cans-item.float-anim-delay img{animation:floatLoop 4.4s ease-in-out .6s infinite}.txt-cans-item.float-anim-delay2 img{animation:floatLoop 3.8s ease-in-out 1.1s infinite}@keyframes floatLoop{0%,100%{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-10px) rotate(var(--rot))}}.txt-cans-left img{--rot: 18deg}.txt-cans-center img{--rot: -32deg}.txt-cans-right img{--rot: 41deg}.ingredients{background:#fff;color:var(--deep-green);padding:90px 60px;text-align:center}.ingredients-title{color:var(--deep-green);margin-bottom:60px}.ing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:60px;max-width:100%;margin:0 auto}.ing-item{display:flex;flex-direction:column;align-items:center;gap:18px}.ing-emoji-wrap{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg, #f5f0e8, #ede5d5);display:flex;align-items:center;justify-content:center;font-size:2.6rem;box-shadow:0 10px 40px rgba(0,0,0,.08),0 0 0 6px rgba(200,150,62,.1);transition:transform .5s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .5s}.ing-item:hover .ing-emoji-wrap{transform:scale(1.15) rotate(8deg);box-shadow:0 20px 50px rgba(0,0,0,.12),0 0 0 10px rgba(200,150,62,.15)}.ing-name{font-family:"Allura-Regular";font-style:italic;font-size:48px;color:#326d50;line-height:1.3;text-align:center}.banner-wrap{background:#1e4a35;overflow:hidden;white-space:nowrap;width:100%;padding:10px 0}.banner-track{display:inline-flex;align-items:center;animation:scroll 18s linear infinite}.banner-track:hover{animation-play-state:paused}.banner-item{display:inline-flex;align-items:center;gap:14px;padding:0 20px;font-family:"futura-pt",sans-serif}.banner-text{font-size:28px;letter-spacing:.06em;color:#fff;font-weight:900;text-transform:uppercase}.banner-text span{font-weight:400;color:rgba(0,0,0,0);-webkit-text-stroke:.5px #fff}.star{color:#fff;font-size:28px;display:inline-block}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.tea-section{display:grid;grid-template-columns:2fr 3fr;min-height:420px;height:100%;overflow:hidden;background:linear-gradient(to right, #9EEB7A, #FFE59E);margin:6rem 0}.image-col{overflow:hidden}.image-col img{width:100%;height:100%;-o-object-fit:contain;object-fit:cover;-o-object-position:center;object-position:right;display:block}.content-col{padding:3.5rem 3rem;display:flex;flex-direction:column;justify-content:center;gap:2rem}.content-col__title{font-family:"futura-pt",sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;color:#1b3d26;letter-spacing:.4px;line-height:1.05}.features{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;padding:0 5% 0 9%;position:relative}.feature__label{font-family:"futura-pt",sans-serif;font-size:24px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--deep-green);margin-bottom:5px}.feature__desc{font-family:"futura-pt",sans-serif;font-size:20px;color:#464141;line-height:1.65;font-weight:500}.feature__desc em{font-style:italic}.feature+.feature{padding-top:1.5rem;border-top:1px solid rgba(27,61,38,.15)}.ban-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:3rem;border-radius:0;padding:0 0 6rem;max-width:100%;width:100%}.ban-hero-copy{flex:0 0 55%;min-width:0;z-index:2;position:relative;padding:0 5% 0 10%}.ban-hero-copy h2{font-family:"futura-pt",sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;color:#1b3d26;letter-spacing:.4px;line-height:1.05;padding-bottom:30px}.ban-hero-copy p{font-family:"futura-pt",sans-serif;font-size:20px;color:#464141;line-height:1.65;font-weight:500;padding-bottom:30px}.ban-hero-copy .primary-link{background-color:var(--deep-green);color:var(--white);font-size:14px;padding:20px 25px}.ban-hero-image{flex:0 0 40%;min-width:0;overflow:hidden;height:500px}.ban-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ban-hero-leaf{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.ban-hero-leaf--tl{top:-10%;left:28px;animation:leafDrift1 6.5s ease-in-out infinite;transform-origin:50% 60%}.ban-hero-leaf--br{bottom:40px;left:44%;animation:leafDrift2 8s ease-in-out infinite;transform-origin:40% 40%}@keyframes leafDrift1{0%{transform:rotate(-16deg) translate(0px, 0px)}20%{transform:rotate(-12deg) translate(3px, -5px)}45%{transform:rotate(-19deg) translate(-3px, 6px)}70%{transform:rotate(-13deg) translate(4px, 2px)}100%{transform:rotate(-16deg) translate(0px, 0px)}}@keyframes leafDrift2{0%{transform:rotate(12deg) translate(0px, 0px)}25%{transform:rotate(16deg) translate(-4px, 5px)}55%{transform:rotate(9deg) translate(5px, -4px)}80%{transform:rotate(14deg) translate(-2px, 2px)}100%{transform:rotate(12deg) translate(0px, 0px)}}.wtb-section{display:flex;flex-direction:column;gap:20px;min-height:450px;position:relative;justify-content:center;align-items:flex-end;padding-right:10%}.wtb-section-image-col img{width:100%;max-width:350px;height:auto;display:block;-o-object-fit:contain;object-fit:contain;opacity:.8}.wtb-section-image-col{position:absolute;left:0;bottom:0}.wtb-sectioncontent-col{width:100%;max-width:600px;position:absolute;left:45%}.wtb-section-copy .primary-link{background:var(--white);color:var(--deep-green);font-size:14px;padding:20px 25px}.wtb-section-copy .content-col__title{font-family:"futura-pt",sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;color:var(--white);letter-spacing:.4px;line-height:1.05;padding-bottom:20px}.wtb-section-copy{text-align:center}.wtb-section-copy p{font-size:18px;margin-bottom:15px;color:#fff}@media(max-width: 1440px){.fc-vertical-title{font-size:36px;line-height:40px}}@media(max-width: 1280px){.features{padding:0}.txt-cans-wrap{flex:0 0 45%;width:45%}.txt-hero-text{flex:0 0 55%;width:55%}.txt-cans-center img,.txt-cans-left img,.txt-cans-right img{max-height:350px}.txt-cans-center{top:125px}.txt-cans-left{top:-48px}.fc-can{bottom:22%}}@media(max-width: 1024px){.fc-vertical-title{font-size:28px;line-height:35px}}@media(max-width: 990px){.wtb-section{min-height:350px;padding-right:5%}.wtb-section-image-col img{max-width:260px}.wtb-sectioncontent-col{max-width:505px;left:35%}.ban-hero-copy{padding:0 0 0 10%}.tea-section{grid-template-columns:1fr}.image-col{display:none;order:2}.image-col img{max-height:350px}.banner-text{font-size:22px}.ing-name{font-size:32px;font-weight:400}.txt-hero{padding:2rem 1rem 2rem 7%;min-height:400px}.txt-cans-center img,.txt-cans-left img,.txt-cans-right img{max-height:300px}.section-title,.ingredients-title{margin-bottom:35px}.section-label{margin-bottom:0}.hero{min-height:430px}}@media(min-width: 1024px){.wtb-section-copy p{font-size:20px}}@media(max-width: 768px){.ban-hero{flex-direction:column;padding:2.5rem 2rem;gap:2rem;border-radius:16px}.ban-hero-copy{padding:0;text-align:center}.ban-hero-image img{height:320px}.ban-hero-copy p{max-width:100%}.ban-hero-image{width:100%;height:240px}.ban-hero-leaf--tl,.ban-hero-leaf--br{width:100px}.ban-hero-leaf--br{left:auto;right:16px;bottom:260px}.tea-section{grid-template-columns:1fr;margin:2rem 0 0;padding:2rem 0}.image-col{min-height:260px}.content-col{padding:2.5rem 1.75rem}.ban-hero-copy h2,.wtb-section-copy .content-col__title,.content-col__title,.ingredients-title,.txt-hero-title,.section-title{font-size:30px;line-height:40px}.features{text-align:center}.feature__label{font-size:22px}.ingredients{padding:2.5rem 2rem}.ing-grid{gap:20px}.ingredients-title{margin-bottom:30px}.flavours{padding:2.5rem 1.5rem}}@media(max-width: 750px){.wtb-section{min-height:280px;padding:10px 10px 10px}.wtb-section-image-col img{max-width:160px}.txt-hero-text{max-width:100%}.txt-hero{min-height:400px;align-items:flex-start;flex-direction:column;justify-content:center}.txt-cans-wrap{width:100%;height:200px;justify-content:center}.txt-cans-center{right:21px}.txt-cans-right{right:80px}.txt-cans-left{right:20%}.hero-left{flex:0 0 100%;width:100%;max-width:100%}.hero-inner{flex-direction:column;height:100%;justify-content:center;padding:2rem}.hero{height:100%}.can-stage{width:320px;height:100%;max-width:100%;padding:30px}.can-left{left:5%;top:0}.can-center{left:20%;top:0px}.can-right{right:5%;top:0}.hero-title{text-align:center;font-size:46px}.wtb-sectioncontent-col{position:relative;left:auto}}@media(max-width: 580px){.wtb-section-image-col img{max-width:120px}.ing-name{font-size:24px}.txt-cans-item{position:relative}.txt-hero{align-items:center;justify-content:center;text-align:center}.txt-hero-text{flex:1;width:100%}.txt-cans-left{top:18px}.txt-cans-center{top:70px;left:0}.txt-cans-center img{--rot: -47deg}.txt-cans-right{bottom:-47px;left:-62px}.txt-cans-center img,.txt-cans-left img,.txt-cans-right img{max-height:190px}}@media(max-width: 480px){.ban-hero{padding:2rem 1.5rem}.ban-hero-copy h1{font-size:1.5rem}.ban-hero-leaf--tl svg{width:54px;height:auto}.ban-hero-leaf--br svg{width:46px;height:auto}.image-col{min-height:200px}.content-col{padding:2rem 1.25rem;gap:1.25rem}.ing-grid{grid-template-columns:repeat(1, 1fr)}}@media(prefers-reduced-motion: reduce){.ban-hero-leaf{animation:none}}