.roofingHome{--roof-asphalt:#34383d;--roof-rust:#8a5a3b;--roof-graphite:#171b20;--roof-copper:#a56b3f;background:#f2f0ea}.roofHeroBackdrop{transform:scale(1.015);background:linear-gradient(90deg,#040c17f5 0%,#040c17db 44%,#040c1752 72%,#040c17b8 100%),url(https://images.pexels.com/photos/9431615/pexels-photo-9431615.jpeg?auto=compress&cs=tinysrgb&w=1800) 50%/cover no-repeat!important;-webkit-mask-image:none!important;mask-image:none!important}.roofHero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#00000014,#0003),radial-gradient(circle at 73% 42%,#0000 0 26%,#02080e47 64%);position:absolute;inset:0}.roofHeroContent,.roofHeroPanel{z-index:3}.roofHeroContent{text-shadow:0 2px 24px #00000047;padding:24px 0}.roofHero h1 em{color:#b9cee6}.roofTrustStrip span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050f1b80;border-color:#fff3}.roofHeroPanel.realRoofHero{background:0 0;border:1px solid #fff3;min-height:590px;overflow:hidden;box-shadow:0 40px 90px #00000073}.realRoofHero .heroPhoto{background:linear-gradient(#030b140f,#030b14b3),url(https://images.pexels.com/photos/33404248/pexels-photo-33404248.jpeg?auto=compress&cs=tinysrgb&w=1400) 50%/cover no-repeat;transition:transform 8s;position:absolute;inset:0;transform:scale(1.03)}.realRoofHero:hover .heroPhoto{transform:scale(1.08)}.realRoofHero .heroPhoto:after{content:"";background:linear-gradient(#0000,#050e19eb);height:34%;position:absolute;inset:auto 0 0}.realRoofHero .roofPanelTop,.realRoofHero .roofPanelBottom{z-index:4;color:#d3dce5;text-shadow:0 2px 14px #000000b3}.realRoofHero .roofPanelTop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050e19a6;border:1px solid #ffffff21;padding:11px 13px;top:18px;left:18px;right:18px}.realRoofHero .roofPanelBottom{bottom:24px;left:24px;right:24px}.realRoofHero .roofPanelBottom strong{font-size:20px}.realRoofHero .roofPanelBottom span{color:#bcd6f1}.realRoofBadge{z-index:5;letter-spacing:.15em;color:#fff;background:#1769ff;border:1px solid #ffffff52;padding:10px 13px;font:800 9px Manrope,sans-serif;position:absolute;bottom:84px;right:22px;box-shadow:0 12px 35px #1769ff66}.roofServices{background:linear-gradient(#f3f0e9,#ebe7df)}.roofServiceGrid{gap:18px;background:0 0!important;border:0!important}.roofServiceCard{border-radius:2px;overflow:hidden;box-shadow:0 16px 40px #1d222712;background:#f8f6f0!important;border:1px solid #171f281f!important;min-height:510px!important;padding:0!important}.roofServiceCard:hover{transform:translateY(-7px)!important;box-shadow:0 28px 70px #13192029!important}.roofServiceMeta{padding:22px 24px 16px!important}.roofServiceCard h3,.roofServiceCard>p,.roofServiceCard>b{margin-left:24px!important;margin-right:24px!important}.roofServiceCard>b{margin-bottom:24px!important}.roofServiceCard h3{margin-top:21px!important}.roofServiceCard>p{line-height:1.65;color:#646a70!important}.roofServiceCard>b{color:#1769ff!important}.roofServiceMedia{background:#20252b;height:225px;position:relative;overflow:hidden}.roofServiceMedia:before{content:"";filter:saturate(.82)contrast(1.06);background-position:50%;background-size:cover;transition:transform .7s,filter .7s;position:absolute;inset:0}.roofServiceCard:hover .roofServiceMedia:before{filter:saturate()contrast(1.02);transform:scale(1.06)}.roofServiceMedia:after{content:"";background:linear-gradient(#0000 45%,#060d146b);position:absolute;inset:0}.media-repair:before{background-image:url(https://images.pexels.com/photos/9431615/pexels-photo-9431615.jpeg?auto=compress&cs=tinysrgb&w=900)}.media-replacement:before{background-image:url(https://images.pexels.com/photos/38781381/pexels-photo-38781381.jpeg?auto=compress&cs=tinysrgb&w=900)}.media-storm:before{filter:saturate(.5)contrast(1.22)brightness(.76);background-image:linear-gradient(#1114181a,#1114181a),url(https://images.pexels.com/photos/33404248/pexels-photo-33404248.jpeg?auto=compress&cs=tinysrgb&w=900)}.media-flat:before{background-image:url(https://images.pexels.com/photos/38781399/pexels-photo-38781399.jpeg?auto=compress&cs=tinysrgb&w=900)}.media-commercial:before{background-image:url(https://images.pexels.com/photos/38781395/pexels-photo-38781395.jpeg?auto=compress&cs=tinysrgb&w=900)}.media-inspection:before{background-image:url(https://images.pexels.com/photos/11748111/pexels-photo-11748111.jpeg?auto=compress&cs=tinysrgb&w=900)}.roofMediaLabel{z-index:2;color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#050e18d1;border:1px solid #ffffff24;padding:7px 9px;font:800 8px Manrope,sans-serif;position:absolute;bottom:14px;left:16px}.roofClimateGrid{background:0 0!important;gap:14px!important}.roofClimateGrid article{border:1px solid #ffffff1f;position:relative;overflow:hidden;background:#111820!important;min-height:240px!important;padding:0!important}.roofClimateGrid article:before{content:"";filter:saturate(.66)contrast(1.12);background-position:50%;background-size:cover;transition:transform .65s;position:absolute;inset:0}.roofClimateGrid article:hover:before{transform:scale(1.06)}.roofClimateGrid article:after{content:"";background:linear-gradient(#040c141f,#040c14db);position:absolute;inset:0}.roofClimateGrid article strong,.roofClimateGrid article span{z-index:2;display:block;position:relative}.roofClimateGrid article strong{color:#fff!important;padding:145px 20px 0!important}.roofClimateGrid article span{color:#c5d0db!important;padding:7px 20px 22px!important}.roofClimateGrid article:first-child:before{background-image:url(https://images.pexels.com/photos/33404248/pexels-photo-33404248.jpeg?auto=compress&cs=tinysrgb&w=700);background-position:60% 48%}.roofClimateGrid article:nth-child(2):before{filter:saturate(.35)contrast(1.35)brightness(.7);background-image:url(https://images.pexels.com/photos/9431615/pexels-photo-9431615.jpeg?auto=compress&cs=tinysrgb&w=700)}.roofClimateGrid article:nth-child(3):before{filter:saturate(.2)brightness(1.15);background-image:linear-gradient(#d2e2f047,#d2e2f047),url(https://images.pexels.com/photos/11748111/pexels-photo-11748111.jpeg?auto=compress&cs=tinysrgb&w=700)}.roofClimateGrid article:nth-child(4):before{filter:saturate(.35)contrast(1.22)brightness(.78);background-image:url(https://images.pexels.com/photos/38781389/pexels-photo-38781389.jpeg?auto=compress&cs=tinysrgb&w=700)}.roofChicagoSection{background:linear-gradient(135deg,#0b1420 0%,#101b28 58%,#151b20 100%)!important}.roofChicagoSection:before{content:"";pointer-events:none;opacity:.14;background:repeating-linear-gradient(165deg,#ffffff24 0 1px,#0000 1px 18px);position:absolute;inset:0}.fieldTrustRail{color:#fff;background:#111820;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fieldTrustRail article{border-right:1px solid #ffffff17;align-items:flex-start;gap:18px;min-height:150px;padding:28px clamp(20px,2.2vw,34px);display:flex}.fieldTrustRail article:last-child{border-right:0}.fieldTrustRail>article>span{color:#6fa7e8;letter-spacing:.14em;font:700 10px Manrope,sans-serif}.fieldTrustRail strong{margin-bottom:9px;font:700 16px/1.25 Manrope,sans-serif;display:block}.fieldTrustRail small{color:#8e9cab;font-size:12px;line-height:1.55;display:block}.featuredRoofProject{background:#e7e2d8;grid-template-columns:.72fr 1.28fr;align-items:center;gap:54px;padding:105px clamp(24px,5vw,76px);display:grid}.featuredProjectCopy h2,.projectProofPlaceholder h2{letter-spacing:-.055em;margin:18px 0 24px;font:700 clamp(42px,5vw,72px)/.98 Manrope,sans-serif}.featuredProjectCopy>p{color:#626971;max-width:620px;line-height:1.75}.featuredProjectCopy>a,.projectProofPlaceholder>a{color:#1769ff;margin-top:26px;font-size:12px;font-weight:800;display:inline-flex}.projectFacts{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.projectFacts span{color:#4f5964;background:#ffffff61;border:1px solid #171f2824;padding:8px 10px;font-size:10px;font-weight:700}.beforeAfterProof{grid-template-columns:1fr 1fr;gap:12px;display:grid}.beforeAfterProof figure{color:#fff;background:#101820;border:1px solid #1118201f;margin:0;box-shadow:0 24px 55px #181c2121}.proofImageFrame{aspect-ratio:4/3;background:#20252b;overflow:hidden}.proofImageFrame img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.beforeAfterProof figure:hover img{transform:scale(1.035)}.beforeAfterProof figcaption{padding:18px 19px 20px}.beforeAfterProof figcaption b{color:#73afff;letter-spacing:.16em;margin-bottom:9px;font:800 9px Manrope,sans-serif;display:block}.beforeAfterProof figcaption span{color:#b7c2cd;font-size:12px;line-height:1.55;display:block}.projectProofPlaceholder{background:linear-gradient(135deg,#ddd6c9,#eeeae2);border-top:1px solid #171f2814;border-bottom:1px solid #171f2814;grid-template-columns:.9fr 1.1fr auto;align-items:end;gap:46px;padding:90px clamp(24px,5vw,76px);display:grid}.projectProofPlaceholder h2{margin-bottom:0}.projectProofPlaceholder>p{color:#5e666f;max-width:680px;margin:0;line-height:1.75}.projectProofPlaceholder>a{white-space:nowrap;margin:0}.homeReviewsSection .reviewCard{background:#fff;border:1px solid #141d261a;box-shadow:0 15px 35px #141a220f}@media (max-width:1180px){.roofHero{grid-template-columns:1fr!important}.roofHeroPanel.realRoofHero{min-height:520px}.roofServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fieldTrustRail{grid-template-columns:1fr 1fr}.fieldTrustRail article:nth-child(2){border-right:0}.fieldTrustRail article:nth-child(-n+2){border-bottom:1px solid #ffffff17}.featuredRoofProject{grid-template-columns:1fr}.projectProofPlaceholder{grid-template-columns:1fr 1fr}.projectProofPlaceholder>a{grid-column:1/-1}}@media (max-width:760px){.roofHero{padding-top:112px!important}.roofHeroBackdrop{background-position:58%!important}.roofHero:after{background:linear-gradient(#030a124d,#030a12c7)}.roofHeroPanel.realRoofHero{min-height:420px;margin-top:18px}.realRoofHero .heroPhoto{background-position:62%}.realRoofHero .roofPanelBottom{flex-direction:column;align-items:flex-start;gap:4px}.realRoofBadge{bottom:100px;right:14px}.roofServiceGrid{gap:14px;grid-template-columns:1fr!important}.roofServiceCard{min-height:475px!important}.roofServiceMedia{height:210px}.roofClimateGrid{grid-template-columns:1fr 1fr!important}.roofClimateGrid article{min-height:205px!important}.roofClimateGrid article strong{padding-top:120px!important}.fieldTrustRail{grid-template-columns:1fr}.fieldTrustRail article{min-height:auto;padding:22px 20px;border-bottom:1px solid #ffffff17!important;border-right:0!important}.fieldTrustRail article:last-child{border-bottom:0!important}.featuredRoofProject{gap:34px;padding:74px 20px}.beforeAfterProof{grid-template-columns:1fr}.projectProofPlaceholder{grid-template-columns:1fr;gap:24px;padding:70px 20px}.projectProofPlaceholder>a{grid-column:auto}.featuredProjectCopy h2,.projectProofPlaceholder h2{font-size:44px}}@media (max-width:480px){.roofClimateGrid{grid-template-columns:1fr!important}.roofClimateGrid article{min-height:220px!important}.roofClimateGrid article strong{padding-top:132px!important}.realRoofHero .roofPanelTop{left:12px;right:12px}.realRoofHero .roofPanelBottom{left:16px;right:16px}.realRoofBadge{letter-spacing:.1em;font-size:7px}}