.roofing-page{background:#fff;color:#111819}.roofing-page .site-header{background:#031716;border-bottom:1px solid rgba(255,255,255,.12)}.roofing-page .desktop-nav .nav-item:first-child>a{color:#fff;box-shadow:inset 0 -4px 0 var(--green)}.roofing-page h1,.roofing-page h2,.roofing-page h3{letter-spacing:-.018em}.roofing-page a{text-underline-offset:3px}.roofing-eyebrow{position:relative;margin:0 0 10px;padding-left:43px;color:#fff;font:700 .72rem/1.1 var(--display);letter-spacing:.055em;text-transform:uppercase}.roofing-eyebrow:before{content:"";position:absolute;left:0;top:.42em;width:31px;height:2px;background:var(--green)}.roofing-eyebrow.dark{color:#172021}.roofing-hero{position:relative;min-height:520px;display:flex;align-items:stretch;overflow:hidden;background:#031716;color:#fff}.roofing-hero-image{position:absolute;inset:0 0 0 auto;width:70%;height:100%;object-fit:cover;object-position:72% center;clip-path:polygon(13% 0,100% 0,100% 100%,27% 100%)}.roofing-hero-panel{position:absolute;inset:0 auto 0 0;z-index:1;width:63%;background:linear-gradient(120deg,#031716,#082523);clip-path:polygon(0 0,79% 0,100% 100%,0 100%)}.roofing-hero-copy{position:relative;z-index:2;padding:132px 0 27px}.roofing-hero h1{max-width:520px;margin:0;font:700 clamp(3rem,3.72vw,3.55rem)/.91 var(--display)}.roofing-hero h1>span{display:block}.roofing-state-line{display:inline;white-space:nowrap;font:inherit}.roofing-hero-summary{max-width:440px;margin:15px 0 9px;font-size:1.03rem;font-weight:700;line-height:1.42}.roofing-hero-body{max-width:425px;margin:0 0 19px;font-size:.93rem;line-height:1.48}.roofing-actions{display:flex;flex-wrap:wrap;gap:13px}.roofing-actions .button{min-width:220px}.roofing-call{border-color:#ffffffd9;background:#000f0fb3;color:#fff}.roofing-call:hover{background:#fff;color:#071716}.roofing-phone-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.roofing-contractor,.roofing-system{background:#fff}.roofing-contractor-grid,.roofing-system-grid{display:grid;grid-template-columns:51% 49%;align-items:stretch}.roofing-contractor-grid>img,.roofing-system-grid>img{width:100%;height:100%;min-height:322px;object-fit:cover}.roofing-contractor-grid>img{object-position:center 38%}.roofing-copy-block{display:flex;flex-direction:column;justify-content:center;padding:36px clamp(38px,6vw,92px) 35px 38px}.roofing-copy-block h2{max-width:650px;margin:0 0 11px;font:700 clamp(2.25rem,3.25vw,3.35rem)/.96 var(--display)}.roofing-copy-block>p:not(.roofing-eyebrow){max-width:690px;margin:0 0 12px;font-size:.9rem;line-height:1.5}.roofing-copy-block a,.roofing-process a{color:#08794c;font-weight:700;text-decoration:underline}.roofing-services{padding:28px 0 31px;background:#fff}.roofing-services h2,.roofing-process h2{margin:0 0 16px;font:700 clamp(2.45rem,3.7vw,3.8rem)/.95 var(--display)}.roofing-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.roofing-service-grid article{min-width:0}.roofing-service-grid img{width:100%;aspect-ratio:1.58;object-fit:cover}.roofing-service-grid article:nth-child(1) img{object-position:center 38%}.roofing-service-grid article:nth-child(2) img{object-position:center 35%}.roofing-service-grid article:nth-child(3) img{object-position:center 40%}.roofing-service-grid article:nth-child(4) img{object-position:center 42%}.roofing-service-grid h3{margin:8px 0 7px;font:700 1.08rem/1.08 var(--display)}.roofing-service-grid h3 a{color:inherit}.roofing-service-grid h3 a:hover{color:#08794c}.roofing-service-grid p{margin:0;color:#303839;font-size:.8rem;line-height:1.38}.roofing-process{padding:26px 0 30px;background:#edf6f2}.roofing-process ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none}.roofing-process li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.roofing-process li>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d7ece2;color:#056540;font:700 1rem/1 var(--body)}.roofing-process h3{margin:3px 0 8px;font:700 .96rem/1.08 var(--display)}.roofing-process li p{margin:0;font-size:.76rem;line-height:1.4}.roofing-system-grid>img{min-height:260px;object-position:center 54%}.roofing-system .roofing-copy-block{padding-block:32px}.roofing-closing{position:relative;min-height:250px;display:flex;align-items:stretch;overflow:hidden;background:#031716;color:#fff}.roofing-closing>img{position:absolute;inset:0 0 0 auto;width:59%;height:100%;object-fit:cover;object-position:74% center}.roofing-closing-panel{position:absolute;inset:0 auto 0 0;z-index:1;width:65%;background:linear-gradient(115deg,#031716,#072522);clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.roofing-closing-copy{position:relative;z-index:2;padding:34px 0 31px}.roofing-closing h2{max-width:450px;margin:0 0 7px;font:700 clamp(2.7rem,4.1vw,4.15rem)/.93 var(--display)}.roofing-closing-copy>p:not(.roofing-eyebrow){max-width:440px;margin:0 0 16px;font-size:.9rem;line-height:1.48}@media (max-width: 1120px){.roofing-hero-image{width:72%}.roofing-hero-panel{width:66%}.roofing-service-grid{gap:14px}.roofing-process ol{gap:18px}.roofing-process li{grid-template-columns:38px 1fr;gap:9px}.roofing-process li>span{width:36px;height:36px}}@media (max-width: 860px){.roofing-contractor-grid,.roofing-system-grid{grid-template-columns:1fr}.roofing-contractor-grid>img,.roofing-system-grid>img{min-height:340px;max-height:480px}.roofing-copy-block{padding:35px max(24px,6vw)}.roofing-service-grid{grid-template-columns:repeat(2,1fr);gap:24px 18px}.roofing-process ol{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 760px){.roofing-page .site-header{position:absolute}.roofing-hero{min-height:0;display:flex;flex-direction:column;padding-top:76px}.roofing-hero-image{position:relative;inset:auto;order:1;width:100%;height:315px;object-position:right center;clip-path:none}.roofing-hero-panel{display:none}.roofing-hero-copy{order:2;width:calc(100% - 40px);padding:32px 0 36px}.roofing-hero h1{font-size:clamp(3.05rem,14vw,4.1rem)}.roofing-actions{display:grid;grid-template-columns:1fr}.roofing-actions .button{width:100%}.roofing-closing{min-height:0;display:flex;flex-direction:column}.roofing-closing>img{position:relative;inset:auto;order:1;width:100%;height:290px;object-position:72% center}.roofing-closing-panel{display:none}.roofing-closing-copy{order:2;width:calc(100% - 40px);padding:32px 0 38px}}@media (max-width: 560px){.roofing-eyebrow{padding-left:38px;font-size:.68rem;line-height:1.35}.roofing-eyebrow:before{width:27px}.roofing-service-grid,.roofing-process ol{grid-template-columns:1fr}.roofing-service-grid{gap:27px}.roofing-service-grid img{aspect-ratio:1.65}.roofing-process li{grid-template-columns:42px 1fr}.roofing-process li>span{width:40px;height:40px}.roofing-contractor-grid>img,.roofing-system-grid>img{min-height:290px}}