.roof-showcase,.project-gallery{border-top:1px solid #dce5e7}.roof-showcase .section-heading>p:last-child{max-width:540px;color:#63777d;line-height:1.8;margin-top:24px}.roof-comparison{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr);gap:28px;align-items:start;margin-top:38px}.roof-comparison figure,.project-photo-grid figure{margin:0;min-width:0}.roof-image{position:relative;overflow:hidden;border-radius:18px}.roof-image>img{display:block;width:100%;height:auto}.roof-selection{position:absolute;left:43.9932%;top:27.0677%;width:19.0355%;height:36.8421%;border:2px solid #79d9ee;background:#79d9ee16;box-shadow:0 0 0 1px #09232c66}.roof-close svg{display:block;width:100%;border-radius:18px;border:2px solid #79d9ee;background:#dce5e7;overflow:hidden}.roof-comparison figcaption,.project-photo-grid figcaption{font-size:12px;color:#63777d;line-height:1.6;margin-top:12px}.project-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:36px}.project-photo-grid figure:first-child{grid-column:1/-1}.project-photo-grid img{display:block;width:100%;height:auto;border-radius:18px}.project-photo-grid a{display:block;border-radius:18px}.project-photo-grid a:focus-visible{outline:3px solid #26869c;outline-offset:5px}@media(max-width:680px){.roof-comparison{grid-template-columns:1fr;gap:24px}.roof-close{max-width:320px;width:100%;justify-self:center}.project-photo-grid{grid-template-columns:1fr;gap:24px}}

.roof-comparison{grid-template-columns:minmax(0,1fr);max-width:1182px;margin-inline:auto}