.roof-gallery{background:#f3f6f7;border-top:1px solid #dce3e8}.roof-gallery h2{margin-bottom:24px}.roof-gallery-intro{max-width:680px;color:#526776;margin-bottom:30px}.roof-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.roof-photo{margin:0;background:white;border:1px solid #dce3e8;border-radius:10px;overflow:hidden;min-width:0}.roof-photo>a{display:block;background:#e8eef1}.roof-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:filter .2s}.roof-photo>a:hover img{filter:brightness(1.07)}.roof-photo>a:focus-visible{outline:3px solid #315d78;outline-offset:-3px}.roof-photo figcaption{padding:15px 17px;font-size:14px;line-height:1.5;color:#244254}.roof-more{margin-top:30px;border-top:1px solid #cad6dd;padding-top:20px}.roof-more>summary{cursor:pointer;font-weight:700;color:#244254;padding:10px 0}.roof-preview{margin-bottom:25px}.roof-gallery .actions{margin-bottom:0}@media(max-width:1000px){.roof-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.roof-photo-grid{grid-template-columns:1fr;gap:20px}.roof-gallery{padding:50px 6%}.roof-photo figcaption{font-size:14px}}