svg[data-astro-cid-qsboh4fr]{border:1px solid #cedde0;border-radius:4px 40px 4px 4px;width:100%;height:auto;display:block}text[data-astro-cid-qsboh4fr]{letter-spacing:.7px;fill:#375565;font-family:Arial,sans-serif;font-size:12px;font-weight:600}.roof-scope-page .build-hero h1{font-size:clamp(2.4rem,3.9vw,4rem)}.roof-scope-lines{white-space:pre-line}.roof-scope-page .build-photo-frame{aspect-ratio:1.1}.roof-scope-flat .build-photo-frame img{object-position:center}.roof-scope-coating .build-photo-frame img{object-position:45% 50%}.roof-scope-metal-cost .build-photo-frame img{object-position:center}.roof-scope-coating .build-scope{background:#f1f5ef}.roof-scope-metal-cost .build-scope{background:#f5f4ef}.roof-scope-panel{min-height:430px}.roof-scope-checks{margin:22px 0 0;padding:0;list-style:none}.roof-scope-checks li{color:var(--muted);border-top:1px solid #cedbde;padding:9px 0;font-size:.79rem}.roof-scope-outcome{border-left:3px solid #7ca598;padding-left:17px;font-size:.78rem!important}.roof-scope-outcome strong{color:var(--ink);margin-bottom:4px;display:block}.roof-scope-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 60px;display:grid}.roof-scope-detail-grid article{border-top:1px solid #cbdce3;padding-top:21px}.roof-scope-detail-grid h3{font-size:1.3rem}.roof-scope-detail-grid p{color:var(--muted);margin-top:13px;font-size:.86rem}.roof-scope-compare{background:#eef5f6}.roof-scope-split{grid-template-columns:1fr 1fr;gap:70px;display:grid}.roof-scope-split>div>p:not(.build-kicker){color:var(--muted);max-width:46ch;margin-top:23px;font-size:.89rem}.roof-scope-split .build-button{margin-top:24px}.roof-scope-split .build-checklist{margin:0}.roof-scope-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.roof-scope-related-grid>a{color:var(--ink);border-block:1px solid #cbdce3;padding-block:24px;text-decoration:none;display:block}.roof-scope-related-grid h3{font-size:1.2rem}.roof-scope-related-grid h3 span{color:var(--accent)}.roof-scope-related-grid p{color:var(--muted);margin-top:12px;font-size:.83rem}.roof-scope-related-grid a:hover h3{text-decoration:underline}.roof-scope-sources{border-top:1px solid #cfdee4;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:65px;padding-block:30px;display:grid}.roof-scope-sources h2{letter-spacing:-.015em;font-size:1.4rem}.roof-scope-sources p{color:var(--muted);max-width:58ch;margin-top:12px;font-size:.78rem}.roof-scope-sources ul{margin:0;padding:0;list-style:none}.roof-scope-sources a{min-height:44px;color:var(--accent);align-items:center;font-size:.76rem;display:inline-flex}.roof-scope-page .build-contact{background:#f0f5ed}@media (width<=1050px){.roof-scope-panel{min-height:450px}.roof-scope-split,.roof-scope-sources{gap:35px}.roof-scope-detail-grid{gap:26px 35px}}@media (width<=760px){.roof-scope-page .build-hero h1{font-size:clamp(2.1rem,7.3vw,3rem)}.roof-scope-page .build-photo-frame{aspect-ratio:1.35}.roof-scope-panel{min-height:0}.roof-scope-split,.roof-scope-sources,.roof-scope-related-grid{grid-template-columns:1fr;gap:28px}.roof-scope-detail-grid{grid-template-columns:1fr;gap:25px}.roof-scope-detail-grid h3{font-size:1.25rem}.roof-scope-split .build-button{width:100%}.roof-scope-related-grid>a{border-bottom:0;padding-block:20px 0}.roof-scope-sources{margin-bottom:40px}.roof-scope-page .build-photo-label{letter-spacing:.05em;max-width:calc(100% - 32px);font-size:.58rem}}.roof-scope-illustrated-hero .roof-scope-project-inset{border-top:1px solid #d1dee1;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:20px;margin-top:22px;padding-top:20px;display:grid}.roof-scope-illustrated-hero .build-photo-frame{aspect-ratio:1;border-radius:4px 26px 4px 4px;width:132px;height:132px}.roof-scope-illustrated-hero .roof-scope-project-inset figcaption{max-width:30ch;padding:0;font-size:.72rem}.roof-scope-inset-label{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);margin-bottom:7px;font-size:.64rem;display:block}.roof-scope-hero-study svg{border-radius:4px 55px 4px 4px}.roof-scope-illustrated-hero [data-build-motion]{margin-top:0}.roof-scope-illustrated-hero .build-photo-frame img{animation:none!important}@media (width<=760px){.roof-scope-illustrated-hero .roof-scope-project-inset{grid-template-columns:112px minmax(0,1fr);gap:17px}.roof-scope-illustrated-hero .build-photo-frame{width:112px;height:112px}.roof-scope-illustrated-hero .roof-scope-project-inset figcaption{font-size:.66rem}}