/* Carmen Mattos — garden-to-table. Warm botanical editorial, cream and deep green. */
:root{
  --cream:#f6f0e0;
  --paper:#fbf7ea;
  --green:#2e4a2a;
  --deep:#1d2a1d;
  --olive:#6e8a4e;
  --terracotta:#b06a3a;
  --ink:#282218;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.7;
}
a{color:var(--terracotta);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--green)}

/* nav baked by fort-nav */
fort-nav{display:block}
fort-nav nav{background:var(--deep);color:var(--cream);padding:.9rem 0;border-bottom:4px solid var(--olive)}
fort-nav nav a{color:var(--cream);margin:0 .9rem;text-decoration:none;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}
fort-nav nav a:hover{color:#cfd9b6}

.mast{padding:3.5rem 6% 2rem;border-bottom:1px solid rgba(46,74,42,.25)}
.kicker{color:var(--terracotta);font-style:italic;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;margin:0 0 .6rem}
h1{font-size:2.9rem;margin:0;font-weight:normal;color:var(--green);letter-spacing:.01em}
.lede{font-size:1.15rem;max-width:56ch;color:#4a4238;font-style:italic}

main{max-width:1080px;margin:0 auto;padding:2.5rem 6% 4rem}
h2{color:var(--green);font-size:1.7rem;font-weight:normal;border-bottom:1px solid var(--olive);padding-bottom:.4rem;margin-top:3rem}

.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:start}
.lead-img{width:100%;border-radius:2px;box-shadow:0 6px 24px rgba(40,34,24,.18);border:6px solid #fff}
.intro-text p{margin:.5rem 0;color:#3c362c}

.identity-grid{display:grid;gap:1.5rem}
.identity-grid > *{background:#fff;border:1px solid rgba(46,74,42,.2);padding:1.2rem 1.4rem;border-left:5px solid var(--olive)}

.recipe{background:var(--cream);border:1px solid rgba(46,74,42,.25);padding:1.5rem 1.8rem;border-radius:2px}
.recipe h3{color:var(--terracotta);font-weight:normal;font-size:1.4rem;margin-top:0}

.fieldnote a{font-weight:bold}

.neighbors > *{background:#fff;border:1px solid rgba(46,74,42,.2);padding:1.2rem 1.4rem}

footer{background:var(--deep);color:var(--cream);text-align:center;padding:1.6rem;font-style:italic;font-size:.9rem}

@media (max-width:720px){
  .intro{grid-template-columns:1fr}
}