.showcase-section{background:#f1f3ed}
.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(170px,1fr));gap:14px}
.showcase-card{position:relative;display:block;min-height:185px;overflow:hidden;background:#dfe6dd;color:#fff;isolation:isolate}
.showcase-card.showcase-feature{grid-column:span 2;grid-row:span 2;min-height:384px}
.showcase-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,22,16,.76),rgba(11,22,16,0) 58%);z-index:0;pointer-events:none}
.showcase-card img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.showcase-card:hover img,.showcase-card:focus-visible img{transform:scale(1.045)}
.showcase-caption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 12px}
.showcase-caption small{grid-column:1/-1;color:#dce9d8;font-size:9px;font-weight:700;letter-spacing:1.4px}
.showcase-caption b{font:700 15px/1.25 var(--display)}
.showcase-caption i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff86;border-radius:50%;font-style:normal;font-size:14px;transition:background .2s,color .2s}
.showcase-card:hover .showcase-caption i{background:#d0e6c8;color:#21432b}
.showcase-card:focus-visible{outline:3px solid #276b42;outline-offset:4px}
@media(max-width:800px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,190px)}.showcase-card.showcase-feature{grid-column:span 2;grid-row:span 1;min-height:220px}.showcase-caption{left:14px;right:14px;bottom:12px}.showcase-caption b{font-size:13px}}
@media(max-width:520px){.showcase-grid{gap:9px;grid-template-rows:repeat(3,158px)}.showcase-card.showcase-feature{min-height:200px}.showcase-caption{left:11px;right:10px;bottom:10px}.showcase-caption small{font-size:8px}.showcase-caption b{font-size:11px}.showcase-caption i{width:26px;height:26px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.showcase-card img,.showcase-caption i{transition:none}}