.biomass-showcase{background:#f0f3ed}
.biomass-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.biomass-showcase-heading h2{margin:0;max-width:800px}
.biomass-track{position:relative;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px}
.biomass-track::-webkit-scrollbar{display:none}
.biomass-slide{position:relative;flex:0 0 100%;margin:0;min-width:0;scroll-snap-align:start;overflow:hidden;border-radius:24px;background:#173e2e}
.biomass-slide img{display:block;width:100%;height:clamp(320px,45vw,560px);object-fit:cover}
.biomass-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(3,25,15,.85))}
.biomass-slide figcaption{position:absolute;z-index:1;bottom:2rem;left:clamp(1.5rem,4vw,3.5rem);color:#fff;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2}
.biomass-controls{display:flex;gap:.75rem;flex-shrink:0}
.biomass-controls[hidden]{display:none}
.biomass-controls button{width:52px;height:52px;border:1px solid #b5c8bb;border-radius:50%;background:transparent;color:#12372a;font-size:1.4rem}
.biomass-controls button:hover{background:#12372a;color:#fff}
.biomass-captions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.biomass-captions button{padding:.2rem .59rem;border:1px solid #bdcec1;border-radius:30px;background:transparent;color:#12372a;font-weight:600;font-size:.9rem}
.biomass-captions button[aria-pressed="true"]{color:#fff;background:#12372a;border-color:#12372a}
.biomass-showcase button:focus-visible,.biomass-track:focus-visible{outline:3px solid #55892b;outline-offset:4px}
@media(max-width:575px){.biomass-showcase-heading{align-items:start;flex-direction:column;gap:1rem}.biomass-slide figcaption{bottom:1.5rem}.biomass-captions{gap:.4rem}.biomass-captions button{padding:.5rem .75rem;font-size:.8rem}}