@import "tailwindcss";
:root{--cream:#fffaf0;--sand:#f1dfb8;--brown:#2b190d;--green:#59622f;--gold:#c7952c;--line:#d9c294;--rust:#8e3f1e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:Arial,sans-serif}button{cursor:pointer;border:0;background:var(--green);color:#fff;padding:14px 22px;text-transform:uppercase;letter-spacing:.06em}.topbar{padding:10px;text-align:center;background:var(--green);color:#fff;font-size:11px;letter-spacing:.12em}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffaf0ee;backdrop-filter:blur(12px);z-index:10}.brand{font:600 30px Georgia;text-decoration:none;color:var(--brown)}.brand span{color:var(--gold)}.brand small{display:block;font:9px Arial;letter-spacing:.15em;margin-top:6px}nav{display:flex;gap:25px}nav a{font-size:12px;color:var(--brown);text-decoration:none}.actions{display:flex;border:1px solid var(--line);border-radius:30px;padding:3px}.actions button{padding:7px 9px;background:transparent;color:var(--brown);border-radius:20px;font-size:10px}.actions .active{background:var(--green);color:#fff}.hero{display:grid;grid-template-columns:48% 52%;min-height:700px;background:var(--sand)}.heroCopy{padding:100px 6vw}.hero>img{width:100%;height:100%;object-fit:cover}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--green);font-weight:bold}h1,h2,h3{font-family:Georgia,serif;margin:0}h1{font-size:64px;line-height:.95;margin:25px 0}h1 em{display:block;color:var(--green);font-weight:normal}.heroCopy>p:not(.eyebrow){font-size:17px;line-height:1.7}.proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;font-size:11px}.statement{padding:100px 10vw;text-align:center}.statement h2,.sectionHead h2,.order h2{font-size:50px}.statement>p:not(.eyebrow){max-width:720px;margin:25px auto;line-height:1.8;font-size:18px}.benefits,.uses,.process,.formats{padding:100px 6vw}.benefits{background:#f5ecd8}.sectionHead{text-align:center;margin-bottom:55px}.sectionHead>p:last-child{line-height:1.8}.grid,.steps{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.grid article,.steps article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}article b{color:var(--gold)}article h3{font-size:25px;margin:18px 0 10px}article p{font-size:14px;line-height:1.7}.note,.allergen{max-width:900px;margin:35px auto 0;padding:20px;border-left:3px solid var(--gold);background:#fff;line-height:1.7;font-size:13px}.allergen{border-color:var(--rust);background:#fff4e8}.allergen strong{color:var(--rust);text-transform:uppercase;letter-spacing:.08em}.useGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.useGrid article{background:#fff;border:1px solid var(--line)}.useGrid img{width:100%;height:260px;object-fit:cover}.useGrid article div{padding:25px}.steps{grid-template-columns:repeat(3,1fr);margin-bottom:55px}.lifestyle{width:100%;height:620px;object-fit:cover}.formats{background:#eee0c0}.formatGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1050px;margin:auto}.formatGrid article{background:var(--cream);padding:25px 30px 35px;text-align:center}.formatGrid img{width:100%;height:520px;object-fit:contain;background:#fff}.formatGrid h3{font-size:30px;margin:22px 0}.order{display:grid;grid-template-columns:40% 60%;gap:7vw;padding:100px 8vw;background:var(--green);color:#fff}.order .eyebrow{color:#f0cb65}form{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,textarea{padding:15px;border:0;background:#fffaf0}textarea{grid-column:1/-1}.sources{text-align:center;padding:55px}.sources a{color:var(--green)}footer{text-align:center;padding:60px;background:#20150c;color:#fff}.rtl{font-family:Tahoma,Arial}.rtl h1,.rtl h2,.rtl h3{font-family:Tahoma,Arial}.rtl .note,.rtl .allergen{border-left:0;border-right:3px solid var(--gold)}
@media(max-width:900px){nav{display:none}.hero,.order{grid-template-columns:1fr}.heroCopy{padding:65px 7vw}.hero>img{height:520px}.grid{grid-template-columns:1fr 1fr}.useGrid{grid-template-columns:1fr 1fr}.lifestyle{height:480px}.order{gap:45px}.formatGrid{grid-template-columns:1fr}}
@media(max-width:560px){header{height:68px;padding:0 3vw}.brand{font-size:26px}.brand small{font-size:7px}.actions button{padding:6px}.hero>img{height:430px}h1{font-size:45px}.statement h2,.sectionHead h2,.order h2{font-size:38px}.statement,.benefits,.uses,.process,.order,.formats{padding:70px 6vw}.grid,.useGrid,.steps{grid-template-columns:1fr}.formatGrid img{height:420px}form{grid-template-columns:1fr}textarea{grid-column:auto}}