/* West Side Blooms — palette drawn from the farm's logo artwork */
:root{
  --pine:#14432e;        /* deep text green */
  --forest:#1c6b45;      /* logo type green */
  --coral:#ef7057;       /* petal coral */
  --rose:#e0567c;        /* petal rose */
  --plum:#8a5a9c;        /* petal plum */
  --eucalyptus:#8fa89a;  /* muted foliage */
  --blush:#fdf4f0;       /* soft petal-tint section bg */
  --paper:#ffffff;       /* logo sits on white */
  --confirm:#fff3c4;     /* draft-review highlight */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--paper);color:var(--pine);
  font-family:Karla,system-ui,sans-serif;font-size:1.06rem;line-height:1.65;
}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--forest);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5.5vw,3.3rem);letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,3.5vw,2rem);margin-top:1.8em}
h3{font-size:1.18rem;color:var(--pine)}
p{margin:0 0 1em;max-width:66ch}
a{color:var(--forest)}
a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:2px}

/* header */
.site-head{border-bottom:1px solid #e8e4de;padding:1.1rem 1.25rem .9rem;text-align:center}
.site-head img{max-width:min(340px,80vw);height:auto;display:inline-block}
.nav{display:flex;flex-wrap:wrap;gap:.35rem .5rem;justify-content:center;margin-top:.8rem}
.nav a{
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  color:var(--pine);padding:.4rem .65rem;border-radius:999px;
}
.nav a:hover{background:var(--blush)}
.nav a[aria-current="page"]{background:var(--forest);color:#fff}

/* signature: the season strip — a trailhead board for the farm */
.season{
  background:var(--forest);color:#fff;text-align:center;
  font-size:.85rem;letter-spacing:.06em;padding:.55rem 1rem;
}
.season strong{color:#ffd9ce;font-weight:700}

/* layout */
main{max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 4rem}
.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--rose);font-weight:700;margin:0 0 .6rem}
.lede{font-size:1.22rem;line-height:1.55;max-width:60ch}
.section-blush{background:var(--blush);border-radius:14px;padding:1.6rem 1.5rem;margin:2.2rem 0}
.section-blush h2{margin-top:0}
ul{padding-left:1.2rem;max-width:66ch}
li{margin-bottom:.55em}

/* stem divider */
.divider{border:0;height:2px;max-width:120px;margin:2.6rem auto;
  background:linear-gradient(90deg,var(--eucalyptus),var(--forest),var(--eucalyptus));border-radius:2px}

/* CTA — one per page */
.cta{margin:2.4rem 0 0;text-align:center}
.cta a{
  display:inline-block;background:var(--coral);color:#fff;text-decoration:none;
  font-family:Karla,sans-serif;font-weight:700;letter-spacing:.05em;
  padding:.85rem 1.8rem;border-radius:999px;font-size:1rem;
}
.cta a:hover{background:var(--rose)}
.cta p{margin:.6rem auto 0;font-size:.9rem;color:var(--eucalyptus);max-width:none}

/* photo slots: farm-owned images only; frame documents the required alt text */
.photo{
  border:2px dashed var(--eucalyptus);border-radius:12px;background:var(--blush);
  padding:2.2rem 1.4rem;margin:1.8rem 0;text-align:center;color:var(--pine);font-size:.9rem;
}
.photo b{display:block;color:var(--forest);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;margin-bottom:.4rem}

/* draft-only confirm flags */
.confirm{background:var(--confirm);padding:0 .25em;border-radius:3px}

/* footer */
footer{border-top:1px solid #e8e4de;background:var(--blush)}
.foot-in{max-width:900px;margin:0 auto;padding:2rem 1.25rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;font-size:.92rem}
footer h3{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--forest);margin-bottom:.5rem}
footer p{margin:0 0 .3em}
.fine{width:100%;text-align:center;color:var(--eucalyptus);font-size:.8rem;padding-bottom:1.2rem;margin:0}

/* section tab sub-nav */
.subnav{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;padding:.9rem 1rem 0}
.subnav a{
  font-size:.85rem;text-decoration:none;color:var(--forest);font-weight:700;
  padding:.45rem .95rem;border:1.5px solid var(--eucalyptus);border-radius:999px;
}
.subnav a:hover{background:var(--blush)}
.subnav a[aria-current="page"]{background:var(--forest);border-color:var(--forest);color:#fff}

/* real farm photos */
.farm-photo{width:100%;max-width:680px;height:auto;display:block;margin:1.8rem auto;border-radius:12px}