@import url('assets/brand-fonts.css');
@font-face{font-family:AntonFull;src:url('assets/anton.ttf') format('truetype');font-display:swap}
:root{--navy:#12324a;--yellow:#ffd239;--coral:#ff6f61;--white:#fff;--cream:#fffbee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--yellow);color:var(--navy);font-family:Avenir,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #12324a;outline-offset:5px}.announcement{background:var(--navy);color:white;text-align:center;font-size:10px;font-weight:700;letter-spacing:1.7px;padding:12px}.announcement span{padding:0 24px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #12324a30;background:linear-gradient(115deg,#ffdf4d,#ffcb27)}.logo{display:inline-block;line-height:0}.logo img{width:165px;height:78px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:35px;font-size:14px;font-weight:700}.button{background:var(--navy);color:white;padding:18px 25px;border-radius:8px;display:inline-flex;gap:30px;align-items:center;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{background:#234c68;transform:translateY(-2px)}.button.small{font-size:12px;padding:15px 22px}.hero{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(115deg,#ffdf4d,#ffcb27)}.hero-copy{padding:65px 7% 45px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;margin:0 0 25px;line-height:1.6}h1,h2,h3,.flavour strong{font-family:AntonFull,Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase}h1{font-size:clamp(52px,6.2vw,94px);line-height:1.1;letter-spacing:-1.5px;margin:0}em{font-style:normal;color:var(--coral)}h1 em{color:var(--navy);-webkit-text-stroke:1px var(--navy)}.intro{max-width:390px;font-size:16px;line-height:1.7;margin:25px 0 30px}.hero-note{font-size:9px;font-weight:700;letter-spacing:1px;margin-top:32px}.hero-note span{padding:0 12px}.hero-art{position:relative;min-height:650px}.hero-art>img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 55%}.photo-label{position:absolute;bottom:25px;left:25px;background:var(--coral);padding:14px 18px;font-size:10px;font-weight:700;letter-spacing:1px;border-radius:6px}.ticker{background:var(--coral);padding:22px 0;white-space:nowrap;overflow:hidden;display:flex;justify-content:space-around;gap:35px;font-size:25px;align-items:center}.ticker span{font-size:12px;font-weight:700;letter-spacing:1.4px}.section{padding:85px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}h2{font-size:clamp(43px,4.6vw,68px);line-height:1.15;letter-spacing:-.5px;margin:0}.section-heading h2 em{color:var(--navy)}.section-heading>p{font-size:14px;line-height:1.8;margin-bottom:7px}.flavour-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.flavour{border:1px solid var(--navy);background:#ffac72;position:relative;border-radius:10px;min-height:410px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.flavour:hover{transform:translateY(-5px)}.flavour.active{box-shadow:0 5px 0 var(--navy)}.flavour.pineapple{background:#e8eb80}.flavour.passion{background:#c6a2cf}.flavour.ginger{background:#f9df83}.flavour .number{font-size:9px;letter-spacing:1px}.flavour img{height:270px;object-fit:contain;max-width:100%;align-self:center;margin:8px 0 12px;filter:drop-shadow(8px 10px 6px #12324a20);transition:transform .2s}.flavour:hover img{transform:rotate(5deg)}.flavour strong{font-size:29px;line-height:1.2;margin-top:auto}.flavour>span:last-of-type{font-size:8px;font-weight:700;letter-spacing:1.2px;margin-top:10px}.flavour b{position:absolute;right:18px;bottom:18px;font-size:22px;font-weight:400}.flavour-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;padding:35px 0 22px;border-bottom:1px solid #12324a50}.flavour-detail .eyebrow{font-size:9px}.flavour-detail h3{font-size:28px;margin:10px 0}.flavour-detail p{font-size:15px;line-height:1.8;margin:0}.flavour-detail a{font-size:12px;text-decoration:underline;text-underline-offset:5px;grid-column:2}.availability{font-size:10px;line-height:1.8}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--navy);color:white;align-items:center}.story-art{position:relative;height:550px}.story-art img{height:100%;width:100%;object-fit:cover;border-radius:10px}.story-art>span{position:absolute;bottom:22px;left:22px;background:var(--yellow);color:var(--navy);padding:12px;font-size:10px;font-weight:700;letter-spacing:1px;border-radius:5px}.story-copy em{color:var(--yellow)}.story-copy p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:400px;margin-top:25px}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid;padding:12px 0;font-size:12px;font-weight:700;margin-top:10px}.photo-strip{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:420px;background:var(--coral)}.photo-strip>img{width:100%;height:420px;object-fit:cover}.photo-strip>div{padding:40px 30px;display:flex;flex-direction:column;justify-content:center}.photo-strip h2{font-size:clamp(34px,4vw,60px)}.photo-strip .eyebrow{font-size:8px}.basics{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--cream)}.basics em{color:var(--navy)}.faq details{border-bottom:1px solid #12324a40;padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:15px;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:14px;line-height:1.9;padding-right:25px}.find{background:var(--coral);color:var(--navy)}.find h2{font-size:clamp(60px,8vw,110px)}.find h2 em{color:var(--navy)}.find h2>span{float:right;font-size:150px;line-height:1.2}.find-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:25px}.find-bottom p{font-size:14px;line-height:1.8}.retailers{display:flex;gap:12px}.button.cream{background:var(--yellow);color:var(--navy)}.button.outline{border:1px solid var(--navy);background:transparent;color:var(--navy)}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--yellow)}footer p{font-size:9px;letter-spacing:1px}footer>a:not(.logo),footer>span{font-size:11px}
@media(min-width:1600px){body{max-width:1900px;margin:auto}}@media(max-width:900px){nav{gap:18px;font-size:12px}.hero-copy{padding-top:45px;padding-bottom:45px}h1{font-size:60px}.hero-art{min-height:620px}.intro{font-size:14px}.hero-note{font-size:7px}.flavour{padding:15px;min-height:350px}.flavour img{height:230px}.flavour strong{font-size:24px}.flavour>span:last-of-type{font-size:7px;letter-spacing:.5px}.flavour b{bottom:13px;right:9px}.story-art{height:460px}.story-copy p:not(.eyebrow){font-size:13px}.photo-strip>div{padding:25px}.photo-strip>img{height:370px}.photo-strip{min-height:370px}.find h2>span{font-size:100px}.retailers .button{padding:16px;font-size:11px}footer{flex-wrap:wrap}}
@media(max-width:600px){.announcement{font-size:7px;letter-spacing:.8px}.announcement span{padding:0 8px}header{height:90px}header .logo img{width:125px;height:65px}nav{display:none}.button.small{padding:13px 15px;gap:15px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:65px;letter-spacing:-1px}.intro{font-size:15px;max-width:340px;margin-top:23px}.hero-note{font-size:8px;margin-top:25px}.hero-note span{padding:0 8px}.hero-art{height:490px;min-height:490px}.hero-art>img{object-position:center 60%}.photo-label{font-size:8px;bottom:18px;left:18px}.ticker{padding:17px;gap:20px}.ticker span{font-size:9px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:28px}h2{font-size:45px}.section-heading>p{font-size:13px;margin-top:20px}.flavour-tabs{grid-template-columns:1fr 1fr;gap:16px}.flavour{padding:15px 13px;min-height:330px}.flavour img{height:225px;margin:7px 0 14px}.flavour strong{font-size:25px}.flavour>span:last-of-type{font-size:7px}.flavour b{font-size:17px;bottom:11px;right:8px}.flavour-detail{grid-template-columns:1fr;gap:12px}.flavour-detail h3{font-size:25px}.flavour-detail p{font-size:14px}.flavour-detail a{grid-column:1;margin-top:5px}.availability{font-size:9px}.story{grid-template-columns:1fr;gap:35px}.story-art{height:430px}.story-copy p:not(.eyebrow){font-size:14px}.photo-strip{grid-template-columns:1fr 1fr}.photo-strip>div{grid-column:1/-1;grid-row:1;padding:35px 6%}.photo-strip h2{font-size:42px}.photo-strip>img{height:280px}.basics{grid-template-columns:1fr;gap:35px}.faq summary{font-size:14px}.faq p{font-size:13px}.find h2{font-size:66px}.find h2>span{font-size:65px;float:none;display:inline-block}.find-bottom{display:block;margin-top:22px}.find-bottom p{font-size:13px}.retailers{margin-top:25px;flex-wrap:wrap}footer{padding:30px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer .logo img{width:130px;height:65px}footer p{font-size:8px;line-height:1.8}footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}