/* Surface Finish catalogue. Hero, Guidance and CTA use existing shared styles. */
.surface-finishes { padding-bottom:180px; }
.surface-filters { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:38px; }
.surface-filters button { padding:9px 16px; border:1px solid var(--color-border); border-radius:30px; background:#fff; color:#343741; font:600 13.2px/18px var(--font-interface); transition:background .16s,color .16s,border-color .16s; }
.surface-filters button:hover { color:var(--color-deep-blue); border-color:var(--color-deep-blue); }
.surface-filters button[aria-pressed="true"] { background:var(--color-primary); border-color:var(--color-primary); color:#fff; }
.surface-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:28px; }
.surface-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--color-border); border-radius:12px; background:#fff; }
.surface-card-image { width:100%; height:218px; object-fit:cover; border-bottom:1px solid var(--color-border); }
.surface-card-copy { display:flex; flex:1; flex-direction:column; gap:10px; padding:16px 18px 18px; }
.surface-card h3 { color:var(--color-ink); font-size:15.6px; font-weight:700; line-height:20.28px; }
.surface-card-description { flex:1; font-size:13.1px; line-height:20.96px; }
.surface-card-meta { display:grid; gap:6px; padding-top:8px; }
.surface-card-meta--services { padding-top:10px; border-top:1px solid var(--color-border); }
.surface-card-meta > p { color:var(--color-muted); font-size:10.4px; font-weight:700; line-height:16.64px; letter-spacing:.8px; text-transform:uppercase; }
.surface-card-meta ul { display:flex; flex-wrap:wrap; align-items:flex-start; gap:5px; }
.surface-card-meta li { padding:3px 8px; border:1px solid var(--color-border); border-radius:6px; background:var(--color-surface); color:#343741; font-size:11.4px; font-weight:600; line-height:18.24px; }
.surface-card-meta--materials li { border-color:#cfe0f0; background:#eef7ff; color:var(--color-deep-blue); }
.surface-result { margin-top:22px; text-align:center; font-size:13.2px; line-height:21.12px; }
.surface-result .solutions-link { font-size:inherit; font-weight:400; }
.surface-page > .manufacturing-cta { padding-top:110px; }
@media(max-width:1100px) { .surface-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .surface-card-image { height:auto; aspect-ratio:4/3; } }
@media(max-width:800px) { .surface-finishes { padding-bottom:64px; } .surface-page > .manufacturing-cta { padding-top:48px; } .surface-filters { margin-top:28px; } }
@media(max-width:600px) { .surface-grid { grid-template-columns:minmax(0,1fr); gap:22px; } .surface-filters { gap:8px; } .surface-filters button { padding:11px 13px; font-size:12px; } .surface-card-copy { padding:20px; } .surface-card h3 { font-size:17px; line-height:1.4; } .surface-card-description { font-size:14px; line-height:1.65; } }