
:root{--navy:#00304b;--navy2:#00263d;--navy3:#061b2c;--gold:#c4a078;--cream:#f7f2ea;--white:#fff;--text:#183044;--muted:#657380;--line:rgba(0,48,75,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%}.top{background:var(--navy);text-align:center;padding:22px 18px 14px;border-bottom:1px solid rgba(196,160,120,.35)}.logo-wrap{max-width:700px;margin:0 auto}.logo-wrap img{max-width:520px;width:100%;height:auto;display:block;margin:auto}.menu{background:var(--navy2);display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px;position:sticky;top:0;z-index:40}.menu a{color:#fff;border:1px solid rgba(196,160,120,.45);padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px}.menu a:hover,.menu a.active{background:var(--gold);color:var(--navy)}.hero{background:linear-gradient(135deg,rgba(0,48,75,.92),rgba(0,38,61,.94)),url('images/staircase-decorating-finished.jpg') center/cover;color:#fff;padding:76px 20px}.hero.service-hero{padding:62px 20px}.wrap{max-width:1160px;margin:0 auto}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:13px;margin-bottom:12px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.1;margin:0 0 16px}h1{font-size:clamp(34px,5vw,58px)}h2{font-size:clamp(29px,4vw,42px);color:var(--navy)}h3{margin-top:0}.hero p{font-size:19px;color:#e4edf3;margin:0 0 26px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-block;padding:13px 20px;border-radius:8px;font-weight:800}.btn.gold{background:var(--gold);color:var(--navy)}.btn.line{border:1px solid rgba(255,255,255,.55);color:#fff}.btn.darkline{border:1px solid var(--navy);color:var(--navy)}.trust-box,.panel{background:rgba(255,255,255,.09);border:1px solid rgba(196,160,120,.4);border-radius:18px;padding:24px}.trust-box h3,.panel h3{color:var(--gold);margin:0 0 12px}.ticks{list-style:none;padding:0;margin:0}.ticks li{padding:8px 0 8px 30px;position:relative}.ticks li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}section{padding:66px 20px}.section-head{max-width:820px;margin-bottom:30px}.section-head p{color:var(--muted);font-size:18px;margin:0}.dark{background:var(--navy);color:#fff}.dark h2{color:#fff}.dark .section-head p{color:#dce6ee}.cream{background:var(--cream)}.white{background:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border-radius:16px;padding:24px;border-top:5px solid var(--gold);box-shadow:0 14px 35px rgba(0,0,0,.08)}.card h3{color:var(--navy);font-size:22px;margin:0 0 10px}.card p{color:var(--muted);margin:0}.service-list{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-list a,.service-list span{background:#fff;border-left:4px solid var(--gold);padding:13px 14px;border-radius:8px;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.06)}.cred-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.cred{background:#fff;border-radius:14px;padding:18px 12px;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.08);font-weight:800;color:var(--navy)}.cred small{display:block;font-weight:600;color:var(--muted);margin-top:4px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.09);border:1px solid rgba(0,48,75,.08)}.gallery-item img{width:100%;height:260px;object-fit:cover;display:block}.gallery-item .cap{padding:12px 16px}.gallery-item b{display:block;color:var(--navy)}.gallery-item span{display:none}.gallery-actions{text-align:center;margin-top:28px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.filter-buttons button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.filter-buttons button.active,.filter-buttons button:hover{background:var(--gold);border-color:var(--gold)}.contract-box,.about-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.dark .panel{background:rgba(255,255,255,.07)}.quote-card{background:var(--navy);color:#fff;border-radius:18px;padding:30px;border-bottom:6px solid var(--gold)}.quote-card strong{color:var(--gold)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{background:#fff;border-radius:16px;padding:22px;box-shadow:0 12px 30px rgba(0,0,0,.08);border-left:5px solid var(--gold)}.stars{color:#b98137;font-size:20px;letter-spacing:1px;font-weight:900}.review p{color:var(--muted);margin:10px 0}.areas{display:flex;flex-wrap:wrap;gap:10px}.areas span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:700}.before-after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.before-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.09)}.before-card img{width:100%;height:320px;object-fit:cover;display:block}.before-card b{display:block;padding:14px 16px;color:var(--navy)}.contact{text-align:center;background:linear-gradient(135deg,var(--navy),#061b2c);color:#fff}.contact h2{color:#fff}.contact p{color:#dce6ee;font-size:18px}.footer{background:#061b2c;color:#c7d0d8;padding:40px 20px 92px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:22px}.footer h3,.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;margin:5px 0;color:#dce6ee}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:18px;font-size:14px}.sticky-mobile{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--navy2);padding:10px;gap:8px;box-shadow:0 -8px 25px rgba(0,0,0,.2)}.sticky-mobile a{flex:1;text-align:center;border-radius:8px;padding:12px 8px;font-weight:900}.sticky-mobile .call{background:var(--gold);color:var(--navy)}.sticky-mobile .email{border:1px solid rgba(255,255,255,.55);color:#fff}.cat-title{margin-top:34px}.note{font-size:14px;color:var(--muted)}@media(max-width:920px){.hero-grid,.contract-box,.about-grid,.two-col{grid-template-columns:1fr}.cards,.gallery-grid,.review-grid,.before-after-grid{grid-template-columns:1fr 1fr}.cred-bar{grid-template-columns:1fr 1fr}.service-list{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.sticky-mobile{display:flex}}@media(max-width:560px){.cards,.gallery-grid,.review-grid,.before-after-grid,.service-list,.cred-bar,.footer-grid{grid-template-columns:1fr}.menu a{font-size:13px;padding:8px 10px}.hero{padding:56px 18px}.gallery-item img{height:230px}.before-card img{height:250px}}


/* Before & After update */
.updated-ba{grid-template-columns:repeat(2,1fr);gap:24px}
.updated-ba .before-card{border:1px solid rgba(0,48,75,.10)}
.updated-ba .before-card img{height:auto;aspect-ratio:1.29/1;object-fit:cover;background:#f7f2ea}
.before-copy{padding:14px 16px 18px}
.before-copy b{padding:0 0 6px;color:var(--navy);font-size:18px}
.before-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
@media(max-width:780px){.updated-ba{grid-template-columns:1fr}.updated-ba .before-card img{aspect-ratio:auto}}
