:root{
  --cream:#fff8f0;
  --ink:#3b2614;
  --gold:#d38c48;
  --pumpkin:#efac6b;
  --card:#f6ede3;
  --edge:#caa073;
}

/* Base */
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 'Cormorant Garamond',serif}
.wrap{width:min(1100px,92%);margin:auto}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}

/* Header: logo left, nav right */
header{position:sticky;top:0;background:rgba(255,248,240,0.85);backdrop-filter:blur(6px);border-bottom:1px solid var(--edge);z-index:20}
.navwrap{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:.75rem 0}
.brand{justify-self:start;display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none}
.brandmark{width:64px}
.nav{justify-self:end;display:flex;gap:1rem}
.nav a{font-weight:600;color:var(--ink)}
.navbtn{display:none}

/* Hero: brighter overlay, subline anchored bottom */
.hero{min-height:85vh;background:var(--hero) center/cover no-repeat;position:relative}
.vignette.light{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,240,.18),rgba(255,248,240,.60) 78%)}
.hero-inner{position:relative;height:100%}
.subwrap{position:absolute;left:50%;transform:translateX(-50%);bottom:3.25rem;width:min(1100px,92%);text-align:center}
.sub{font-size:1.35rem;margin:0;color:#5a3c22}

/* Softer leaves */
.leaves{position:absolute;inset:0;background-image:radial-gradient(6px 8px at 20% 10%,#d38c4877,transparent 50%),radial-gradient(6px 8px at 70% 40%,#efac6b77,transparent 50%),radial-gradient(6px 8px at 50% 80%,#f6b36c66,transparent 50%);animation:fall 20s linear infinite}
@keyframes fall{0%{background-position:0 0,0 0,0 0}100%{background-position:0 900px,0 1200px,0 1000px}}

/* Sections */
.section{padding:4rem 0}
.tone-wheat{background:#fff9f3}
.tone-cider{background:#fdf3e9}
.tone-amber{background:#fef0e0}
.tone-maple{background:#fbeadd}
.grid.two{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}
@media(max-width:900px){.grid.two{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--edge);border-radius:1rem;padding:1.25rem}
.soft{background:#fff6ec}

/* Headings */
h2,h3{font-family:'Great Vibes',cursive;color:var(--ink)}
h2{font-size:2.4rem;margin:.1rem 0 .6rem}
#kitchen h2{font-size:3rem} /* Larger 'From Our Kitchen' */

/* What We Grow */
.variety{margin-bottom:2rem}
.note{font-size:.95rem;color:#7a5632}

/* Newsletter: line up boxes */
.signup form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;align-items:end}
.signup form label{grid-column:1 / -1}
.signup form input[type="text"], .signup form input[type="email"]{width:100%;padding:.6rem .7rem;border:1px solid var(--edge);border-radius:.5rem;background:#fffdfa;color:var(--ink)}
.signup form .btn{grid-column:2;justify-self:start}
.btn{padding:.7rem 1rem;border-radius:.6rem;border:1px solid var(--edge);background:linear-gradient(180deg,var(--gold),var(--pumpkin));color:#fff;font-weight:600;cursor:pointer}

/* Footer */
.ftr{background:#fff1de;padding:2rem 0;text-align:center;border-top:1px solid var(--edge)}
.quote{font-family:'Great Vibes',cursive;font-size:1.5rem;color:#8b5a2b;margin-bottom:.5rem}
.tiny{color:#6a4a2a;font-size:.9rem}