:root{--ink:#191711;--muted:#675f51;--paper:#fffaf0;--cream:#f6ebd8;--leaf:#2d6f4a;--leaf-dark:#1d4e36;--gula:#9a4f24;--berry:#8e2452;--line:#19171126}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:10;background:#fffaf0e0;justify-content:space-between;align-items:center;min-height:72px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0;left:0}.brand{align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--leaf);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}nav{align-items:center;gap:clamp(14px,2.5vw,30px);font-size:.94rem;font-weight:700;display:flex}.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:9px 14px}.hero{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:clamp(28px,4vw,64px);min-height:calc(100vh - 72px);padding:clamp(40px,6vw,92px) clamp(18px,4vw,56px) 56px;display:grid}.hero-copy{align-self:center;max-width:690px}.eyebrow{color:var(--leaf-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}h1,h2{letter-spacing:0;margin:0;line-height:.98}h1{font-size:clamp(4.8rem,15vw,12rem)}h2{max-width:980px;font-size:clamp(2.25rem,5vw,5rem)}.tagline{color:var(--gula);margin:10px 0 20px;font-size:clamp(1.55rem,3vw,3rem);font-weight:900}.hero-text,.section p,.intro p,.prepare-note{color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:999px;align-items:center;min-height:48px;padding:13px 18px;font-weight:800;display:inline-flex}.primary{background:var(--leaf);color:#fff}.secondary{border:1px solid var(--line)}.hero-visual{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;align-self:center;min-height:340px;max-height:720px;position:relative;overflow:hidden}.hero-visual img{object-fit:cover}.intro,.section,.footer{padding:clamp(48px,7vw,100px) clamp(18px,4vw,56px)}.intro{background:var(--ink);color:#fff;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:32px;display:grid}.intro p{color:#ffffffd1;margin:0}.stats{gap:10px;display:grid}.stats span{border-bottom:1px solid #ffffff3d;padding:0 0 12px;font-size:clamp(1.1rem,2vw,1.75rem);font-weight:900}.split{grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:36px;display:grid}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ingredient{border:1px solid var(--line);background:#fffdf7;border-radius:8px;gap:22px;min-height:132px;padding:18px;display:grid}.ingredient span{color:var(--berry);font-size:.85rem;font-weight:900}.ingredient strong{align-self:end;font-size:clamp(1.04rem,1.5vw,1.35rem)}.prepare{background:var(--cream)}.section-heading{margin-bottom:30px}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.step{background:var(--paper);border:1px solid var(--line);border-radius:8px;min-height:130px;padding:16px}.step span{background:var(--gula);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:24px;font-weight:900;display:inline-flex}.step strong{font-size:clamp(1rem,1.6vw,1.45rem);display:block}.prepare-note{max-width:980px}.two-column,.story{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:32px;display:grid}.audience-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.audience-list li{border-top:1px solid var(--line);color:var(--muted);padding-top:18px;font-size:clamp(1.12rem,1.9vw,1.7rem);font-weight:800;line-height:1.35}.story{background:#fffdf7}.story p{margin:0}.footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer div{gap:8px;display:grid}.footer span,.footer a{color:var(--muted)}.footer-links{text-align:right}@media (max-width:900px){.site-header{align-items:flex-start;gap:18px}nav{flex-wrap:wrap;justify-content:flex-end}.hero,.intro,.split,.two-column,.story{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:300px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.site-header{position:static}nav a:not(.nav-cta){display:none}h1{font-size:clamp(4rem,23vw,7rem)}.ingredient-grid,.steps{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.footer-links{text-align:left}}