.facts-strip{background:var(--forest);color:#fff}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16)}
.fact{min-height:145px;padding:30px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--forest);text-align:center}
.fact strong{display:block;color:#fff;font-family:var(--serif);font-size:1.75rem;font-weight:300;line-height:1.1}
.fact span{display:block;margin-top:8px;color:rgba(255,255,255,.62);font-size:.76rem}

.live-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:center}
.live-card{padding:31px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.17);border-radius:var(--radius);background:rgba(255,255,255,.09);box-shadow:0 25px 60px rgba(0,0,0,.14)}
.live-head{display:flex;justify-content:space-between;gap:15px;align-items:start}
.live-head strong{color:#fff;font-family:var(--serif);font-size:1.6rem;font-weight:300}
.live-pill{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.63);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.live-pill.online{border-color:rgba(165,226,173,.5);color:#c7ecca}
.live-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.live-metrics span{display:block;color:rgba(255,255,255,.44);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase}
.live-metrics strong{display:block;margin-top:5px;color:#fff;font-size:.88rem}
.hydric{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.hydric-row{display:flex;justify-content:space-between;gap:20px;align-items:end}
.hydric-row span{color:rgba(255,255,255,.48);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.hydric-row strong{color:#fff;font-family:var(--serif);font-size:1.65rem;font-weight:300}
.hydric-track{position:relative;height:11px;margin:15px 0;border-radius:999px;background:linear-gradient(90deg,#5c9ed0,#69b5b1,#72b45f,#d0c95d,#d48d5c)}
.hydric-track i{position:absolute;top:50%;left:50%;width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:var(--forest-deep);transform:translate(-50%,-50%)}
.hydric-note{margin:0;color:rgba(255,255,255,.5);font-size:.72rem}

.gallery-head{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center;margin-bottom:42px}
.gallery-head>p{margin:0;color:var(--muted);text-align:justify;text-justify:inter-word;hyphens:auto}
.gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:310px 310px;gap:16px}
.gallery figure{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);background:#ddd}
.gallery figure:first-child{grid-row:1/3}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.gallery img[src$="galline.webp"]{object-fit:contain;padding:8px;background:#e6ece3}
.gallery figure:hover img{transform:scale(1.025)}
.gallery figcaption{position:absolute;right:18px;bottom:16px;left:18px;color:#fff;font-family:var(--serif);font-size:1.55rem;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.gallery figure:after{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,25,16,.72));content:""}
.gallery figcaption{z-index:2}

.quote-block{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}
.quote-block blockquote{margin:0;color:var(--forest);font-family:var(--serif);font-size:clamp(2.6rem,5vw,5.2rem);font-weight:300;line-height:1.02}
.quote-copy{max-width:620px;color:var(--muted);font-size:1.02rem;text-align:justify;text-justify:inter-word;hyphens:auto}

.practical-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}
.practical-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.practical-item{min-height:145px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}
.practical-item strong{display:block;color:var(--forest);font-family:var(--serif);font-size:1.35rem;font-weight:400}
.practical-item span{display:block;width:100%;margin-top:7px;color:var(--muted);font-size:.82rem;text-align:justify;text-justify:inter-word;hyphens:auto}

.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:center}
.contact-details{margin-top:35px}
.contact-detail{padding:18px 0;border-bottom:1px solid var(--line)}
.contact-detail span{display:block;color:var(--terra);font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.contact-detail a,.contact-detail strong{display:block;margin-top:5px;color:var(--forest);font-size:1rem}
.contact-form{padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);align-self:center}
.form-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.form-head span{color:var(--terra);font-size:.65rem;font-weight:700;letter-spacing:.12em}
.form-head strong{color:var(--forest);font-family:var(--serif);font-size:1.25rem;font-weight:400}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{margin-bottom:17px}
.field label{display:block;margin-bottom:7px;color:var(--forest);font-size:.62rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--ivory);color:var(--ink)}
.field textarea{min-height:140px;resize:vertical}
.field small{display:block;margin-top:6px;color:var(--muted);font-size:.7rem}
.form-actions{display:flex;align-items:center;gap:16px;margin-top:8px}
.form-status{color:var(--muted);font-size:.77rem}.form-status.error{color:#a33c2e}
.bbq-only[hidden]{display:none}
.dark-copy{color:rgba(255,255,255,.68);text-align:justify;text-justify:inter-word;hyphens:auto}
.crop-artichokes{object-position:center 42%}
.real-hero>img{object-position:center center}

@media(max-width:880px){
  .facts-grid{grid-template-columns:1fr 1fr}.live-panel,.gallery-head,.quote-block,.practical-grid,.contact-grid{grid-template-columns:1fr}
  .gallery{grid-template-rows:390px 240px}.live-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .facts-grid{grid-template-columns:1fr}.fact{padding:23px 20px}.gallery{display:flex;flex-direction:column}.gallery figure,.gallery figure:first-child{height:320px}
  .practical-list,.field-row{grid-template-columns:1fr}.contact-form{padding:24px}.form-head,.form-actions{display:block}.form-head strong{display:block;margin-top:7px}.form-actions .btn{width:100%;margin-bottom:10px}
}

/* 3.3 — biodiversity illustrated callout */
.bee-feature{background:#f4f1e6}.bee-feature-inner{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:58px;align-items:center}.bee-feature-art{margin:0;display:flex;justify-content:center}.bee-feature-art img{display:block;width:min(100%,360px);height:auto}.bee-feature-copy h2{font:400 clamp(34px,4vw,52px)/1.08 var(--serif);margin:10px 0 18px}.bee-feature-copy p:last-child{max-width:720px;font-size:1.05rem;line-height:1.8;margin-bottom:0}@media(max-width:720px){.bee-feature-inner{grid-template-columns:1fr;gap:18px}.bee-feature-art{justify-content:flex-start}.bee-feature-art img{width:min(72vw,290px)}.bee-feature-copy h2{font-size:36px}}

/* 3.5 — ape ad acquerello su trasparenza reale */
.bee-feature-art{background:transparent}
.bee-feature-art img[src*="bee-watercolor-flower-transparent"]{width:min(100%,430px);filter:drop-shadow(0 14px 18px rgba(30,55,37,.08))}
@media(max-width:720px){.bee-feature-art img[src*="bee-watercolor-flower-transparent"]{width:min(82vw,330px)}}