:root{--navy:#061f3d;--blue:#0d2b4c;--orange:#f26322;--dark:#172033;--muted:#5d6675;--light:#f4f7fb;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.55}h1,h2,h3{margin:0 0 14px;font-weight:800;line-height:1.1;color:var(--navy)}a{color:inherit;text-decoration:none}.topbar{background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:20px;padding:9px 6%;font-size:14px;font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 18px #0001;display:flex;align-items:center;justify-content:space-between;padding:14px 6%}.logo img{height:64px;width:auto;display:block}.main-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800;text-transform:uppercase}.main-nav a.active,.main-nav a:hover{color:var(--orange)}.quote-link,.btn{background:var(--orange);color:#fff!important;padding:14px 22px;border-radius:5px;font-weight:800;text-transform:uppercase;display:inline-block;border:0}.outline{background:transparent;border:2px solid currentColor;color:#fff!important}.menu-toggle{display:none;background:var(--navy);color:#fff;border:0;border-radius:4px;font-size:25px;padding:8px 12px}.hero{min-height:570px;background:linear-gradient(90deg,#061f3df2 0%,#061f3dd4 45%,#061f3d22 100%),url('assets/photos/hero.jpg') center/cover no-repeat,#102b4a;display:flex;align-items:center;padding:80px 6%}.hero-inner{max-width:760px;color:#fff}.hero h1{font-size:58px;color:#fff}.hero p{font-size:20px;max-width:650px}.eyebrow{color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.trust{width:88%;margin:-50px auto 0;background:var(--navy);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:9px;box-shadow:0 15px 35px #0003;overflow:hidden}.trust div{padding:24px;background:#092747}.trust b,.trust span{display:block}.trust span{color:#d9e6f4;font-size:14px}.section{padding:75px 6%}.section>h2{text-align:center;font-size:36px;margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #e5ebf2;border-radius:8px;box-shadow:0 8px 26px #0000000f;overflow:hidden}.card-img,.photo,.gallery-item{min-height:210px;background:linear-gradient(135deg,#102b4a,#314b68);position:relative}.img1{background:linear-gradient(135deg,#0b223d,#72604d)}.img2{background:linear-gradient(135deg,#30251d,#a07343)}.img3{background:linear-gradient(135deg,#1f2d3a,#8c969f)}.img4{background:linear-gradient(135deg,#092747,#86533b)}.img5{background:linear-gradient(135deg,#4e3424,#b36b3a)}.img6{background:linear-gradient(135deg,#1d2938,#6f7f89)}.card h3,.card p,.card a{margin-left:22px;margin-right:22px}.card h3{margin-top:22px}.card p{color:var(--muted)}.card a{display:block;color:var(--orange);font-weight:800;margin-bottom:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.team{border-radius:8px;background:linear-gradient(135deg,#071d35,#293d55);min-height:380px}.team span{position:absolute;right:25px;bottom:25px;background:#fff;color:var(--orange);border-radius:50%;width:135px;height:135px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;padding:20px}.ticks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticks li:before,.area-list li:before{content:'✓';color:var(--orange);font-weight:900;margin-right:8px}.projects{background:var(--light)}.project-grid,.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-grid div,.gallery-item{min-height:220px;border-radius:8px;color:#fff;display:flex;align-items:end;padding:20px;font-weight:900;background:linear-gradient(180deg,#ffffff05,#061f3de8),linear-gradient(135deg,#293d55,#9c7652)}.center{display:block;width:max-content;margin:30px auto 0}.reviews-strip{background:var(--navy);color:#fff;text-align:center;padding:60px 6%}.reviews-strip h2{color:#fff}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reviews-grid blockquote{background:#fff;color:var(--dark);border-radius:7px;margin:0;padding:24px;text-align:left}.reviews-grid.light blockquote{box-shadow:0 8px 24px #0001}.area-contact,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--light)}.area-list{list-style:none;padding:0;columns:2}.area-list li{margin:8px 0}.quote-box{background:#fff;padding:34px;border-radius:8px;box-shadow:0 10px 30px #0001}.quote-box form{display:grid;gap:12px}.quote-box input,.quote-box textarea{width:100%;padding:15px;border:1px solid #ccd5df;border-radius:4px;font:inherit}.quote-box textarea{min-height:120px}.page-hero{background:linear-gradient(135deg,#061f3d,#123a63);padding:90px 6%;text-align:center;color:#fff}.page-hero h1{color:#fff;font-size:48px}.page-hero p{font-size:20px;max-width:800px;margin:auto}.cta{text-align:center;background:var(--navy);color:#fff;padding:65px 6%}.cta h2{color:#fff}.cta .btn{margin:8px}footer{background:#04172d;color:#dce8f5;padding:45px 6%;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}footer img{max-width:250px;background:#fff;border-radius:4px;padding:8px}footer h3{color:#fff}footer .main-nav,footer a{display:block;margin:6px 0;text-transform:none;font-size:14px;font-weight:600}.mobile-call{display:none}
@media(max-width:900px){.topbar{display:none}.menu-toggle{display:block}.site-header{padding:12px 5%}.logo img{height:52px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 14px 30px #0002;padding:18px 6%;flex-direction:column;align-items:flex-start;gap:14px}.main-nav.open{display:flex}.hero{min-height:560px;background:linear-gradient(#061f3df2,#061f3dd9),url('assets/photos/hero.jpg') center/cover no-repeat,#102b4a;padding:55px 6% 150px}.hero h1{font-size:38px}.hero p{font-size:17px}.trust,.cards,.split,.project-grid,.gallery-grid,.reviews-grid,.area-contact,.contact-grid,footer{grid-template-columns:1fr}.trust{width:100%;margin:0;border-radius:0}.section{padding:55px 5%}.page-hero{padding:65px 5%}.page-hero h1{font-size:36px}.ticks{grid-template-columns:1fr}.mobile-call{display:block;position:fixed;left:14px;right:14px;bottom:14px;background:var(--orange);color:#fff;text-align:center;padding:14px;border-radius:8px;font-weight:900;z-index:100}body{padding-bottom:62px}}
@media(min-width:901px) and (max-width:1180px){.cards{grid-template-columns:repeat(2,1fr)}.project-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.main-nav{gap:14px}.quote-link{padding:12px 14px}}


/* Real roofing project/stock images added */
.card-img,.photo,.gallery-item{
  background-size:cover!important;
  background-position:center!important;
}
.img1{background-image:linear-gradient(180deg,#00000005,#061f3d88),url('assets/photos/roofing.jpg')!important}
.img2{background-image:linear-gradient(180deg,#00000005,#061f3d88),url('assets/photos/repairs.jpg')!important}
.img3{background-image:linear-gradient(180deg,#00000005,#061f3d88),url('assets/photos/flat-roof.jpg')!important}
.img4{background-image:linear-gradient(180deg,#00000005,#061f3d88),url('assets/photos/guttering.jpg')!important}
.img5{background-image:linear-gradient(180deg,#00000005,#061f3d88),url('assets/photos/building.jpg')!important}
.img6{background-image:linear-gradient(180deg,#00000005,#061f3d88),url('assets/photos/chimney.jpg')!important}
.team{background-image:linear-gradient(180deg,#00000008,#061f3d55),url('assets/photos/about.jpg')!important;background-size:cover!important;background-position:center!important}
.gallery-grid .gallery-item:nth-child(1){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/roofing.jpg')!important}
.gallery-grid .gallery-item:nth-child(2){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/flat-roof.jpg')!important}
.gallery-grid .gallery-item:nth-child(3){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/repairs.jpg')!important}
.gallery-grid .gallery-item:nth-child(4){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/guttering.jpg')!important}
.gallery-grid .gallery-item:nth-child(5){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/building.jpg')!important}
.gallery-grid .gallery-item:nth-child(6){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/chimney.jpg')!important}
.gallery-grid .gallery-item:nth-child(7){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/hero.jpg')!important}
.gallery-grid .gallery-item:nth-child(8){background-image:linear-gradient(180deg,#ffffff05,#061f3de8),url('assets/photos/about.jpg')!important}