@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap');
:root{--green:#163f32;--cream:#fffbee;--yellow:#ffe14a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a53b15;outline-offset:6px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;height:106px}.logo img{width:110px;height:65px;object-fit:contain}nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:700}.nav-cta{border:1px solid #163f3255;border-radius:30px;padding:14px 22px}.nav-cta span{margin-left:20px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:670px;padding:45px 6% 65px;overflow:hidden}.hero-copy{padding-top:38px;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.7}.eyebrow span{display:inline-block;width:8px;height:8px;background:#eb912c;border-radius:50%;margin-right:8px}h1,h2,h3{font-family:'Outfit',sans-serif;letter-spacing:-3px;line-height:1.03;margin:24px 0}h1{font-size:clamp(55px,6.7vw,96px);font-weight:800}em{font-style:normal;color:#df6b20}h1 em{display:block}.intro{max-width:380px;font-size:16px;line-height:1.8;color:#54705d}.button{display:inline-flex;align-items:center;gap:38px;background:var(--green);color:white;padding:19px 25px;border-radius:40px;font-size:14px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero .button{margin-top:20px}.button span{font-size:23px}.family{font-size:9px;letter-spacing:2px;margin-top:32px;color:#728272}.hero-art{position:relative;min-height:560px;background:var(--yellow);border-radius:48% 48% 44% 44%;transform:rotate(4deg);margin:0 -10px 0 25px}.orbit{position:absolute;inset:28px;border:1px solid #b88b2355;border-radius:50%}.art-word{position:absolute;top:65px;left:4%;font:900 clamp(62px,7vw,110px)/1 'Outfit',sans-serif;letter-spacing:-5px;color:#fff5a4;transform:rotate(-10deg)}.brand-disc{position:absolute;z-index:2;top:95px;left:22%;width:58%;height:210px;border-radius:50%;background:var(--cream);box-shadow:0 20px 40px #a264191a;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg)}.brand-disc img{width:80%;height:135px;object-fit:contain}.brand-disc span{font-size:10px;letter-spacing:4px;font-weight:800}.mango-art{position:absolute;width:110%;left:-8%;bottom:-5%;transform:rotate(-4deg);z-index:3}.round-note{position:absolute;right:-8px;top:280px;z-index:4;background:var(--green);color:#fff5a4;border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.5;transform:rotate(10deg)}.spark{position:absolute;left:0;top:38px;font-size:65px;color:#e57020}.ribbon{background:var(--green);color:var(--yellow);display:flex;justify-content:space-around;align-items:center;gap:40px;padding:23px;white-space:nowrap;overflow:hidden;font:700 18px 'Outfit',sans-serif;letter-spacing:2px}.ribbon b{font-size:30px}.flavour{max-width:1250px;margin:auto;padding:95px 6%}.section-heading{text-align:center}h2{font-size:clamp(36px,4vw,58px)}.flavour-card{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe1ca;border-radius:30px;overflow:hidden;background:white}.flavour-visual{background:#ffcf3d;min-height:440px;padding:32px 38px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.tiny{align-self:flex-start;font-size:10px;letter-spacing:2px;font-weight:700}.flavour-visual img{width:65%;height:165px;object-fit:contain;margin-top:28px;z-index:1}.flavour-name{font:800 75px 'Outfit',sans-serif;letter-spacing:-3px;z-index:1}.flavour-name span{display:block;font:14px 'DM Sans',sans-serif;letter-spacing:0;text-align:center}.asterisk{position:absolute;color:#ffe87c;font-size:400px;line-height:1;bottom:-120px;right:-110px}.flavour-copy{padding:55px 45px}.tag{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#927234}h3{font-size:50px}.flavour-copy p{font-size:15px;color:#647366;line-height:1.8}.serving{display:flex;gap:15px;flex-wrap:wrap;font-size:9px;font-weight:800;border-top:1px solid #e5e8df;padding-top:22px;margin:25px 0}.text-link{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.moments{text-align:center;background:#f0f1d9;padding:70px 20px}.moments p:last-child{line-height:1.8;color:#5a705b}.enquire{padding:65px 8%;background:var(--green);color:var(--cream);display:flex;justify-content:space-between;align-items:center;gap:30px}.enquire .eyebrow{color:var(--yellow)}.enquire p{line-height:1.8}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:22px}.light{background:var(--yellow);color:var(--green)}footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer img{width:75px;height:60px;object-fit:contain}@media(max-width:800px){header{padding:15px 6%;height:90px}nav{gap:20px}nav>a:first-child{display:none}.nav-cta{padding:10px 14px}.nav-cta span{display:none}.logo img{width:85px}.hero{grid-template-columns:1fr;padding-top:5px;gap:35px}.hero-copy{padding-top:10px}h1{font-size:64px;letter-spacing:-3px}.hero-art{min-height:490px;margin:0 auto;width:min(100%,450px)}.art-word{font-size:85px}.brand-disc{height:190px;top:65px}.mango-art{bottom:-6%}.round-note{right:0;top:240px}.flavour{padding:65px 6%}.flavour-card{grid-template-columns:1fr}.flavour-visual{min-height:380px}.flavour-copy{padding:35px 28px}.enquire{flex-direction:column;align-items:flex-start}.contact-actions{align-items:flex-start}footer{flex-wrap:wrap}footer p{display:none}}@media(max-width:400px){h1{font-size:55px}.hero-art{min-height:420px}.brand-disc{height:160px}.brand-disc img{height:110px}.art-word{font-size:70px}.round-note{width:88px;height:88px;font-size:10px;top:210px}.flavour-name{font-size:65px}nav{font-size:12px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}