:root{--green:#164b37;--ink:#183f30;--muted:#68746b;--cream:#faf9f3;--lime:#d7eb89}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b6ba40;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.announcement{text-align:center;background:var(--green);color:#edf2dc;font-size:11px;letter-spacing:1px;padding:12px 20px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:108px}.brand{display:flex;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1.4px}.brand-dot{color:#85a94a}.brand-icon{display:grid;place-items:center;margin-right:10px;width:39px;height:43px;background:var(--green);color:#fff;border-radius:11px}.brand-icon svg{width:29px;height:29px}.header nav{display:flex;gap:35px;font-size:13px;font-weight:600}.header nav a:hover,.text-link:hover{color:#618431}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--green);color:white;padding:19px 24px;border-radius:7px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#266649;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button-small{padding:13px 22px;gap:30px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center;padding-top:35px;padding-bottom:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#80a64d;border-radius:50%}h1{font-size:clamp(40px,4.35vw,63px);line-height:1.08;letter-spacing:-2.8px;margin:25px 0}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#718c3e}.hero-description{max-width:400px;font-size:15px;line-height:1.85;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{display:flex;gap:15px;align-items:center;font-size:12px;font-weight:600}.hero-note{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:28px}.check{display:grid;place-items:center;border:1px solid #b4c1ab;border-radius:50%;width:18px;height:18px;color:var(--green)}.hero-art{height:510px;position:relative;background:#e8ecd9;border-radius:120px 16px 120px 16px;isolation:isolate;overflow:hidden}.orbit{position:absolute;border:1px solid #c9d1b3;border-radius:50%;width:420px;height:420px;left:55px;top:85px;z-index:-1}.orbit-two{width:330px;height:330px;left:100px;top:130px}.art-heading{position:absolute;top:38px;left:42px;font-size:11px;letter-spacing:2px;line-height:1.7}.art-heading strong{font:italic 28px Georgia,serif;letter-spacing:-1px}.hero-product{position:absolute;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(3px 16px 8px #40512826)}.hero-milo{width:48%;height:320px;left:4%;top:140px;transform:rotate(-12deg);z-index:2}.hero-milk{width:35%;height:245px;left:37%;top:221px;transform:rotate(9deg);z-index:3}.hero-cereal{width:39%;height:290px;right:0;top:77px;transform:rotate(12deg)}.round-label{position:absolute;right:26px;top:28px;width:96px;height:96px;border-radius:50%;background:var(--green);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;line-height:1.6;transform:rotate(12deg);z-index:4}.round-label span{font-size:20px;color:var(--lime)}.art-caption{position:absolute;bottom:23px;left:45px;font-size:11px;letter-spacing:.3px;z-index:5}.art-caption span{margin-right:12px}.promise-strip{border-block:1px solid #e3e5d9;background:#f1f3e8}.promises{display:flex;justify-content:space-around;gap:25px;padding-block:23px;font-size:12px}.promises b{color:#789347;margin-right:12px}.favourites{padding-block:76px 55px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font-size:34px;letter-spacing:-1.3px;line-height:1.18;margin:12px 0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-image{background:#efeee3;border-radius:12px;position:relative;height:260px;padding:42px 30px 20px}.dairy .product-image{background:#e9efea}.breakfast .product-image{background:#f2e9d9}.kitchen .product-image{background:#edf0df}.product-tag{position:absolute;left:17px;top:16px;text-transform:uppercase;font-size:8px;letter-spacing:1.2px;color:#65705b}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-card:hover img{transform:translateY(-5px) rotate(-3deg)}.product-copy{padding:18px 2px}.product-copy h3{font-size:15px;margin:0 0 8px}.product-copy p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.collection-note{text-align:center;font-size:10px;color:var(--muted);margin-top:25px}.experience{border-top:1px solid #e2e5d8;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:60px 75px}.experience-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;max-width:360px}.benefits{display:grid;gap:26px}.benefits article{display:flex;gap:18px}.benefit-icon{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;background:#eaf0df;border-radius:11px;font-size:11px;font-weight:bold}.benefits h3{font-size:15px;margin:1px 0 8px}.benefits p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:360px}.cta{padding:42px 48px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--green);color:white;position:relative;overflow:hidden}.cta .eyebrow{color:var(--lime)}.cta h2{font-size:32px}.cta p:last-child{color:#c5d6ca;font-size:13px}.button-light{background:var(--lime);color:var(--green);flex-shrink:0}.button-light:hover{background:#e2f3aa}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:38px}.footer .brand{font-size:22px}.footer p,.footer-note{font-size:10px;color:var(--muted)}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:15px}.skip-link:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:50px;padding-bottom:80px}.hero-art{height:550px}.hero-product{margin-top:20px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:25px}h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{height:470px}.hero-milo{top:150px;height:260px}.hero-milk{height:210px;top:220px}.hero-cereal{height:235px;top:120px}.round-label{width:80px;height:80px;right:15px}.art-heading{left:30px}.product-image{padding-inline:20px;height:220px}.experience{gap:50px}.promises{font-size:11px}.footer-note{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.announcement{font-size:9px;letter-spacing:.5px}.header{height:86px;gap:12px}.brand{font-size:23px}.brand-icon{width:32px;height:36px;margin-right:7px}.header nav{display:none}.button-small{padding:12px 16px;gap:18px}.hero{grid-template-columns:1fr;padding-top:15px;padding-bottom:36px;gap:35px}.hero-copy{max-width:520px}h1{font-size:clamp(39px,8vw,57px);letter-spacing:-2px}.hero-description{font-size:14px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}.hero-art{width:100%;max-width:500px;margin:auto;height:440px;border-top-left-radius:90px}.hero-milo{height:280px;top:100px}.hero-milk{top:180px;height:230px}.hero-cereal{top:70px;height:260px}.art-heading{top:25px;font-size:9px}.art-heading strong{font-size:24px}.round-label{top:20px}.art-caption{left:30px;bottom:17px}.promises{justify-content:center;flex-wrap:wrap;gap:14px 25px;padding-block:20px;font-size:10px}.promises span:last-child{display:none}.favourites{padding-block:45px 35px}.section-heading{align-items:start;flex-direction:column;gap:8px}h2{font-size:29px}.section-heading>p br{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.product-image{height:220px;padding:40px 20px 15px}.product-copy h3{font-size:14px}.product-copy p{font-size:11px}.experience{grid-template-columns:1fr;gap:25px;padding-block:35px 45px}.experience-intro>p:last-child{max-width:440px}.benefits{gap:23px}.cta{padding:30px 25px;flex-direction:column;align-items:start;gap:20px}.cta h2{font-size:29px}.cta .eyebrow{font-size:9px}.footer{flex-direction:column;align-items:start;gap:12px;padding-block:30px}.footer p{margin:0;line-height:1.8}}
@media(max-width:380px){.brand{font-size:20px}.brand-icon{display:none}.hero-actions{flex-direction:column;align-items:start}.product-image{height:190px;padding-inline:15px}.hero-art{height:390px}.hero-milo{height:240px}.hero-milk{height:190px;top:180px}.hero-cereal{height:210px;top:100px}.round-label{width:70px;height:70px;font-size:9px}.promises{gap:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}