@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#182331;--muted:#68717d;--gold:#b28a42;--gold2:#c39b58;--line:#e8e5df;--soft:#f7f6f3;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px}.brand strong{font-family:Manrope;font-size:24px;letter-spacing:.14em;display:block}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted);margin-top:-2px}.brand-mark{width:42px;height:38px;display:block;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:3px solid var(--gold);width:25px;height:22px;left:8px;top:11px;border-top:none}.brand-mark:before{transform:rotate(45deg);width:23px;height:23px;top:3px;border-right:none}.brand-mark:after{border-top:3px solid var(--gold);width:12px;height:10px;left:15px;top:20px}
.nav{display:flex;align-items:center;gap:32px;font-weight:600;font-size:14px}.nav a{transition:.2s}.nav a:hover,.nav .active{color:var(--gold)}.nav-phone{background:var(--ink);color:#fff!important;padding:12px 18px;border-radius:13px}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{display:grid;grid-template-columns:42% 58%;min-height:500px}.hero-copy{padding:75px 8vw 65px 6vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,#fff 0%,#fbfaf8 100%)}.hero h1,.page-hero h1{font-family:Manrope;font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 22px;max-width:700px}.lead{font-size:19px;color:var(--muted);max-width:560px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--gold);margin:0 0 8px}.hero-image{min-height:500px;overflow:hidden;background:#f3f1ec}.hero-image img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:11px;font-weight:700;border:1px solid transparent}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#9d7837}.btn-outline{border-color:#aeb4bb;background:#fff}.micro{font-size:12px;color:#7d838a;margin-top:20px}
.section{max-width:var(--max);margin:auto;padding:92px 28px}.section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.section-heading h2,.split-copy h2,.cta h2,.note h2,.contact-card h2{font-family:Manrope;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.035em;margin:8px 0 15px}.section-heading p:not(.eyebrow){color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border:1px solid var(--line);background:#fff;overflow:hidden}.card-image{height:245px;background-size:cover;background-position:center}.card-body{padding:22px 22px 25px}.card h3{font-family:Manrope;font-size:21px;margin:0 0 8px}.card p{color:var(--muted);margin:0 0 18px}.card a,.text-link{font-weight:700;color:var(--gold)}
.image-bathroom{background:#f3f1ec}.image-kitchen{background-image:url("assets/kitchen-hero.jpeg")}.image-maintenance{background:#eef0ef}.image-patio{background:#f3f1ec}.image-project1{background-image:url("assets/kitchen-hero.jpeg")}.image-project2{background:#f3f1ec}.image-project3{background:#eef0ef}.image-about{background-image:url("assets/kitchen-hero.jpeg")}
.split-section{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.split-image{min-height:560px;background-size:cover;background-position:center}.split-copy{padding:85px max(6vw,35px);align-self:center}.split-copy>p{color:var(--muted);max-width:560px}.check-list{padding:0;margin:25px 0;list-style:none}.check-list li{margin:11px 0;font-weight:600}.check-list li:before{content:"✓";color:var(--gold);font-weight:800;margin-right:12px}
.cta{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:70px max(7vw,28px)}.cta p:not(.eyebrow){color:#b9c0c8}.cta h2{max-width:760px}.cta .eyebrow{color:#d1ad70}
.page-hero{padding:105px max(7vw,28px) 80px;background:linear-gradient(120deg,#f7f6f3,#fff);text-align:center}.page-hero h1{max-width:850px;margin:10px auto 20px}.page-hero>p:last-child{max-width:680px;margin:auto;color:var(--muted);font-size:18px}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-large{min-height:420px;background-size:cover;background-position:center;position:relative;overflow:hidden}.service-large:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(12,20,30,.82))}.service-large>div{position:absolute;z-index:1;bottom:0;color:#fff;padding:30px;max-width:520px}.service-large h2{font-family:Manrope;font-size:30px;margin:0 0 7px}.service-large p{margin:0;color:#e6e9ec}
.gallery{display:grid;grid-template-columns:1.4fr 1fr;grid-auto-rows:280px;gap:22px}.gallery-item{background-size:cover;background-position:center;position:relative;min-height:280px}.gallery-item.wide{grid-row:span 2}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.6))}.gallery-item div{position:absolute;z-index:1;bottom:20px;left:22px;color:#fff;font-weight:700;font-size:18px}.note{display:flex;align-items:center;justify-content:space-between;gap:35px}.note p:not(.eyebrow){color:var(--muted);max-width:650px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-card{border:1px solid var(--line);padding:45px}.contact-card h2{font-size:35px}.contact-line{display:block;font-weight:700;padding:15px 0;border-bottom:1px solid var(--line)}.contact-card .small{color:var(--muted);margin-top:25px}.contact-card.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.contact-card.dark p:not(.eyebrow){color:#b9c0c8}.quote-list{border-top:1px solid #394450;margin:25px 0}.quote-list span{display:block;padding:13px 0;border-bottom:1px solid #394450;color:#e2e5e8}
.footer{background:#111923;color:#fff;padding:45px max(7vw,28px) 25px;display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:30px;position:relative}.footer p{margin:3px 0;color:#aeb7c0}.footer-brand strong{font-family:Manrope;font-size:23px;letter-spacing:.12em;display:block}.footer-brand span{font-size:10px;letter-spacing:.17em;color:#9fa8b1}.footer a:hover{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #2b3540;padding-top:18px;margin-top:12px;color:#7f8993;font-size:12px}

@media(max-width:850px){.site-header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 28px;flex-direction:column;align-items:stretch;gap:16px}.nav.open{display:flex}.nav-phone{text-align:center}.hero{grid-template-columns:1fr}.hero-image{min-height:360px;grid-row:1}.hero-image img{min-height:360px}.hero-copy{padding:55px 28px}.cards,.service-grid,.contact-grid{grid-template-columns:1fr}.split-section{grid-template-columns:1fr}.split-image{min-height:380px}.gallery{grid-template-columns:1fr;grid-auto-rows:260px}.gallery-item.wide{grid-row:auto}.cta,.note{flex-direction:column;align-items:flex-start}.footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}
@media(max-width:520px){.brand strong{font-size:20px}.hero h1,.page-hero h1{font-size:40px}.section{padding:65px 20px}.footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
.project-text{background:linear-gradient(135deg,#f5f3ef,#e8e4dc)}

/* Real Bond logo and project photography */
.site-header .brand img{width:190px;height:auto;max-height:64px;object-fit:contain}
.footer-brand img{width:180px;height:auto;display:block;background:#fff;padding:5px 10px}
.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-photo{margin:0;background:#f7f6f3;overflow:hidden;border:1px solid var(--line)}
.project-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}
.project-photo:hover img{transform:scale(1.025)}
.project-photo figcaption{padding:12px 14px;font-weight:700;font-size:14px;color:var(--ink)}
@media(max-width:900px){.project-gallery{grid-template-columns:repeat(2,1fr)}.site-header .brand img{width:160px}}
@media(max-width:620px){.project-gallery{grid-template-columns:1fr}.site-header .brand img{width:145px}.footer-brand img{width:160px}}
/* Final supplied Bond assets */
.site-header .brand img{width:170px;height:auto;max-height:72px;object-fit:contain;display:block}
.footer-brand img{width:170px;height:auto;display:block;background:#fff;padding:4px 8px}
.project-gallery{columns:3 280px;column-gap:22px;display:block}
.project-photo{break-inside:avoid;display:inline-block;width:100%;margin:0 0 22px;background:#f7f6f3;border:1px solid var(--line);overflow:hidden}
.project-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transition:transform .35s ease}
.project-photo:hover img{transform:scale(1.01)}
.project-photo figcaption{padding:12px 14px;font-weight:700;font-size:14px;color:var(--ink)}
@media(max-width:900px){.site-header .brand img{width:155px}.project-gallery{columns:2 260px}}
@media(max-width:620px){.site-header .brand img{width:145px}.footer-brand img{width:155px}.project-gallery{columns:1}}

.site-header .brand img{max-width:100%;height:auto;display:block}
@media(max-width:620px){.hero-copy{padding:48px 22px}.hero-image{min-height:300px}.hero-image img{min-height:300px}.hero h1{font-size:38px}.lead{font-size:17px}.nav{z-index:20}.btn{width:100%;text-align:center;box-sizing:border-box}.actions{width:100%}}