@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--green:#234431;--deep:#152c20;--sage:#dbe0c8;--paper:#f0eee5;--orange:#d65d36;--line:rgba(35,68,49,.17);--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--green);background:var(--paper);font-family:"DM Sans",sans-serif}body.lock{overflow:hidden}button,input,textarea{font:inherit}.skip{position:fixed;z-index:100;top:8px;left:8px;padding:10px;background:var(--orange);color:#fff;transform:translateY(-150%)}.skip:focus{transform:none}.press,.btn,.filters button,.products button{transition:transform 140ms var(--ease)}.press:active,.btn:active,.filters button:active,.products button:active{transform:scale(.97)}header{position:absolute;z-index:20;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 clamp(20px,4vw,62px);color:#fff}header.fixed{position:fixed;background:rgba(27,55,39,.9);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logo>span{display:grid;width:37px;height:37px;place-items:center;border:1px solid rgba(255,255,255,.45);font-family:"Instrument Serif";font-size:25px}.logo b{display:block;font-size:13px;letter-spacing:.16em}.logo small{font-size:6px;letter-spacing:.12em}nav{display:flex;gap:28px}nav a{color:inherit;font-size:9px;text-decoration:none}.head-actions{display:flex;justify-content:flex-end;gap:8px}.head-actions button{min-height:40px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:transparent;cursor:pointer;font-size:8px}.account{padding:0 15px}.quote{display:flex;align-items:center;gap:8px;padding:0 6px 0 15px}.quote b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--orange)}.menu{display:none;width:40px}.menu i{position:absolute;width:14px;height:1px;background:#fff}.menu i:first-child{transform:translateY(-3px)}.menu i:last-child{transform:translateY(3px)}.mobile-nav{position:fixed;z-index:19;inset:0;display:none;flex-direction:column;justify-content:center;padding:100px 24px 30px;background:var(--green);color:#fff;opacity:0;pointer-events:none;transition:opacity 180ms var(--ease)}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15);font-family:"Instrument Serif";font-size:38px;text-decoration:none}.mobile-nav button{margin-top:auto;min-height:48px;border:0;border-radius:999px;background:var(--orange);color:#fff}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--deep);color:#fff}.hero-img,.hero-shade{position:absolute;inset:0}.hero-img{background:url('./assets/dispensa-pro-hero.jpg') center/cover}.hero-shade{background:linear-gradient(90deg,rgba(16,38,26,.98),rgba(16,38,26,.77) 42%,transparent 72%)}.hero-copy{position:relative;z-index:2;display:flex;min-height:100svh;flex-direction:column;justify-content:center;padding:120px clamp(20px,7vw,108px) 100px}.tag{color:var(--orange);font-size:8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.hero h1,.section-head h2,.method h2,.zones h2,.cta h2{margin:16px 0 0;font-family:"Instrument Serif";font-size:clamp(4.7rem,7.7vw,8.3rem);font-weight:400;line-height:.84;letter-spacing:-.04em}.hero h1 em,.section-head h2 em{color:#e88059;font-weight:400}.hero-copy>p:not(.tag){max-width:480px;margin:28px 0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.7}.hero-actions{display:flex;gap:8px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:20px;padding:0 21px;border:0;border-radius:6px;cursor:pointer;font-size:9px;font-weight:600;text-decoration:none}.btn.orange{background:var(--orange);color:#fff}.btn.outline{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.proof{position:absolute;z-index:2;right:3vw;bottom:28px;display:flex;background:rgba(18,43,28,.72);backdrop-filter:blur(15px)}.proof div{padding:18px 22px;border-right:1px solid rgba(255,255,255,.13)}.proof b{display:block;font-family:"Instrument Serif";font-size:25px;font-weight:400}.proof span{color:rgba(255,255,255,.5);font-size:7px;text-transform:uppercase}.reveal{opacity:0;transform:translateY(10px);transition:opacity 220ms var(--ease),transform 260ms var(--ease)}.reveal.show{opacity:1;transform:none}.clients{display:flex;min-height:75px;align-items:center;justify-content:space-around;gap:20px;overflow:auto;padding:0 30px;background:var(--sage);white-space:nowrap}.clients span{font-size:8px;text-transform:uppercase}.clients b{font-size:10px;letter-spacing:.12em}.catalog{padding:clamp(80px,10vw,145px) clamp(12px,5vw,75px)}.section-head{display:grid;max-width:1300px;grid-template-columns:1.2fr .6fr;align-items:end;gap:40px;margin:auto}.section-head .tag{grid-column:1/-1}.section-head h2{font-size:clamp(3.8rem,6vw,6.5rem)}.section-head>p:last-child{color:#66766b;font-size:11px;line-height:1.7}.filters{display:flex;max-width:1300px;gap:7px;margin:40px auto 22px;overflow:auto}.filters button{flex:none;min-height:38px;padding:0 16px;border:1px solid var(--line);border-radius:4px;background:transparent;cursor:pointer;font-size:8px}.filters button.active{background:var(--green);color:#fff}.products{display:grid;max-width:1300px;grid-template-columns:repeat(3,1fr);gap:12px;margin:auto}.products article{overflow:hidden;border:1px solid var(--line);background:#fff}.products article.hidden{display:none}.prod-art{position:relative;height:220px;background:#cfc6a8}.prod-art::before,.prod-art::after{content:"";position:absolute;border-radius:50%;background:#c74932;box-shadow:40px 10px #db654b,-35px 20px #af372c,5px 45px #d35336}.prod-art::before{width:68px;height:68px;left:40%;top:30%}.prod-art span{position:absolute;z-index:2;top:13px;left:13px;padding:5px 7px;background:rgba(255,255,255,.66);font-size:7px}.prod-art.greens{background:#a6b88d}.prod-art.greens::before{background:#477045;box-shadow:35px 14px #5e8151,-36px 12px #385e3d}.prod-art.cheese{background:#dccb9b}.prod-art.cheese::before{width:45%;height:40%;border-radius:6px;background:#e8d17b;box-shadow:none}.prod-art.oil{background:#9aa582}.prod-art.oil::before{width:25%;height:56%;border-radius:8px 8px 3px 3px;background:#344429;box-shadow:45px 8px #435436,-45px 13px #293d29}.prod-art.pasta{background:#d8bb83}.prod-art.pasta::before{width:48%;height:38%;border-radius:4px;background:#b98b45;box-shadow:none}.prod-art.cream{background:#d9d0b9}.prod-art.cream::before{width:44%;height:28%;border-radius:12px;background:#eee4c6;box-shadow:none}.products article>div:nth-child(2){padding:18px}.products article p{margin:0 0 5px;color:var(--orange);font-size:7px;text-transform:uppercase}.products h3{margin:0 0 9px;font-family:"Instrument Serif";font-size:24px;font-weight:400}.products small{color:#788178;font-size:8px}.products button{display:flex;width:calc(100% - 24px);min-height:42px;align-items:center;justify-content:center;margin:0 12px 12px;border:0;background:#e8ebdc;color:var(--green);cursor:pointer;font-size:8px;font-weight:600}.method{padding:clamp(80px,10vw,145px) clamp(18px,7vw,108px);background:var(--green);color:#fff}.method h2{max-width:750px;font-size:clamp(4rem,6.5vw,7rem)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.method-grid article{min-height:300px;padding:24px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.method-grid span{color:#e8835d;font-size:8px}.method-grid h3{margin-top:90px;font-family:"Instrument Serif";font-size:25px;font-weight:400}.method-grid p{color:rgba(255,255,255,.52);font-size:9px;line-height:1.6}.zones{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:var(--sage)}.zone-map{position:relative;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:80px;background-image:linear-gradient(30deg,transparent 49%,rgba(35,68,49,.1) 50%,transparent 51%)}.zone-map span{display:grid;width:100px;height:100px;place-items:center;border:1px solid var(--green);border-radius:50%;font-family:"Instrument Serif";font-size:28px}.zone-map i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 12px rgba(214,93,54,.2)}.zone-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,120px);background:var(--paper)}.zones h2{font-size:clamp(3.8rem,6vw,6.5rem)}.zone-copy>p:not(.tag){color:#69786e;font-size:10px;line-height:1.7}.zone-copy form{margin-top:25px}.zone-copy label{display:block;margin-bottom:8px;font-size:8px;font-weight:600;text-transform:uppercase}.zone-copy form>div{display:flex}.zone-copy input{height:46px;flex:1;padding:0 12px;border:1px solid var(--line);background:#fff;outline:none}.zone-copy form button{padding:0 18px;border:0;background:var(--green);color:#fff;font-size:8px}.zone-copy [data-postcode-result]{min-height:18px;color:var(--orange)!important;font-weight:600}.cta{padding:100px 20px;background:#d8c8a8;text-align:center}.cta h2{margin:15px auto 30px;font-size:clamp(3.5rem,6vw,6.5rem)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:44px clamp(20px,5vw,75px);background:var(--deep);color:#fff}.footer-logo{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.12em}.footer-logo span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.3);font-family:"Instrument Serif";font-size:20px}footer>div:nth-child(2){display:flex;justify-content:center;gap:15px}footer a,footer p{color:#8ea094;font-size:8px;text-decoration:none}footer p{text-align:right}.quote-drawer{position:fixed;z-index:51;top:0;right:0;bottom:0;display:flex;width:min(520px,100%);flex-direction:column;padding:28px;background:var(--paper);transform:translateX(100%);transition:transform 250ms cubic-bezier(.32,.72,0,1);overflow:auto}.quote-drawer.open{transform:none}.scrim{position:fixed;z-index:50;inset:0;background:rgba(11,33,20,.55);opacity:0;pointer-events:none;transition:opacity 180ms var(--ease)}.scrim.show{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between}.drawer-head small{font-size:8px;text-transform:uppercase}.drawer-head h2{margin:6px 0;font-family:"Instrument Serif";font-size:40px;font-weight:400}.close{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:22px}.request-items{min-height:120px;margin:20px 0;padding:12px;border:1px solid var(--line)}.empty{color:#778279;font-size:9px}.request-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px}.request-item button{border:0;background:transparent}.quote-drawer form{display:flex;flex-direction:column;gap:13px}.quote-drawer label{display:flex;flex-direction:column;gap:6px;color:#69756c;font-size:8px;text-transform:uppercase}.quote-drawer input,.quote-drawer textarea{padding:11px;border:1px solid var(--line);background:#fff;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-drawer .btn{width:100%}.toast{position:fixed;z-index:60;left:50%;bottom:22px;padding:13px 18px;background:var(--green);color:#fff;font-size:8px;opacity:0;transform:translate(-50%,12px);transition:opacity 180ms var(--ease),transform 200ms var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){header{grid-template-columns:1fr auto}header nav,.account{display:none}.menu{position:relative;display:grid;place-items:center}.mobile-nav{display:flex}.hero-shade{background:linear-gradient(0deg,rgba(16,38,26,.96),transparent 75%)}.hero-copy{justify-content:flex-end;padding-bottom:120px}.proof{display:none}.products{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:repeat(2,1fr)}.zones{grid-template-columns:1fr}.zone-map{min-height:520px}footer{grid-template-columns:1fr;gap:24px}footer>div:nth-child(2){justify-content:flex-start;flex-wrap:wrap}footer p{text-align:left}}
@media(max-width:570px){.quote{font-size:0}.hero h1{font-size:clamp(4rem,18vw,5.2rem)}.hero-actions{flex-direction:column}.section-head{grid-template-columns:1fr}.section-head .tag{grid-column:auto}.products{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.method-grid article{min-height:250px}.zone-map{padding:30px}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*::before,*::after{transition-duration:.01ms!important}}