:root{--navy:#0b2748;--red:#b6202e;--cream:#f3efe7;--gold:#c7a96b}*{box-sizing:border-box}body{margin:0;color:#24282c;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.info{height:44px;background:#0d2239;color:#fff;display:flex;justify-content:flex-end;gap:30px;align-items:center;padding:0 5vw;font-size:13px}header{height:120px;display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;background:#fff;position:relative;z-index:10}.logo img{width:310px;height:98px;object-fit:contain}nav{display:flex;align-items:center;gap:22px;text-transform:uppercase;font-size:13px;font-weight:bold}nav>a:hover,.dropdown>a:hover{color:var(--red)}.dropdown{position:relative}.dropdown>div{display:none;position:absolute;background:white;top:100%;padding:12px;min-width:190px;box-shadow:0 7px 20px #0003}.dropdown:hover>div{display:block}.dropdown>div a{display:block;padding:8px}.estimate,.button,.hero a,.cta a{background:var(--red);color:white;padding:14px 20px;font-weight:bold}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:690px;background:linear-gradient(90deg,rgba(5,23,44,.88),rgba(5,23,44,.35)),url('../images/41cceda32c3e1d75.JPEG') center/cover;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;padding:90px 7vw;color:#fff;align-items:center}.hero h1{font:700 clamp(55px,7vw,100px)/.88 Georgia,serif;margin:0 0 25px}.hero h1 span{color:#d7b46b}.hero>div p{font-size:18px;max-width:720px;margin-bottom:35px}.hero aside{background:rgba(10,29,52,.94);padding:30px;border-top:5px solid var(--red)}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{font-size:12px;font-weight:bold}.lead-form input,.lead-form textarea,.lead-form select{width:100%;display:block;margin-top:4px;padding:12px;border:1px solid #ccc;font:inherit;background:#fff}.lead-form .wide{grid-column:1/-1}.lead-form button{border:0;padding:14px;background:var(--red);color:white;font-weight:bold}.investment{text-align:center;padding:80px 25px;background:#f2f2f2}.investment h2,.services-home>h2,.discount h2{font:700 43px Georgia,serif;color:var(--navy);margin:0 0 12px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.split>img{width:100%;height:100%;object-fit:cover}.split>div{padding:80px 7vw;align-self:center}.split h2,.content h2,.service-list h2,.contact h2,.reviews h2{font:700 43px/1.1 Georgia,serif;color:var(--navy)}.split b{color:var(--red)}.discount{padding:85px 6vw;text-align:center;background:#f4f0e8}.discount>p{color:var(--red);font-weight:bold}.discount>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:40px auto}.discount article{background:#fff}.discount article img{width:100%;height:260px;object-fit:cover}.services-home{padding:90px 6vw;text-align:center}.services-home>div{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:1100px;margin:35px auto}.services-home a{box-shadow:0 5px 20px #0002;padding-bottom:25px}.services-home img{height:340px;width:100%;object-fit:cover}.services-home h3{color:var(--red)}.cta{padding:100px 7vw;background:linear-gradient(#0b2748cc,#0b2748cc),url('../images/52a21891ec8ada06.jpg') center/cover;color:#fff}.cta h2{font:700 80px/1 Georgia,serif;margin:0 0 30px}.expert{background:#f5f5f5}.page-title{background:linear-gradient(90deg,#0a294dcc,#0a294d99),url('../images/52a21891ec8ada06.jpg') center/cover;padding:75px 6vw;color:white}.page-title h1{font:700 55px Georgia,serif;margin:0}.inner,.content,.service-list,.contact,.reviews,.estimate-page,.gallery{max-width:1250px;margin:80px auto;padding:0 30px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:70px 6vw}.values article{padding:35px;background:var(--navy);color:#fff}.service-list article{display:grid;grid-template-columns:1fr 1fr;margin-bottom:60px;background:#f3f3f3}.service-list article:nth-child(even) img{order:2}.service-list img{width:100%;height:440px;object-fit:cover}.service-list article>div{padding:55px}.content>.lead-form{padding:35px;background:#edf0f4;margin:45px 0}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.option-grid.two{grid-template-columns:1fr 1fr}.option-grid article{background:#f2f2f2}.option-grid img{height:240px;width:100%;object-fit:cover}.option-grid h3,.option-grid p{padding-inline:22px}.option-grid p{padding-bottom:22px}.gallery .filters{text-align:center;color:var(--red);font-weight:bold;margin-bottom:35px}.gallery>div:last-child{columns:3;column-gap:20px}.gallery figure{break-inside:avoid;margin:0 0 20px}.gallery figcaption{background:var(--navy);color:white;padding:12px;font-weight:bold}.reviews{text-align:center;min-height:380px}.quote{max-width:800px;margin:40px auto;padding:45px;border-left:6px solid var(--red);background:#f2f2f2;font:italic 24px Georgia,serif}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact>div:last-child{background:#edf0f4;padding:35px}.estimate-page .notice{padding:25px;background:#f7e7e8;border-left:6px solid var(--red);font-weight:bold}.detailed{padding:35px;background:#edf0f4}.call-me{text-align:center;padding:45px}.inspection{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:65px 6vw;background:#e8e9ec}.inspection h3{font:700 34px Georgia,serif;color:var(--navy)}footer{background:#0c223d;color:#dce3eb;padding:65px 6vw 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:50px}.footer-grid img{width:320px}.footer-grid h4{color:#d7b46b}.footer-grid a{display:block;margin:8px 0}.service-area{border-top:1px solid #ffffff33;margin-top:45px;padding:35px 0;font-size:13px}.copyright{text-align:center;border-top:1px solid #ffffff33;padding:22px;font-size:12px}.form-status.ok{color:#118231}.form-status.error{color:#d92032}@media(max-width:950px){.info{display:none}header{height:100px}.logo img{width:230px}.menu{display:block}header nav{display:none;position:absolute;left:0;right:0;top:100px;background:#fff;padding:25px;flex-direction:column;align-items:stretch}header nav.open{display:flex}.dropdown{order:initial}.dropdown>div{display:block;position:static;box-shadow:none}.hero,.split,.service-list article,.contact,.inspection{grid-template-columns:1fr}.hero{padding:60px 35px}.service-list article:nth-child(even) img{order:0}.option-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:580px){header{height:85px}.logo img{width:190px;height:70px}header nav{top:85px}.hero{padding:45px 22px}.hero h1{font-size:50px}.lead-form,.discount>div,.services-home>div,.values,.option-grid,.option-grid.two,.footer-grid{grid-template-columns:1fr}.lead-form>*{grid-column:1!important}.page-title h1{font-size:40px}.split>div,.service-list article>div{padding:45px 25px}.gallery>div:last-child{columns:1}.footer-grid>div:first-child{grid-column:auto}}
/* Modern roofing visual system */
:root{--navy:#071b31;--navy2:#102f50;--red:#d12636;--steel:#e9edf1;--gold:#d7b76d;--shadow:0 24px 60px rgba(4,18,34,.16)}
body{background:#f8fafb;overflow-x:hidden}
.info{height:38px;background:#061524;border-bottom:1px solid #ffffff17;font-weight:700;letter-spacing:.025em}
header{height:106px;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(4,18,34,.08);padding-inline:4vw}
.logo img{width:290px;height:88px}
nav{gap:28px;letter-spacing:.06em}
nav>a,.dropdown>a{position:relative;padding-block:12px}
nav>a:after,.dropdown>a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:3px;background:var(--red);transition:right .28s ease}
nav>a:hover:after,.dropdown>a:hover:after{right:0}
.dropdown>div{top:calc(100% + 5px);border-top:4px solid var(--red);border-radius:0 0 12px 12px;padding:10px;box-shadow:0 18px 40px rgba(4,18,34,.16)}
.dropdown>div a{border-radius:7px}.dropdown>div a:hover{background:#edf2f6;color:var(--red)}
.hero{min-height:calc(100vh - 144px);position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(3,16,30,.94) 0%,rgba(4,23,43,.74) 48%,rgba(4,23,43,.3) 100%),url('../images/41cceda32c3e1d75.JPEG');background-attachment:fixed}
.hero:after{content:"";position:absolute;z-index:-1;right:-8vw;bottom:-2px;width:58vw;height:160px;background:linear-gradient(145deg,transparent 49%,rgba(209,38,54,.9) 50%);clip-path:polygon(0 100%,100% 0,100% 100%)}
.hero h1{font-family:Arial Black,Impact,Arial,sans-serif;font-size:clamp(58px,7vw,110px);letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 12px 35px #0006}
.hero h1 span{color:var(--gold)}
.hero>div p{border-left:5px solid var(--red);padding-left:22px;max-width:670px}
.hero a,.button,.cta a,.lead-form button{border-radius:5px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));transition:transform .22s ease,box-shadow .22s ease;background:linear-gradient(135deg,#e12a3b,#b71828);box-shadow:0 12px 28px rgba(209,38,54,.24)}
.hero a:hover,.button:hover,.cta a:hover,.lead-form button:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(209,38,54,.38)}
.hero aside{border-top:0;border-left:6px solid var(--red);background:rgba(5,25,46,.94);box-shadow:var(--shadow);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.hero aside h2{font-family:Arial Black,Arial,sans-serif;letter-spacing:-.03em}
.lead-form input,.lead-form textarea,.lead-form select{border:1px solid #cad2da;border-radius:4px;transition:border .2s,box-shadow .2s}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(209,38,54,.12)}
.investment{position:relative;overflow:hidden;padding-block:100px;background:linear-gradient(135deg,#eef2f5,#fff)}
.investment:after{content:"7-POINT CHECK";position:absolute;right:-10px;bottom:-30px;font:900 90px Arial,sans-serif;color:rgba(7,27,49,.045);white-space:nowrap}
.investment h2,.services-home>h2,.discount h2,.split h2,.content h2,.service-list h2,.contact h2,.reviews h2{font-family:Arial Black,Impact,Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase}
.split{margin:70px max(3vw,24px);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.split>img{transition:transform .7s ease}.split:hover>img{transform:scale(1.035)}
.discount{position:relative;background:linear-gradient(135deg,#e7ecf0,#fafcfd)}.discount article{overflow:hidden;border-radius:6px;box-shadow:0 15px 40px rgba(4,18,34,.12);border-bottom:5px solid var(--red)}.discount article img{filter:saturate(.78);transition:.4s}.discount article:hover img{filter:saturate(1);transform:scale(1.04)}
.services-home{padding-block:110px}.services-home a{overflow:hidden;border-radius:7px;background:#fff;box-shadow:var(--shadow);border-bottom:6px solid var(--red);transition:transform .3s}.services-home a:hover{transform:translateY(-8px)}.services-home img{transition:.5s}.services-home a:hover img{transform:scale(1.04)}
.cta{position:relative;overflow:hidden;padding-block:130px;background-image:linear-gradient(90deg,rgba(5,25,46,.96),rgba(5,25,46,.65)),url('../images/52a21891ec8ada06.jpg');background-attachment:fixed}.cta:after{content:"";position:absolute;width:420px;height:420px;border:70px solid rgba(209,38,54,.2);right:-120px;top:-220px;transform:rotate(25deg)}
.page-title{position:relative;overflow:hidden;padding-block:95px;background-image:linear-gradient(90deg,rgba(4,22,42,.97),rgba(7,38,69,.68)),url('../images/52a21891ec8ada06.jpg')}.page-title:after{content:"";position:absolute;right:-80px;bottom:-100px;width:380px;height:180px;background:var(--red);transform:skewX(-35deg);opacity:.85}.page-title h1{position:relative;z-index:1;font-family:Arial Black,Impact,Arial,sans-serif;letter-spacing:-.04em}
.values article{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--navy),var(--navy2));border-radius:7px;box-shadow:var(--shadow);border-top:5px solid var(--red)}
.service-list article,.content>.lead-form,.contact>div:last-child,.detailed{border-radius:7px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.service-list article{border-left:6px solid var(--red)}
.option-grid article{border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 14px 35px rgba(4,18,34,.1);border-bottom:4px solid var(--red);transition:transform .25s}.option-grid article:hover{transform:translateY(-5px)}
.gallery figure{overflow:hidden;border-radius:6px;box-shadow:0 12px 30px rgba(4,18,34,.14)}.gallery figure img{transition:.45s}.gallery figure:hover img{transform:scale(1.035)}.gallery figcaption{background:linear-gradient(135deg,var(--navy),var(--navy2));border-left:4px solid var(--red)}
.reviews .quote{border-left:0;border-top:6px solid var(--red);background:#fff;box-shadow:var(--shadow);border-radius:6px}
.inspection{position:relative;background:linear-gradient(135deg,#e8edf1,#fff);border-top:1px solid #d6dde3}.inspection:before{content:"";position:absolute;left:0;top:0;bottom:0;width:13px;background:var(--red)}
footer{background:linear-gradient(145deg,#041525,#0c2b49)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){header{height:94px}.logo img{width:230px}.hero{background-attachment:scroll}.cta{background-attachment:scroll}.split{margin-block:35px}header nav{top:94px;box-shadow:0 20px 40px #0014}.dropdown>a:after{display:none}}
@media(max-width:580px){header{height:82px}.logo img{width:185px}header nav{top:82px}.hero{min-height:680px}.hero h1{font-size:52px}.hero:after{display:none}.split{margin-inline:12px}.page-title{padding-block:65px}}
@media(prefers-reduced-motion:reduce){.hero,.cta{background-attachment:scroll}.reveal{opacity:1;transform:none}.split>img,.services-home img,.discount article img,.gallery figure img{transition:none}}