body{margin:0;background:#071c12;color:#f5c518;font-family:Barlow,Verdana,Arial,sans-serif;font-weight:600;text-align:center}
header{padding:14px 10px 0}
.title{color:#f5c518;font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-weight:700;letter-spacing:2px;font-size:clamp(2.6em,7vw,5.2em);margin:6px 0 0;line-height:1}.title a{color:#ffd700;text-decoration:none}.title span{color:#f5c518}
.tag{color:#39ff14;text-shadow:0 0 6px rgba(57,255,20,.55),0 0 14px rgba(57,255,20,.3);font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-weight:600;margin:6px 0 14px;font-size:clamp(1em,2.2vw,1.7em);letter-spacing:.3em}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px}
nav a{color:#f5c518;text-decoration:none;padding:8px 14px;border:2px solid #f5c518;border-radius:5px;text-transform:uppercase;font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-weight:600;font-size:1.05em;letter-spacing:.5px}
nav a:hover,nav a.on{background:#f5c518;color:#071c12}
main{padding:20px 16px 40px;max-width:720px;margin:0 auto}
img{max-width:100%;height:auto;display:block;margin:0 auto}
h1,h2{color:#f5a623}h2{margin:24px 0 8px;font-size:1.4em}
p,li{font-size:1.1em;line-height:1.55}ul{list-style:none;padding:0}
a{color:#f5a623}hr{width:70%}
footer{font-size:clamp(1em,1.5vw,1.25em);padding:18px 10px 24px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px}
footer .fi{display:inline-flex;align-items:center;gap:8px}footer a{color:#ffd700;text-decoration:none}
footer .ic{width:26px;height:26px;fill:#f5c518;flex:none}footer .fsep{width:1px;height:26px;background:#f5c518;opacity:.6}
main.home{max-width:1100px;padding-top:10px}main.home p{font-size:clamp(1.15em,1.8vw,1.45em);line-height:1.45}main.home p{max-width:720px;margin-left:auto;margin-right:auto}main.home p.hero{max-width:none;margin:0 0 14px}
main.home footer,main.home+footer{border-top:1px solid rgba(245,197,24,.4);max-width:760px;margin:0 auto}
@media (max-width:560px){.title{font-size:1.9em}.tag{letter-spacing:2px;font-size:.85em}footer .fsep{display:none}}
/* ---- Volunteers photo gallery ---- */
main.wide{max-width:1100px}main.wide>p,main.wide>h2,main.wide>h1{max-width:720px;margin-left:auto;margin-right:auto}
.vgal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:20px 0}
.vgal button{padding:0;border:1px solid #f5a623;border-radius:4px;background:rgba(0,0,0,.55);cursor:pointer;aspect-ratio:1;overflow:hidden}
.vgal a{display:block;padding:0;border:1px solid #f5a623;border-radius:4px;background:rgba(0,0,0,.55);cursor:pointer;aspect-ratio:1;overflow:hidden;color:inherit;text-decoration:none}
.vgal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.vgal button:hover img,.vgal button:focus-visible img,.vgal a:hover img,.vgal a:focus-visible img{transform:scale(1.06)}
@media (max-width:900px){.vgal{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){.vgal{grid-template-columns:repeat(3,1fr);gap:4px}}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;z-index:100;touch-action:pan-y}
.lb.open{display:flex}
.lb img{max-width:calc(100vw - 120px);max-height:calc(100vh - 90px);width:auto;height:auto;margin:0;border-radius:4px;user-select:none;-webkit-user-drag:none}
.lb button{position:absolute;background:rgba(0,0,0,.5);color:#ffd700;border:1px solid #f5a623;border-radius:50%;width:48px;height:48px;font-size:26px;line-height:1;cursor:pointer;font-family:inherit}
.lb button:hover{background:#f5a623;color:#0b1a0b}
.lb .lb-prev{left:12px;top:50%;transform:translateY(-50%)}.lb .lb-next{right:12px;top:50%;transform:translateY(-50%)}
.lb .lb-close{top:12px;right:12px}
.lb .lb-count{position:absolute;bottom:14px;left:0;right:0;color:#ffd700;font-size:1em}
@media (max-width:560px){.lb img{max-width:100vw;max-height:calc(100vh - 120px)}.lb .lb-prev,.lb .lb-next{top:auto;bottom:8px;transform:none}.lb .lb-count{bottom:22px}}
body.lb-on{overflow:hidden}
/* ---- Recipes ---- */
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:20px 0}
.rcard{display:flex;flex-direction:column;background:rgba(0,0,0,.6);border:1px solid #f5a623;border-radius:6px;overflow:hidden;text-decoration:none;color:#ffd700;transition:transform .15s}
.rcard img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0}
.rcard span{padding:10px 8px;font-size:.95em;line-height:1.3}
.rcard:hover,.rcard:focus-visible{transform:translateY(-3px);background:rgba(0,0,0,.8)}
@media (max-width:480px){.rgrid{grid-template-columns:repeat(2,1fr);gap:8px}.rcard span{font-size:.85em;padding:8px 6px}}
main.recipe .rhero{border:1px solid #f5a623;border-radius:4px;max-width:min(100%,640px)}
main.recipe h3{color:#33cc33;margin:18px 0 6px;font-size:1.1em}
main.recipe ul.ing li{margin:2px 0}
main.recipe hr.mini{width:30%;border-color:#f5a623}
.rgal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}
.rgal img{border:1px solid #f5a623;border-radius:4px;margin:0}
@media (max-width:480px){.rgal{grid-template-columns:repeat(2,1fr)}}
/* ---- Embedded video ---- */
.vid{max-width:900px;margin:20px auto;aspect-ratio:16/9;border:1px solid #f5a623;border-radius:6px;overflow:hidden;background:#000}
.vid video{width:100%;height:100%;display:block;background:#000}
.rlb img{width:min(calc(100vw - 120px),calc((100vh - 90px)*1.6));max-width:none;height:auto;max-height:calc(100vh - 90px);object-fit:contain;cursor:zoom-out}
@media (max-width:560px){.rlb img{width:100vw;max-height:calc(100vh - 120px)}}
/* ---- Content sections (news, past events, projects, what we grow) ---- */
.sec{margin:34px auto 0;max-width:720px}
.sec h3,.news h3{color:#33cc33;margin:22px 0 6px;font-size:1.15em}
.sec p.small,.cap{font-size:.85em;line-height:1.4;color:#ffd700;opacity:.9}
.news{list-style:none;padding:0;margin:14px auto;max-width:720px}
.news li{background:rgba(0,0,0,.55);border:1px solid #f5a623;border-radius:6px;padding:12px 14px;margin:12px 0;font-size:1em}
.news .pub{color:#f5a623;display:block;font-size:1.05em}
.news .date{color:#33cc33;display:block;font-size:.9em;margin:2px 0 6px}
.news q,.news blockquote{font-style:italic}
.news blockquote{margin:6px 0}
.news .src{display:block;font-size:.85em;margin-top:6px}
.past{list-style:none;padding:0;margin:14px auto;max-width:720px}
.past li{border-bottom:1px solid rgba(245,166,35,.45);padding:8px 4px;font-size:1em}
.past .date{color:#33cc33;display:block}
.zgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:14px auto;max-width:900px}
.zgal figure{margin:0;background:rgba(0,0,0,.55);border:1px solid #f5a623;border-radius:6px;overflow:hidden}
.zgal img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0}
.zgal figcaption{font-size:.8em;padding:6px;line-height:1.3}
.grow-list h3{margin-top:18px}
.grow-list p{margin:4px 0 10px}
.box{background:rgba(0,0,0,.6);border:2px solid #f5a623;border-radius:8px;padding:14px 16px;max-width:560px;margin:-40px auto 40px}
.box h3{color:#33cc33;margin:4px 0 8px;font-size:1.1em}
.box p{margin:6px 0}
.fig1{max-width:min(100%,480px);margin:12px auto}
.fig1 img{border:1px solid #f5a623;border-radius:6px}
/* ---- v5 bigger type ---- */
nav{gap:7px}nav a{padding:7px 11px}
main{max-width:900px}
p,li{font-size:1.25em;line-height:1.55}
h2,main h1{font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-weight:700;font-size:2.3em;letter-spacing:1px;margin:26px 0 12px}
main.home h1{max-width:720px;margin:26px auto 12px}
h3{font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-size:1.6em}
.sec,.news{max-width:900px}.sec h3,.news h3{font-size:1.6em}
.news li{font-size:1.15em}.news .pub{font-size:1.3em}.news .date{font-size:1em}
main.wide>p,main.wide>h2,main.wide>h1{max-width:900px}
.rcard span{font-size:1.1em}
.btn-back{display:inline-block;color:#f5c518;text-decoration:none;padding:8px 14px;border:2px solid #f5c518;border-radius:5px;text-transform:uppercase;font-family:"Barlow Condensed",Arial Narrow,sans-serif;font-weight:600;font-size:1.05em;letter-spacing:.5px}
.btn-back:hover{background:#f5c518;color:#071c12}