/* Custom builds: Alex's own build photos (October 22). Homepage section + /custom-builds/ page. */
.builds{padding:5rem 2rem;background:var(--bg,#fff)}
.builds .builds-intro{max-width:640px;margin:0 0 2rem;color:var(--camel-muted);font-size:1.05rem;line-height:1.6}
.builds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.page-article .builds-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 8px}
.build-item{margin:0;overflow:hidden;background:#fff;border:1px solid var(--camel-line);border-radius:8px}
.build-item a{display:block}
.build-item picture{display:block}
.build-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .3s ease}
.build-item a:hover img,.build-item a:focus-visible img{transform:scale(1.03)}
.build-item a:focus-visible{outline:3px solid var(--camel-purple);outline-offset:-3px}
.builds-more{margin:2rem 0 0}
@media(max-width:900px){.builds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.builds{padding:3.5rem 1rem}.builds-grid,.page-article .builds-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.build-item img{transition:none}.build-item a:hover img,.build-item a:focus-visible img{transform:none}}