.landscape-showcase{border-top:1px solid var(--line)}
.landscape-showcase .section-heading{align-items:end}
.comparison-intro{color:var(--muted);margin:0 0 .35rem}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.comparison-card{min-width:0}
.comparison-card h3{font-size:1.4rem;margin:0 0 1rem;line-height:1.25}
.comparison-stage{position:relative;isolation:isolate;aspect-ratio:4/3;background:var(--forest);overflow:hidden}
.comparison-photo{position:absolute;inset:0}
.comparison-photo img{display:block;width:100%;height:100%;object-fit:cover}
.comparison-after{z-index:0}
.comparison-before{z-index:1;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}
.comparison-label{position:absolute;top:1rem;padding:.4rem .7rem;background:rgba(8,37,28,.88);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.comparison-label-before{left:1rem}
.comparison-label-after{right:1rem}
.comparison-range{appearance:none;-webkit-appearance:none;position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.comparison-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--comparison-position);width:3px;transform:translateX(-50%);background:#fff;pointer-events:none;box-shadow:0 0 6px #0005}
.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--forest);color:#fff;font-size:25px;line-height:1;box-shadow:0 2px 12px #0004}
.comparison-handle span{height:20px;width:1px;background:#ffffff80}
.comparison-stage:focus-within{outline:3px solid var(--blue);outline-offset:4px}
.comparison-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.65rem}
.comparison-controls button{border:1px solid var(--line);background:transparent;color:var(--forest);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;padding:.65rem .8rem;min-height:44px}
.comparison-controls button:hover{border-color:var(--forest);background:#e8eee5}
.comparison-controls button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.comparison-controls>span{font-size:.75rem;color:var(--muted);text-align:center}
.mulch-photo-heading{margin:3.5rem 0 1.5rem}
.mulch-photo-heading h3{font-size:1.65rem;margin:0}
.mulch-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.mulch-photo-grid figure{margin:0;min-width:0}
.mulch-photo-grid img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center 65%}
.mulch-photo-grid figcaption{font-size:.85rem;color:var(--muted);margin-top:.7rem}
@media(max-width:760px){.comparison-grid{grid-template-columns:1fr;gap:2.5rem}.mulch-photo-grid{grid-template-columns:1fr;gap:1.75rem}.landscape-showcase .section-heading{align-items:start}.comparison-intro{margin:0}.comparison-label{top:.75rem}.comparison-controls>span{font-size:.7rem}}