@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#17271e;--green:#183b2c;--green2:#244f38;--cream:#f6f2e8;--paper:#fffdf7;--gold:#c5a15b;--muted:#6f756a;--line:#e5dfd1;--red:#a7462b;--shadow:0 20px 55px #1d322116}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.topline{background:var(--green);color:#eee6d4;font-size:11px;letter-spacing:.12em;text-align:center;padding:8px 16px}.header{position:sticky;top:0;z-index:10;background:#fffdf7ed;backdrop-filter:blur(14px);border-bottom:1px solid #ded8c9}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand img{width:106px;height:auto;border-radius:7px}.brand small{font-size:9px;letter-spacing:.11em;color:var(--muted);line-height:1.3}.navlinks{display:flex;gap:23px;align-items:center;font-size:12px;font-weight:600;color:#414b41}.navlinks a:hover,.navlinks a.active{color:var(--red)}.navcta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--green);padding:12px 18px;background:var(--green);color:white;font:600 12px 'DM Sans';letter-spacing:.04em;transition:.2s}.navcta:hover,.btn:hover{background:var(--gold);border-color:var(--gold);color:#19261b}.btn.light{background:transparent;color:#fff;border-color:#ffffff80}.btn.outline{background:transparent;color:var(--green)}.hero{min-height:620px;background:linear-gradient(90deg,#111f19ee 0%,#111f19aa 47%,#111f1950 100%),url('assets/spice-hero.png') center 52%/cover;display:flex;align-items:center;color:white}.hero-copy{max-width:570px;padding:80px 0}.eyebrow{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:var(--gold);font-weight:700}.hero h1,.pagehero h1{font:600 clamp(42px,6vw,76px)/1.08 'Playfair Display',serif;letter-spacing:-.035em;margin:20px 0}.hero p{font-size:16px;color:#eee9de;max-width:470px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-note{margin-top:54px;color:#e4dac7;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.section{padding:88px 0}.section.alt{background:var(--cream)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section h2,.content h2{font:600 clamp(32px,4vw,48px)/1.15 'Playfair Display',serif;margin:10px 0 12px;letter-spacing:-.025em}.sectionhead p{max-width:430px;color:var(--muted);margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product{background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.product-image{height:265px;position:relative;overflow:hidden;background:#e6dfcf}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover .product-image img{transform:scale(1.04)}.product-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#141b1380)}.product-image span{position:absolute;z-index:1;left:18px;bottom:15px;color:white;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.product-info{padding:21px}.product-info h3{font:600 24px 'Playfair Display';margin:0 0 7px}.product-info p{font-size:13px;color:var(--muted);min-height:44px;margin:0 0 16px}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}.product-bottom a{font-size:11px;font-weight:700;color:var(--green)}.product-bottom b{font-size:10px;color:var(--muted);font-weight:500}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.image-frame{min-height:390px;background:url('assets/spice-hero.png') 77% 50%/cover;position:relative}.image-frame:after{content:'Grown with care. Made for your kitchen.';position:absolute;right:-20px;bottom:22px;background:var(--gold);padding:15px 20px;font:italic 16px 'Playfair Display';color:#24352a}.copy p{color:var(--muted)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.checks div{border-top:1px solid var(--line);padding-top:12px;font-size:12px;font-weight:600}.checks b{color:var(--gold);margin-right:8px}.quote{background:var(--green);color:#fff;padding:44px;text-align:center}.quote blockquote{max-width:750px;margin:0 auto 14px;font:500 clamp(23px,3vw,36px)/1.35 'Playfair Display'}.quote small{color:#d6c59f;letter-spacing:.15em;text-transform:uppercase;font-size:10px}.banner{padding:68px 0;background:var(--green);color:white}.banner .row{display:flex;justify-content:space-between;align-items:center;gap:24px}.banner h2{font:600 38px 'Playfair Display';margin:0}.banner p{margin:8px 0 0;color:#d6ddcf}.pagehero{padding:78px 0 65px;background:linear-gradient(100deg,#17271e 0%,#284936 100%);color:white}.pagehero h1{font-size:clamp(42px,6vw,64px);margin:12px 0}.pagehero p{max-width:630px;color:#e2e5db;margin:0}.content{padding:64px 0 90px}.content p{color:#656d62}.content h3{font:600 24px 'Playfair Display';margin:28px 0 8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.feature{border:1px solid var(--line);padding:22px;background:#fff}.feature strong{font:600 19px 'Playfair Display';display:block;margin-bottom:8px}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recipe{border:1px solid var(--line);background:#fff}.recipe img{height:205px;width:100%;object-fit:cover}.recipe div{padding:20px}.recipe h3{margin:0 0 8px}.recipe p{margin:0;font-size:13px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.contact-card{background:var(--cream);padding:30px}.contact-row{padding:15px 0;border-bottom:1px solid var(--line)}.contact-row small{display:block;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.contact-row strong{font-weight:600}.footer{background:#14261c;color:#e9e7dc;padding:52px 0 22px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer img{width:115px;border-radius:5px;margin-bottom:14px}.footer p{color:#c1c7bc;font-size:12px;max-width:360px}.footer h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d4bd86}.footer a{display:block;color:#d2d8cf;font-size:12px;margin:7px 0}.copyright{border-top:1px solid #ffffff24;margin-top:35px;padding-top:17px;color:#aeb8ae;font-size:10px;display:flex;justify-content:space-between}.whatsapp{position:fixed;bottom:22px;right:22px;z-index:11;background:#238b5a;color:white;border-radius:100px;padding:13px 18px;font-size:12px;font-weight:700;box-shadow:0 8px 26px #06170e55}.mobile-toggle{display:none;background:none;border:0;font-size:22px;color:var(--green)}.notice{padding:12px 16px;background:#f0e6ca;color:#524829;font-size:12px;margin:20px 0}.muted{color:var(--muted)}
@media(max-width:850px){.navlinks{display:none;position:absolute;left:0;right:0;top:82px;background:#fffdf7;padding:20px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.mobile-toggle{display:block}.navcta{display:none}.brand{min-width:0}.hero{min-height:560px}.products,.recipe-grid{grid-template-columns:1fr 1fr}.split{gap:32px}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:1/-1}}
@media(max-width:580px){.wrap{width:min(100% - 30px,1160px)}.topline{font-size:9px}.nav{height:70px}.brand img{width:92px}.brand small{font-size:8px}.navlinks{top:70px}.hero{min-height:610px;background-position:62% center}.hero-copy{padding:65px 0}.hero h1{font-size:49px}.hero p{font-size:14px}.section{padding:62px 0}.sectionhead{display:block}.sectionhead p{margin-top:12px}.products,.recipe-grid{grid-template-columns:1fr}.product-image{height:270px}.split,.contact-grid{grid-template-columns:1fr;gap:30px}.image-frame{min-height:290px;margin-right:15px}.banner .row{align-items:flex-start;flex-direction:column}.banner h2{font-size:32px}.feature-grid{grid-template-columns:1fr}.content{padding:45px 0 65px}.pagehero{padding:60px 0}.footergrid{grid-template-columns:1fr 1fr;gap:22px}.copyright{display:block}.copyright span{display:block;margin-top:6px}.quote{padding:36px 20px}.whatsapp{right:12px;bottom:12px}.hero-actions{flex-wrap:wrap}}