:root{--blue:#0056b8;--blue-dark:#082653;--blue-soft:#eef7ff;--green:#1fa31a;--green-dark:#147b12;--ink:#0d1e37;--muted:#59687b;--line:#dbe4ee;--white:#fff;--shadow:0 18px 45px rgba(8,38,83,.16);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1440px,calc(100% - 96px));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(8,38,83,.08)}.header-inner{height:116px;display:flex;align-items:center;gap:34px}.logo{width:210px;display:flex;align-items:center;flex:0 0 auto}.logo img{width:100%;height:auto;display:block}.main-nav{flex:1;display:flex;justify-content:center;gap:42px;font-size:16px;font-weight:600}.main-nav a{position:relative;padding:14px 0}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:4px;border-radius:5px;background:var(--green);transform:scaleX(0);transition:.2s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.main-nav a.active{color:var(--green-dark)}.header-actions{display:flex;align-items:center;gap:24px}.phone-link{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;white-space:nowrap;color:#061831}.phone-link svg{width:23px;height:23px;fill:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 28px;border-radius:8px;font-weight:900;letter-spacing:.01em;border:2px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn svg{width:22px;height:22px;fill:currentColor}.btn-primary{color:#fff;background:linear-gradient(180deg,#28b922,var(--green-dark));box-shadow:0 13px 28px rgba(31,163,26,.25)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.9);background:rgba(3,10,20,.34)}.btn-white{background:#fff;color:var(--blue-dark)}.btn-blue{background:#26499d;color:#fff}.btn-outline-blue{background:#fff;color:#21459b;border-color:#21459b}.header-cta{min-height:58px;white-space:nowrap}.mobile-toggle{display:none;margin-left:auto;background:transparent;border:0;padding:10px}.mobile-toggle span:not(.sr-only){display:block;width:26px;height:3px;background:var(--blue-dark);border-radius:5px;margin:5px 0}.hero{height:650px;position:relative;overflow:visible;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,17,31,.91) 0%,rgba(4,17,31,.72) 31%,rgba(4,17,31,.18) 60%,rgba(4,17,31,.03) 100%),url('assets/hero-roofing.jpg');background-size:cover;background-position:center right}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08))}.hero-content{position:relative;z-index:2;padding:20px 0 118px}.eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 21px;color:var(--green);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.eyebrow:after{content:"";width:74px;height:2px;background:var(--green);display:inline-block}.eyebrow.blue{color:var(--blue)}.eyebrow.blue:after{background:var(--blue)}.eyebrow.center{justify-content:center}.eyebrow.center:before{content:"";width:74px;height:2px;background:currentColor;display:inline-block}h1,h2,h3,p{margin-top:0}h1{max-width:800px;margin-bottom:22px;color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:clamp(58px,6vw,91px);line-height:.98;letter-spacing:-.045em;text-shadow:0 8px 24px rgba(0,0,0,.25)}h1 em{color:var(--green);font-style:italic}.hero-copy{max-width:650px;color:rgba(255,255,255,.95);font-size:19px;line-height:1.62;font-weight:500;margin-bottom:28px}.hero-buttons{display:flex;gap:24px;flex-wrap:wrap}.service-cards-wrap{position:relative;z-index:6;margin-top:-132px;padding-bottom:46px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.service-card{height:198px;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:26px;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.85);background-size:cover;background-position:center;isolation:isolate}.service-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.86) 100%)}.service-card span{color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,2.1vw,34px);line-height:1;text-shadow:0 3px 8px rgba(0,0,0,.38)}.service-card strong{position:absolute;right:24px;bottom:24px;width:50px;height:50px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:50%;font-size:43px;line-height:.8;font-family:Inter,sans-serif;box-shadow:0 10px 18px rgba(31,163,26,.32)}.service-card.shingle{background-image:url('assets/shingle-roofing.jpg')}.service-card.tile{background-image:url('assets/tile-roofing.jpg')}.service-card.metal{background-image:url('assets/metal-roofing.jpg')}.service-card.repair{background-image:url('assets/roof-repair.jpg')}.features{padding:5px 0 82px;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}.feature-item{text-align:center;padding:0 38px;min-height:152px;border-left:1px solid var(--line)}.feature-item:first-child{border-left:0}.feature-icon{margin:0 auto 14px;width:72px;height:72px;display:grid;place-items:center}.feature-icon svg{width:66px;height:66px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.feature-icon .green{stroke:var(--green)}.feature-item h2{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:21px;line-height:1.16;color:var(--blue-dark)}.accent-line{display:block;width:34px;height:4px;margin:12px auto;background:var(--green);border-radius:10px}.feature-item p{margin:0 auto;max-width:240px;color:var(--muted);font-size:15px;line-height:1.65}.section-head{max-width:760px;margin:0 auto 34px}.section-head.centered{text-align:center}.section-head h2{font-family:Inter,sans-serif;font-size:clamp(36px,3.8vw,54px);letter-spacing:-.04em;line-height:1.06;margin-bottom:16px;color:#091c3a;font-weight:900}.section-head p{color:var(--muted);font-size:18px;line-height:1.7}.project-section{padding:86px 0 96px;background:linear-gradient(180deg,#fff,#f8fbff)}.project-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 auto 28px;max-width:1040px}.project-stats div{background:#fff;border:1px solid #dfeaf6;border-radius:14px;padding:22px;text-align:center;box-shadow:0 12px 28px rgba(8,38,83,.07)}.project-stats strong{display:block;color:var(--green);font-size:36px;line-height:1;font-weight:900}.project-stats span{display:block;color:var(--blue-dark);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.map-card{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #dfe6f0;border-radius:16px;padding:12px;box-shadow:0 22px 50px rgba(8,38,83,.12)}#projectMap{height:455px;border-radius:12px;background:#eef5ff}.map-legend{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0 28px}.map-legend button{background:transparent;border:0;color:#516176;font-weight:700;cursor:pointer}.legend-dot:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;background:#6b7280}.legend-dot.reroof:before{background:#16a34a}.legend-dot.repair:before{background:#26499d}.legend-dot.inspections:before{background:#0f9f7a}.legend-dot.gutter:before{background:#64748b}.legend-dot.other:before{background:#93a4b8}.legend-dot.active{color:var(--blue-dark)}.project-actions,.center-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.leaflet-popup-content strong{color:#082653}.work-gallery{padding:88px 0;background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gallery-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 42px rgba(8,38,83,.12);border:1px solid #e5edf5}.gallery-card img{width:100%;height:260px;object-fit:cover;display:block}.gallery-card h3{font-size:24px;margin:20px 24px 24px;color:var(--blue-dark)}.news-section{padding:96px 0 106px;background:#fff}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1120px;margin:0 auto 42px}.news-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(8,38,83,.14);border:1px solid #e5edf5}.news-art{height:180px;display:grid;place-items:center}.news-art svg{width:58px;height:58px;fill:rgba(255,255,255,.72)}.blue-card{background:#274a9b}.green-card{background:#10a35b}.teal-card{background:linear-gradient(135deg,#244b9d,#069463)}.news-body{padding:24px}.meta{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--green);font-weight:900;margin-bottom:12px}.news-card h3{font-size:20px;line-height:1.35;margin-bottom:12px;color:#071d3c}.news-card p:last-child{color:var(--muted);line-height:1.55;margin-bottom:0}.contact-strip{padding:68px 0;background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff}.contact-strip .eyebrow{color:#7dff73;margin-bottom:10px}.contact-strip .eyebrow:after{background:#7dff73}.contact-strip h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.025em;margin:0;color:#fff}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.contact-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.site-footer{padding:30px 0;background:#071a35;color:rgba(255,255,255,.75)}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner p{margin:0}.footer-inner a{color:#fff;font-weight:700}@media (max-width:1180px){.container{width:min(100% - 48px,1100px)}.header-inner{height:auto;min-height:94px;flex-wrap:wrap;padding:16px 0}.mobile-toggle{display:block}.main-nav,.header-actions{display:none;width:100%}.main-nav.open,.header-actions.open{display:flex}.main-nav.open{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 0}.header-actions.open{justify-content:space-between;padding-bottom:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr);row-gap:38px}.feature-item:nth-child(odd){border-left:0}.feature-item:last-child{grid-column:1/-1}.project-stats{grid-template-columns:repeat(2,1fr)}.gallery-grid,.news-grid{grid-template-columns:1fr}}@media (max-width:720px){.container{width:min(100% - 30px,620px)}.logo{width:180px}.hero{height:auto;min-height:700px}.hero-content{padding:56px 0 155px}.eyebrow{font-size:13px}.eyebrow:after{width:42px}h1{font-size:clamp(45px,14vw,69px)}.hero-copy{font-size:17px}.hero-buttons,.header-actions.open,.contact-inner,.footer-inner{flex-direction:column;align-items:stretch}.btn{width:100%;text-align:center}.phone-link{justify-content:center}.service-cards-wrap{margin-top:-110px}.service-grid,.features-grid,.project-stats{grid-template-columns:1fr}.service-card{height:210px}.feature-item{border-left:0;border-top:1px solid var(--line);padding:28px 16px}.feature-item:first-child{border-top:0}#projectMap{height:380px}.contact-actions{justify-content:stretch}}