.fence-showcase { scroll-margin-top: 5rem; }
.fence-showcase-intro { max-width: 48rem; margin-bottom: 1.5rem; }
.fence-showcase-intro h2 { margin: .4rem 0 .8rem; font-size: clamp(1.8rem, 3.5vw, 3rem); line-height: 1.12; }
.fence-showcase-intro > p:last-child { color: var(--muted); line-height: 1.7; }
.fence-showcase-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.fence-showcase-product { margin: 0; min-width: 0; overflow: hidden; background: #1c261e; border: 1px solid var(--border); border-radius: 3px; }
.fence-showcase-product img { display: block; width: 100%; height: auto; aspect-ratio: 1244 / 1265; object-fit: contain; }
.fence-showcase-product figcaption { padding: 1.25rem; }
.fence-showcase-tag { color: var(--accent); font: .75rem var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.fence-showcase-product h3 { margin: .7rem 0 .5rem; font-size: 1.4rem; }
.fence-showcase-product p { margin: 0; color: var(--muted); line-height: 1.65; }
.fence-showcase-note { margin: 1rem 0 0; color: var(--muted); font-size: .8rem; }
@media (max-width: 640px) { .fence-showcase-grid { grid-template-columns: minmax(0, 1fr); } }
