@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#20352e;--muted:#63736b;--cream:#f7f5ef;--sage:#dce8d9;--green:#446e57;--orange:#d28c61}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.65}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,6vw,5.7rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.5rem}p{color:var(--muted)}a{color:inherit;text-decoration:none}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff}.logo{font-weight:700;font-size:1.08rem;letter-spacing:-.04em;white-space:nowrap;display:flex;align-items:center;gap:9px}.logo-mark{width:30px;height:30px;border-radius:50% 50% 4px 50%;background:var(--green);color:white;display:grid;place-items:center;font-family:Georgia;font-size:18px}.logo span:last-child{color:var(--green)}.links{display:flex;gap:27px;align-items:center;font-size:.88rem;font-weight:600}.links a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white!important;border:0;border-radius:3px;padding:13px 21px;font-weight:600;font-size:.9rem;cursor:pointer;transition:.2s}.button:hover{background:var(--ink);transform:translateY(-2px)}.button.light{background:#fff;color:var(--ink)!important}.hero{min-height:650px;display:flex;align-items:center;padding:70px 9%;background:linear-gradient(90deg,rgba(22,43,35,.78),rgba(22,43,35,.15)),url('../images/renovation-hero.jpg') center 48%/cover;color:white}.hero-inner{max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700;color:var(--orange);margin-bottom:20px}.hero h1{margin:0 0 22px}.hero p{color:#f2f1eb;font-size:1.1rem;max-width:540px;margin-bottom:30px}.section{padding:88px 8%}.section.soft{background:var(--cream)}.center{text-align:center;max-width:760px;margin:0 auto 42px}.center p{max-width:580px;margin:15px auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid #e9e9e2;overflow:hidden}.card-img{height:220px;background:url('../images/renovation-hero.jpg') center/cover}.card:nth-child(3n+2) .card-img{background-position:75% center}.card:nth-child(3n) .card-img{background-position:20% center}.card-body{padding:23px}.card-body p{font-size:.93rem;min-height:73px}.card-body .button{margin-top:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.photo{min-height:460px;background:url('../images/renovation-hero.jpg') center/cover;border-radius:4px}.photo.alt{background-position:right center}.tag{color:var(--green);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.footer{background:#20352e;color:#fff;padding:52px 8% 24px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#c6d1ca}.footer a:hover{color:white}.footlinks{display:grid;gap:9px;font-size:.9rem}.copyright{border-top:1px solid #ffffff26;margin-top:36px;padding-top:20px;font-size:.82rem;color:#c6d1ca}.pagehero{padding:90px 8%;background:var(--cream)}.pagehero h1{font-size:clamp(2.8rem,5vw,4.6rem);margin:10px 0 12px}.pagehero p{font-size:1.1rem;max-width:650px}.content{max-width:900px;margin:auto;padding:65px 8%}.content h2{font-size:2rem;margin-top:35px}.content p,.content li{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.form{display:grid;gap:15px}.form input,.form textarea{padding:14px;border:1px solid #d8ded8;border-radius:3px;font:inherit;width:100%}.form textarea{min-height:140px}.blog-img{height:260px;background:url('../images/renovation-hero.jpg') center/cover}.blog-card:nth-child(2) .blog-img{background-position:20% center}.blog-card:nth-child(3) .blog-img{background-position:right center}.inline-link{font-weight:700;color:var(--green)}.menu-toggle{display:none;background:none;border:0;font-size:1.5rem;color:var(--ink)}
/* Bootstrap-compatible responsive column grid */.container{width:100%;max-width:1200px;margin:auto}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col{padding:0 12px;flex:1 0 0}.col-4{flex:0 0 33.333%;max-width:33.333%;padding:0 12px}.col-6{flex:0 0 50%;max-width:50%;padding:0 12px}@media(max-width:900px){.links{gap:14px;font-size:.79rem}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.nav{height:70px}.menu-toggle{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 7%;z-index:3;box-shadow:0 12px 18px #0001;flex-direction:column;align-items:flex-start}.links.open{display:flex}.links .button{margin-top:6px}.hero{min-height:570px;padding:55px 7%}.section{padding:65px 7%}.grid,.split,.contact-grid,.footgrid{grid-template-columns:1fr}.grid{gap:18px}.photo{min-height:330px;order:0}.split>div{order:1}.footgrid{gap:26px}.pagehero{padding:65px 7%}.content{padding:48px 7%}.col-4,.col-6{flex:0 0 100%;max-width:100%;margin-bottom:20px}}
/* Distinct photography for each service card */
.service-img-0{background-image:url('../images/service-interior.jpg')!important}.service-img-1{background-image:url('../images/service-garden.jpg')!important}.service-img-2{background-image:url('../images/service-security.jpg')!important}.service-img-3{background-image:url('../images/service-fire-safety.jpg')!important}.service-img-4{background-image:url('../images/service-loan.jpg')!important}.service-img-5{background-image:url('../images/service-roof.jpg')!important}.service-img-6{background-image:url('../images/service-solar.jpg')!important}.service-img-7{background-image:url('../images/service-windows.jpg')!important}.service-img-8{background-image:url('../images/service-flooring.jpg')!important}.service-img-9{background-image:url('../images/service-bathroom.jpg')!important}
/* Blog artwork: each story has its own title-matched image */
.blog-card:nth-child(1) .blog-img{background-image:url('../images/blog-interior-refresh.jpg')!important;background-position:center!important}
.blog-card:nth-child(2) .blog-img{background-image:url('../images/blog-garden-connection.jpg')!important;background-position:center!important}
.blog-card:nth-child(3) .blog-img{background-image:url('../images/blog-roof-upgrade.jpg')!important;background-position:center!important}