@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--cream:#f4f0e7;--ink:#163b2c;--lime:#d8f23c;--orange:#ff6945}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(22,59,44,.16);position:absolute;width:100%;z-index:10}.logo{font-family:'Archivo Black',sans-serif;font-size:28px;letter-spacing:-2px}.logo span{color:var(--orange)}.navlinks{display:flex;gap:30px;align-items:center;font-weight:600;font-size:14px}.navCta,.button{background:var(--ink);color:white;border-radius:99px;padding:13px 22px}.hero{min-height:730px;display:grid;grid-template-columns:46% 54%;padding:82px 5vw 0;overflow:hidden}.heroCopy{padding:9vw 0 5vw;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;margin:0 0 24px}.hero h1,.sectionHead h2,.quality h2{font-family:'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.92;margin:0}.hero h1{font-size:clamp(54px,6.3vw,105px)}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:18px;line-height:1.65;max-width:540px;margin:32px 0}.button{display:inline-flex;gap:35px;align-items:center;font-weight:700;padding:17px 24px}.button span{font-size:20px}.micro{display:flex;align-items:center;gap:10px;margin-top:50px;font-size:12px}.micro b{font-family:'Archivo Black';font-size:18px;margin-left:15px}.micro span{opacity:.65}.heroVisual{position:relative;background:#bedc3b;border-radius:0 0 0 160px}.sun{position:absolute;width:460px;height:460px;border-radius:50%;background:#f8c944;left:16%;top:14%;box-shadow:0 0 0 44px rgba(255,255,255,.12)}.heroPack{position:absolute;width:min(38%,290px);height:auto;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(22,59,44,.25));mix-blend-mode:multiply}.packA{left:18%;top:23%;transform:rotate(-8deg)}.packB{right:12%;top:31%;transform:rotate(9deg)}.stamp{position:absolute;right:5%;top:12%;width:116px;height:116px;border:2px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font-family:'Archivo Black';line-height:.9;transform:rotate(8deg);z-index:3}.stamp small{font-family:'DM Sans';font-size:8px;margin-top:7px}.leaf{position:absolute;font-size:100px;color:#2a704c}.leaf1{bottom:3%;left:3%;transform:rotate(-25deg)}.leaf2{right:-2%;bottom:5%;transform:rotate(28deg)}.ticker{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:17px 0;font-family:'Archivo Black';font-size:15px;letter-spacing:.12em}.ticker div{word-spacing:28px}.ticker i{color:var(--lime)}.flavours{padding:110px 5vw}.sectionHead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.sectionHead h2,.quality h2{font-size:clamp(42px,5vw,74px)}.sectionHead>p{max-width:390px;line-height:1.65;opacity:.72}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border-radius:28px;min-height:480px;position:relative;overflow:hidden;padding:25px;transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(22,59,44,.12)}.num{font-family:'Archivo Black';font-size:12px;opacity:.45}.productHalo{position:absolute;width:260px;height:260px;background:var(--accent);border-radius:50%;top:60px;left:50%;transform:translateX(-50%);opacity:.88}.card img{position:absolute;width:62%;height:300px;object-fit:contain;left:19%;top:48px;mix-blend-mode:multiply;transition:.35s}.card:hover img{transform:scale(1.045) rotate(2deg)}.cardText{position:absolute;bottom:26px}.cardText h3{font-family:'Archivo Black';text-transform:uppercase;font-size:24px;letter-spacing:-.04em;margin:0}.cardText p{margin:7px 0 0;opacity:.58}.arrow{position:absolute;right:24px;bottom:25px;width:40px;height:40px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:20px}.quality{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:680px;padding:70px 7vw;gap:7vw;align-items:center}.qualityArt{height:520px;background:var(--orange);border-radius:50%;position:relative;display:grid;place-items:center;overflow:hidden}.qualityArt img{height:88%;width:60%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 20px rgba(0,0,0,.25));z-index:2}.circleText{position:absolute;font-family:'Archivo Black';font-size:90px;transform:rotate(-12deg);opacity:.15;white-space:nowrap}.circleText span{color:var(--lime)}.qualityCopy>p:not(.eyebrow){font-size:17px;line-height:1.75;opacity:.72;max-width:590px}.quality .eyebrow{color:var(--lime)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.facts div{display:flex;gap:10px;align-items:center}.facts b{font-family:'Archivo Black';font-size:30px;color:var(--lime)}.facts span{font-size:11px;line-height:1.3;opacity:.7}footer{height:130px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center}footer p{opacity:.6}footer>a:last-child{font-weight:700;font-size:13px}@media(max-width:900px){.navlinks>a:not(.navCta){display:none}.hero{grid-template-columns:1fr;padding:82px 22px 0}.heroCopy{padding:70px 0 55px}.heroVisual{height:510px;border-radius:60px 60px 0 0}.heroPack{width:38%}.micro{flex-wrap:wrap}.sectionHead{display:block}.sectionHead>p{margin-top:25px}.grid{grid-template-columns:1fr 1fr}.quality{grid-template-columns:1fr}.qualityArt{height:480px}.qualityCopy{padding-bottom:50px}}@media(max-width:600px){nav{padding:0 20px}.navCta{padding:11px 15px}.hero h1{font-size:50px}.heroVisual{height:420px}.sun{width:310px;height:310px;left:10%;top:12%}.stamp{width:82px;height:82px;font-size:12px}.heroPack{width:45%}.packA{left:8%}.packB{right:4%}.leaf{font-size:65px}.flavours{padding:80px 20px}.grid{grid-template-columns:1fr}.card{min-height:450px}.sectionHead h2,.quality h2{font-size:40px}.quality{padding:55px 20px}.qualityArt{height:360px}.qualityArt img{width:67%}.facts{grid-template-columns:1fr}.facts div{justify-content:flex-start}footer{height:auto;padding:35px 20px;gap:25px;align-items:flex-start;flex-direction:column}}