.surface-finishes-page .page-heading{max-width:900px;padding-bottom:20px}.surface-finishes-page .page-heading .button{margin-top:20px}.surface-appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.surface-appearance-card{min-width:0}.surface-appearance-card figure{margin:0 0 22px}.surface-appearance-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.surface-appearance-card figcaption{font-size:12px;color:#4C5160;margin-top:8px}.surface-finishes-page h3{font-size:23px;line-height:1.3;margin:0 0 14px}.surface-finishes-page p{overflow-wrap:anywhere}.surface-appearance-card p,.surface-coating-grid p,.surface-requirements-grid p{color:#4C5160;margin-bottom:0}.surface-catalogue-note{margin:30px 0 0;padding-left:20px;border-left:3px solid #f47a20;color:#4C5160;max-width:900px}.surface-options-band{background:#f3f5f8}.surface-coating-grid,.surface-requirements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin-top:28px}.surface-coating-grid article{border-top:4px solid #f47a20;padding-top:24px}.surface-route{margin-top:32px;border:1px solid #dce1e8;border-radius:var(--radius);padding:28px}.surface-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:30px;margin:24px 0}.surface-process-steps li{position:relative;padding:20px;background:#f3f5f8;border-radius:var(--radius);min-width:0}.surface-process-steps li:not(:last-child):after{content:"\2192";position:absolute;right:-24px;top:40%;color:#182B54}.surface-process-steps span{color:#182B54;font-weight:700;border-top:3px solid #f47a20;padding-top:8px}.surface-process-steps p{margin:16px 0 0;font-size:var(--text-body)}.surface-output{margin-bottom:0;color:#182B54;font-weight:600}.surface-forming-note{color:#4C5160;max-width:900px;margin-top:24px}.surface-requirements-grid article{border-top:1px solid #dce1e8;padding-top:24px}.surface-final-action{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px}.surface-config-link{margin-top:0;margin-bottom:44px}.surface-config-link p{color:#4C5160;margin-top:8px}@media(max-width:900px){.surface-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-process-steps{grid-template-columns:1fr;gap:28px}.surface-process-steps li:not(:last-child):after{content:"\2193";right:auto;left:50%;top:auto;bottom:-27px}}@media(max-width:600px){.surface-appearance-grid,.surface-coating-grid,.surface-requirements-grid{grid-template-columns:1fr}.surface-route{padding:20px}.surface-final-action .button{width:100%}}.configuration-surface-note{clear:both;color:#4C5160;font-size:var(--text-body);line-height:1.6;margin:0 0 24px}.surface-process-steps{grid-template-columns:repeat(var(--surface-steps,4),minmax(0,1fr))}.surface-process-steps li{display:flex;flex-direction:column;align-items:flex-start}.surface-process-steps .product-icon{border-top:0;padding-top:0;flex-shrink:0}@media(max-width:1100px){.surface-process-steps{grid-template-columns:1fr;gap:28px}.surface-process-steps li:not(:last-child):after{content:"\2193";right:auto;left:50%;top:auto;bottom:-27px}}.surface-directory,.surface-sample-index{display:flex;flex-wrap:wrap;gap:8px 20px}.surface-directory{padding-top:8px;padding-bottom:24px;border-bottom:1px solid var(--line)}.surface-directory a,.surface-sample-index a{display:flex;align-items:center;min-height:44px;max-width:100%;font-size:var(--text-body);line-height:1.5;overflow-wrap:anywhere}.surface-directory a:hover,.surface-sample-index a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.surface-sample-note{max-width:72ch;color:var(--gray);margin:20px 0}.surface-sample-index{padding:16px 0;border-block:1px solid var(--line);margin-top:24px}.surface-sample-group{margin-top:48px;scroll-margin-top:132px}.surface-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.surface-sample-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;scroll-margin-top:132px;background:#fff}.surface-sample-card>img{display:block;inline-size:100%;block-size:auto;aspect-ratio:4/3;object-fit:contain;background:#f7f8fa}.surface-sample-card>div{padding:24px}.surface-sample-card h4{font-size:22px;line-height:1.35;margin:0 0 12px;color:var(--navy);overflow-wrap:anywhere}.surface-sample-card p{font-size:var(--text-body);color:var(--gray);margin:0}.surface-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}.surface-product-grid article{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.surface-product-grid h3{display:flex;align-items:center;gap:12px}.surface-product-grid h3 .product-icon{flex:none}.surface-product-grid p{font-size:var(--text-body);color:var(--gray)}.surface-product-grid strong{color:var(--navy)}.surface-product-grid .text-link{font-size:var(--text-action);min-height:44px;gap:8px}.surface-treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin-top:32px}.surface-treatment-grid article{min-width:0;border-top:4px solid var(--accent);padding-top:24px;scroll-margin-top:132px}.surface-treatment-grid p{color:var(--gray);margin:0}.surface-finishes-page>section[id]{scroll-margin-top:120px}@media(max-width:1000px){.surface-product-grid,.surface-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.surface-product-grid,.surface-sample-grid,.surface-treatment-grid{grid-template-columns:1fr}.surface-product-grid article,.surface-sample-card>div{padding:20px}.surface-directory{gap:4px 20px}}.surface-sample-details{margin:24px 0 0}.surface-sample-details>div{padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}.surface-sample-details dt{font-size:var(--text-body);line-height:1.5;font-weight:600;color:var(--navy);margin-bottom:8px}.surface-sample-details dd{font-size:var(--text-body);line-height:1.6;color:var(--gray);margin:0;overflow-wrap:anywhere}.surface-sample-product-links{display:flex;flex-wrap:wrap;gap:0 16px}.surface-sample-product-links a{display:flex;align-items:center;gap:6px;min-height:44px;max-width:100%;font-size:var(--text-action);line-height:1.5;color:var(--navy)}.surface-sample-product-links .cta-arrow{flex:none;width:16px;height:16px}.surface-sample-product-links a:is(:hover,:focus-visible) .cta-arrow{color:var(--accent)}