.handrail-gallery{padding:64px 0;background:#edf3f6}.handrail-gallery h2{margin:0 0 16px}.handrail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.handrail-card{margin:0;background:#fff;border:1px solid #d5e0e6;border-radius:16px;overflow:hidden}.handrail-card a{display:block;background:#e4ebef}.handrail-card img{display:block;width:100%;height:290px;object-fit:contain;transition:filter .2s}.handrail-card a:hover img{filter:brightness(1.06)}.handrail-card a:focus-visible{outline:3px solid #0073b8;outline-offset:-3px}.handrail-card figcaption{padding:14px 16px;font-size:15px;line-height:1.5}.handrail-viewer{border:0;border-radius:16px;padding:16px;width:min(1000px,94vw);max-height:94dvh;background:#14232c;color:#fff}.handrail-viewer::backdrop{background:#000c}.handrail-viewer img{display:block;width:100%;height: min(68dvh,750px);object-fit:contain}.handrail-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.handrail-controls button{border:1px solid #6c8c9e;border-radius:8px;background:#203b4b;color:#fff;padding:10px 16px;cursor:pointer;font:inherit}.handrail-viewer p{text-align:center;margin:12px 0 0}.handrail-controls button:focus-visible{outline:3px solid #67c7ff}@media(max-width:850px){.handrail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.handrail-gallery{padding:40px 0}.handrail-grid{grid-template-columns:1fr;gap:16px}.handrail-card img{height:300px}.handrail-controls{flex-wrap:wrap}.handrail-controls button{padding:10px 12px}}