/*
Theme Name: Tidy Brick
Theme URI: https://tidybrick.co.uk/
Author: Tidy Brick Ltd
Description: Bespoke responsive theme for Tidy Brick Ltd.
Version: 1.0.35
Text Domain: tidybrick
*/

@font-face{font-family:Gotham;src:url('assets/fonts/gotham-book.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Gotham;src:url('assets/fonts/gotham-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url('assets/fonts/gotham-bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Gotham;src:url('assets/fonts/gotham-black.otf') format('opentype');font-style:normal;font-weight:900;font-display:swap}

:root{--ink:#171717;--ink2:#222;--paper:#f4f1e9;--white:#fff;--gold:#8f6941;--gold2:#8f6941;--muted:#aaa;--line:rgba(255,255,255,.15);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:50;background:rgba(23,23,23,.98);color:#fff;border-bottom:1px solid var(--line)}.header-inner{height:80px;display:flex;align-items:center;gap:34px}.logo img{width:140px;height:auto}.main-nav{margin-left:auto}.main-nav>ul{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}.main-nav a{font-weight:600;font-size:.93rem}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold)}.services-trigger{position:relative}.mega{display:none;position:absolute;top:calc(100% + 26px);left:50%;transform:translateX(-55%);width:min(850px,90vw);background:#202020;border:1px solid #444;padding:28px;grid-template-columns:repeat(3,1fr);gap:26px;box-shadow:0 25px 60px rgba(0,0,0,.4)}.services-trigger:hover .mega,.services-trigger:focus-within .mega,.services-trigger.open .mega{display:grid}.mega h4{color:var(--gold);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px}.mega a{display:block;padding:6px 0;font-size:.84rem;color:#ddd}.phone-link{border:1px solid rgba(143,105,65,.6);padding:10px 16px;color:var(--gold);font-weight:700;white-space:nowrap}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:1.8rem}.hero{min-height:650px;display:grid;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.58) 48%,rgba(10,10,10,.12)),url('assets/images/slide-4.jpg') center/cover}.hero-content{max-width:760px;padding:90px 0}.hero h1,.page-hero h1{font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(3rem,6.2vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:24px 0}.gold{color:var(--gold)}.hero p{font-size:1.15rem;max-width:650px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:800;border:1px solid rgba(255,255,255,.45)}.btn-gold{background:var(--gold);border-color:var(--gold);color:#151515}.btn:hover{transform:translateY(-2px)}.trust-strip{background:#202020;color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{padding:28px;border-right:1px solid var(--line)}.trust-item strong{display:block}.trust-item span{color:var(--muted);font-size:.88rem}.section{padding:92px 0}.section-dark{background:var(--ink);color:#fff}.section-charcoal{background:#222;color:#fff}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:45px}.section h2,.cta h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:10px 0}.section-head p{color:#bbb}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #444}.speciality{padding:30px 18px;border-right:1px solid #444}.speciality .num{color:var(--gold);font-weight:700}.speciality h3{font-size:1.25rem}.speciality p{color:#aaa;font-size:.9rem}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{position:relative;min-height:330px;overflow:hidden;background:#333}.project img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.035)}.project figcaption{position:absolute;inset:auto 0 0;padding:55px 22px 20px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.88))}.project figcaption span{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.split{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.split-image img{width:100%;height:100%;object-fit:cover}.split-copy{padding:80px;align-self:center}.checks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks li:before{content:'✓';color:var(--gold);margin-right:9px}.map-card{background:#262626;padding:35px;border:1px solid #444;min-height:380px;position:relative;display:grid;place-items:center}.radius{width:290px;height:290px;border:2px dashed var(--gold);border-radius:50%;display:grid;place-items:center;background:rgba(143,105,65,.08);color:var(--gold);font-weight:800}.page-hero{min-height:410px;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.28)),url('assets/images/slide-1.jpg') center/cover}.page-hero .wrap{padding-bottom:55px}.page-hero p{font-size:1.1rem;max-width:660px}.intro{max-width:880px;font-size:1.12rem}.category{margin-top:70px}.category-label{color:var(--gold2);text-transform:uppercase;letter-spacing:.17em;font-size:.73rem;font-weight:800}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid #ddd}.service-card img{width:100%;height:210px;object-fit:cover}.service-card-copy{padding:24px}.service-card h3{font-family:'Space Grotesk';font-size:1.35rem;margin:0 0 8px}.text-link{color:var(--gold2);font-weight:800}.service-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fact{background:#fff;padding:25px;border-top:3px solid var(--gold)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:steps}.step{background:#242424;color:#fff;padding:25px;counter-increment:steps}.step:before{content:'0' counter(steps);color:var(--gold);font-weight:800}.related{display:flex;gap:12px;flex-wrap:wrap}.related a{border:1px solid #aaa;padding:10px 15px}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quote{background:#fff;padding:30px;border-left:4px solid var(--gold)}.quote cite{font-style:normal;font-weight:800}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font-weight:700;font-size:.86rem}.contact-form input,.contact-form textarea{width:100%;padding:14px;border:1px solid #bbb;background:#fff}.contact-form .full{grid-column:1/-1}.contact-form textarea{min-height:140px}.notice{padding:15px;margin-bottom:20px;background:#e7f6e7;border-left:4px solid #3b8d3b}.cta{padding:70px 0;background:var(--gold);color:#141414}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.site-footer{background:#151515;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer a{color:#ccc}.accreditations{display:flex;gap:18px;align-items:center}.accreditations img{max-width:75px;max-height:55px;filter:grayscale(1) brightness(3)}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;color:#888;font-size:.82rem}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:40;background:#42d36b;color:white;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:900px){.phone-link,.main-nav{display:none}.menu-toggle{display:block}.main-nav.mobile-open{display:block;position:absolute;top:80px;left:0;right:0;background:#1b1b1b;padding:20px}.main-nav.mobile-open>ul{display:block}.main-nav.mobile-open li{padding:10px}.main-nav.mobile-open .mega{display:block;position:static;transform:none;width:auto;box-shadow:none;margin-top:10px;padding:15px}.section-head,.split,.service-layout,.contact-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.project-grid,.card-grid{grid-template-columns:1fr 1fr}.split-copy{padding:55px 30px}.process{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:min(calc(100% - 32px),var(--max))}.hero{min-height:680px;background-position:20% center}.hero-content{padding:70px 0}.hero h1{font-size:3.2rem}.trust-grid,.services-grid,.project-grid,.card-grid,.facts,.testimonials,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.section-head{gap:15px}.project{min-height:300px}.checks,.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.process{grid-template-columns:1fr}.cta-inner{display:block}.site-footer{text-align:left}}

/* 1.0.1 header spacing and reliable dropdown hover bridge */
.header-inner{height:auto;min-height:96px}
.logo{display:flex;align-items:center;padding:15px 10px 15px 0}
.logo img{width:145px}
.services-trigger{padding:35px 0}
.mega{top:100%}
.accreditations img{filter:none}
.map-card{padding:0;display:block;overflow:hidden}
.map-card iframe{display:block;width:100%;height:380px;border:0;filter:saturate(.82) contrast(1.05)}
.map-link{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:rgba(23,23,23,.92);color:#fff;font-size:.78rem;font-weight:700;border:1px solid rgba(143,105,65,.65)}
.home-testimonials{background:#eee9de}
.home-testimonials .testimonials{grid-template-columns:repeat(3,1fr)}
.home-testimonials .quote{margin:0;display:flex;flex-direction:column;justify-content:space-between}
.hero-content{max-width:var(--max)}
.hero-content h1,.hero-content .eyebrow,.hero-content .actions{max-width:760px}
.whatsapp svg{width:31px;height:31px;display:block;fill:currentColor}
.hero{background:linear-gradient(90deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.62) 43%,rgba(10,10,10,.12) 75%),url('assets/images/hero-v2.webp') center/cover}
.copyright{display:flex;justify-content:space-between;align-items:center;gap:24px}
.copyright a{color:#aaa}
.copyright a:hover{color:var(--gold)}
.testimonials-more{margin-top:24px}
.testimonials-more summary{display:table;margin:0 auto;padding:13px 22px;border:1px solid #8f6941;color:#8f6941;font-weight:800;cursor:pointer;list-style:none}
.testimonials-more summary::-webkit-details-marker{display:none}
.testimonials-more summary:after{content:' +';margin-left:5px}
.testimonials-more[open] summary{margin-bottom:24px}
.testimonials-more[open] summary:after{content:' −'}
.footer-socials{display:flex;gap:10px;margin-top:20px}
.footer-socials a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #444;color:#ddd}
.footer-socials a:hover{color:var(--gold);border-color:var(--gold)}
.footer-socials svg{width:16px;height:16px;fill:currentColor}
.home-testimonials{overflow:hidden}
.testimonial-marquee{overflow:hidden;padding:4px 0 12px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.testimonial-track{display:flex;width:max-content;gap:18px;animation:testimonial-scroll 150s linear infinite;will-change:transform}
.testimonial-marquee:hover .testimonial-track,.testimonial-marquee:focus-within .testimonial-track{animation-play-state:paused}
.testimonial-card{width:350px;min-height:255px;flex:0 0 350px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;text-align:left;background:#fff;color:var(--ink);border:1px solid #d4cdbc;border-left:4px solid var(--gold);font:inherit;cursor:pointer;box-shadow:0 8px 24px rgba(23,23,23,.06);transition:transform .2s,border-color .2s,box-shadow .2s}
.testimonial-card:hover,.testimonial-card:focus-visible{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 14px 32px rgba(23,23,23,.13);outline:none}
.testimonial-stars{color:#8f6941;letter-spacing:.12em;font-size:.82rem}
.testimonial-preview{line-height:1.55;flex:1}
.testimonial-card strong{font-size:.9rem}
.testimonial-read{color:#8f6941;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@keyframes testimonial-scroll{to{transform:translateX(calc(-50% - 9px))}}
.testimonial-dialog{width:min(680px,calc(100% - 32px));max-height:min(80vh,760px);overflow:auto;border:0;border-top:5px solid var(--gold);padding:48px;color:var(--ink);background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.45)}
.testimonial-dialog::backdrop{background:rgba(10,10,10,.78);backdrop-filter:blur(3px)}
.testimonial-dialog blockquote{margin:18px 0 0}
.testimonial-dialog p{font-size:1.08rem;line-height:1.75;margin:0 0 24px}
.testimonial-dialog cite{font-style:normal;font-weight:800;color:#8f6941}
.testimonial-close{position:absolute;right:15px;top:12px;width:38px;height:38px;border:0;background:transparent;color:#222;font-size:2rem;line-height:1;cursor:pointer}
.testimonial-close:hover,.testimonial-close:focus-visible{color:#8f6941;outline:2px solid var(--gold)}
body{padding-top:103px}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}
.admin-bar .site-header{top:32px}
h1,h2,h3,h4,.site-header,.btn,.eyebrow,.category-label,.text-link,.phone-link,.testimonial-card strong,.testimonial-read{font-family:Gotham,Arial,sans-serif}
.hero h1,.page-hero h1,.section h2,.cta h2,.service-card h3{font-family:Gotham,Arial,sans-serif}
.hero h1{font-weight:900}
.page-hero h1,.section h2,.cta h2{font-weight:700}
.main-nav a{font-weight:500}
.eyebrow,.category-label{font-weight:500}
.btn,.phone-link,.text-link{font-weight:700}
.cta h2{font-size:clamp(2.2rem,3.3vw,3.35rem);white-space:nowrap}
.cta .btn{background:#171717;color:#fff;border-color:#171717;white-space:nowrap;font-weight:900;flex:0 0 auto}
.cta .btn:hover{background:#2a2a2a;border-color:#2a2a2a}
.checks li{position:relative;padding-left:24px}
.checks li:before{position:absolute;left:0;top:0;margin-right:0}
@media(max-width:900px){.main-nav.mobile-open{top:96px}.services-trigger{padding:10px 0}}
@media(max-width:900px){.home-testimonials .testimonials{grid-template-columns:1fr}}
@media(max-width:600px){.copyright{display:block}.copyright a{display:block;margin-top:8px}}
@media(max-width:600px){.testimonial-card{width:82vw;flex-basis:82vw}.testimonial-dialog{padding:38px 24px 28px}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:760px){.cta h2{white-space:normal}.cta .btn{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.testimonial-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.testimonial-track{animation:none}.testimonial-card{scroll-snap-align:start}}


/* 1.0.20 brand refresh */
.mega a[aria-disabled="true"]{pointer-events:none;cursor:default}
.footer-logo{width:170px;height:auto}


/* 1.0.21 prominent van feature and clean service columns */
.specialism-head{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);grid-template-areas:"title van" "copy van";gap:12px 54px;align-items:center;margin-bottom:40px}
.specialism-head>div{grid-area:title;align-self:end}
.specialism-head>p{grid-area:copy;margin:0;max-width:540px;align-self:start}
.specialism-van{grid-area:van;margin:-54px -54px -32px 0;align-self:end}
.specialism-van-image{width:100%;height:auto;max-width:780px;margin-left:auto;filter:drop-shadow(0 24px 25px rgba(0,0,0,.35))}
.services-grid{border-top:0;gap:clamp(18px,2vw,32px)}
.speciality{border-right:0;padding:28px 0}
@media(max-width:900px){.specialism-head{grid-template-columns:1fr;grid-template-areas:"title" "copy" "van";gap:18px}.specialism-head>p{max-width:680px}.specialism-van{margin:6px -24px -20px}.specialism-van-image{max-width:760px;margin:auto}}
@media(max-width:600px){.specialism-van{margin:0 -12px -10px}.services-grid{gap:10px}.speciality{padding:18px 0}}


/* 1.0.22 featured project gallery */
#work{background:#f3f0e9}
#work .section-head{grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);align-items:end;margin-bottom:42px}
#work .section-head h2{font-size:clamp(2.7rem,4.3vw,4.9rem);line-height:.96;letter-spacing:-.055em;margin:12px 0 0}
#work .section-head p{max-width:510px;margin:0 0 7px;color:#5f5b54;font-size:1.08rem;line-height:1.65}
#work .project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
#work .project{grid-column:span 4;min-height:272px;margin:0;overflow:hidden;background:#181818}
#work .project:nth-child(1){grid-column:span 7;min-height:470px}
#work .project:nth-child(2){grid-column:span 5;min-height:470px}
#work .project img{transition:transform .55s ease,opacity .35s ease}
#work .project:hover img{transform:scale(1.045);opacity:.9}
#work .project figcaption{padding:26px 28px 24px;background:linear-gradient(0deg,rgba(10,10,10,.9),rgba(10,10,10,.3) 72%,transparent)}
#work .project figcaption span{font-size:.72rem;letter-spacing:.14em;color:#8f6941;font-weight:800}
#work .project figcaption h3{font-size:clamp(1.12rem,1.7vw,1.48rem);line-height:1.12;margin:9px 0 0;max-width:330px}
#work .project:nth-child(1) figcaption h3,#work .project:nth-child(2) figcaption h3{font-size:clamp(1.45rem,2.25vw,2.05rem);max-width:460px}
@media(max-width:900px){#work .section-head{grid-template-columns:1fr;gap:18px}#work .section-head p{margin:0;max-width:650px}#work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#work .project,#work .project:nth-child(1),#work .project:nth-child(2){grid-column:span 1;min-height:340px}#work .project:nth-child(1){grid-column:span 2;min-height:440px}}
@media(max-width:600px){#work .section-head{margin-bottom:28px}#work .section-head h2{font-size:clamp(2.6rem,12vw,3.65rem)}#work .project-grid{grid-template-columns:1fr;gap:12px}#work .project,#work .project:nth-child(1),#work .project:nth-child(2){grid-column:span 1;min-height:300px}#work .project:nth-child(1){min-height:390px}#work .project figcaption{padding:20px}#work .project:nth-child(1) figcaption h3,#work .project:nth-child(2) figcaption h3{font-size:1.45rem}}


/* 1.0.23 touch-friendly before-and-after comparisons */
.before-after-section{padding-top:24px;padding-bottom:24px;background:#ebe6dc}
.before-after-head{margin-bottom:28px}
.before-after-head p{color:#5f5b54}
.before-after{margin:0;background:#181818;border:1px solid rgba(143,105,65,.42);box-shadow:0 18px 44px rgba(0,0,0,.16)}
.before-after-stage{position:relative;aspect-ratio:16/8.3;overflow:hidden;isolation:isolate;background:#222}
.before-after-image,.before-after-before img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.before-after-before{position:absolute;inset:0 auto 0 0;width:var(--position);overflow:hidden;z-index:2;border-right:2px solid #fff}
.before-after-before img{width:100vw;max-width:none;min-width:100%;object-fit:cover;object-position:left center}
.before-after-divider{position:absolute;z-index:3;top:0;bottom:0;left:calc(var(--position) - 1px);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.22)}
.before-after-divider:before{content:'↔';position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--gold);color:#171717;font-family:Arial,sans-serif;font-size:1.25rem;font-weight:900;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.before-after-label{position:absolute;z-index:4;top:20px;padding:7px 11px;background:rgba(18,18,18,.82);border:1px solid rgba(255,255,255,.45);color:#fff;font:700 .7rem/1 Gotham,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}
.before-label{left:20px}.after-label{right:20px}
.before-after-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}
.before-after-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:52px;height:100%;background:transparent;cursor:ew-resize}
.before-after-range::-moz-range-thumb{width:52px;height:100%;border:0;background:transparent;cursor:ew-resize}
.before-after-range:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
@media(max-width:600px){.before-after-section{padding-top:12px;padding-bottom:12px}.before-after-stage{aspect-ratio:1.12/1}.before-after-label{top:12px;padding:6px 8px;font-size:.6rem}.before-label{left:12px}.after-label{right:12px}.before-after-divider:before{width:42px;height:42px;font-size:1.05rem}}


/* 1.0.24 client handover: header, services and quote routes */
.site-header{background-color:#171717;background-image:linear-gradient(90deg,rgba(18,18,18,.9),rgba(18,18,18,.58) 58%,rgba(18,18,18,.78)),var(--header-art);background-size:cover;background-position:center bottom;border-bottom:1px solid rgba(143,105,65,.28)}
.header-inner{gap:20px}
.logo{position:relative;z-index:2;display:block;flex:0 0 auto}.logo img{display:block;width:154px;height:auto}
.main-nav{margin-left:auto}.main-nav>ul{align-items:center;gap:18px}.main-nav a{font-size:.73rem;letter-spacing:.015em}.main-nav>ul>li>a{white-space:nowrap}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:13px;flex:0 0 auto}.header-quote{padding:11px 13px;background:var(--gold);color:#171717;font:800 .68rem/1 Gotham,Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.header-quote:hover{background:#8f6941;color:#171717}.phone-link{white-space:nowrap}
.primary-services{background:#1a1a1a}.primary-services-head{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);align-items:end;margin-bottom:38px}.primary-services-head p{max-width:520px;margin:0;color:#c7c4be;font-size:1.04rem;line-height:1.6}.primary-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.primary-service-card{position:relative;display:flex;min-height:375px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:24px;color:#fff;background:#242424;border:1px solid rgba(143,105,65,.3);isolation:isolate}.primary-service-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,8,8,.98),rgba(8,8,8,.36) 68%,rgba(8,8,8,.05))}.primary-service-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.primary-service-card:hover img{transform:scale(1.045)}.service-card-tag{margin-bottom:12px;color:#8f6941;font:800 .65rem/1 Gotham,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.primary-service-card h3{margin:0;font-size:clamp(1.25rem,1.75vw,1.65rem);line-height:1.05}.primary-service-card p{min-height:48px;margin:12px 0;color:#ebe7e0;font-size:.89rem;line-height:1.45}.service-card-link{color:#8f6941;font-weight:800;font-size:.85rem}
#work.homepage-services{background:#f3f0e9}#work.homepage-services .section-head{grid-template-columns:minmax(0,.85fr) minmax(300px,1.15fr);align-items:end;margin-bottom:35px}#work.homepage-services .section-head h2{font-size:clamp(2.5rem,4.3vw,4.6rem);line-height:.96;letter-spacing:-.055em;margin:12px 0 0}#work.homepage-services .section-head p{max-width:500px;margin:0 0 6px;color:#5f5b54;font-size:1.02rem;line-height:1.6}#work.homepage-services .service-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}#work.homepage-services .service-tile{position:relative;display:block;grid-column:span 2;margin:0;aspect-ratio:1.42/1;overflow:hidden;background:#191919}#work.homepage-services .service-tile:nth-child(4),#work.homepage-services .service-tile:nth-child(5){grid-column:span 3;aspect-ratio:2.18/1}#work.homepage-services .service-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}#work.homepage-services .service-tile:hover img{transform:scale(1.045)}#work.homepage-services .service-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.16) 62%,rgba(0,0,0,.03))}#work.homepage-services .service-tile span{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:20px;color:#fff;font-family:Gotham,Arial,sans-serif;font-weight:700;font-size:clamp(.85rem,1.35vw,1.08rem);line-height:1.16}
.quote-banner{background:#232323;border-top:1px solid rgba(143,105,65,.36)}.quote-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.quote-banner h2{margin:10px 0;color:#fff;font-size:clamp(2rem,3.4vw,3.65rem);line-height:1}.quote-banner p{max-width:610px;margin:0;color:#d1cec7;line-height:1.6}.quote-banner .actions{display:flex;flex:0 0 auto;gap:12px}
.conversion-cta{padding:36px;background:#202020;border:1px solid rgba(143,105,65,.35);color:#fff}.conversion-cta h2{margin:8px 0 14px;font-size:clamp(1.8rem,3vw,2.9rem);line-height:1}.conversion-cta p{max-width:640px;color:#d3d0ca;line-height:1.6}.conversion-cta .actions{margin-top:22px}
@media(max-width:1200px){.main-nav>ul{gap:11px}.main-nav a{font-size:.67rem}.header-quote{display:none}.header-actions{gap:0}.primary-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-service-card{min-height:330px}}
@media(max-width:900px){.site-header{background-position:center bottom}.main-nav.mobile-open{top:86px;background:#1b1b1b url(var(--header-art)) center bottom/cover no-repeat}.main-nav>ul{gap:0}.main-nav>ul>li>a{font-size:.92rem}.main-nav .mega{position:static;display:none;width:100%;margin:8px 0;padding:14px;background:rgba(20,20,20,.95);grid-template-columns:1fr}.services-trigger:focus-within .mega,.services-trigger:hover .mega{display:grid}.header-actions{margin-left:auto}.phone-link{font-size:.84rem}.primary-services-head,#work.homepage-services .section-head{grid-template-columns:1fr;gap:16px}.quote-banner-inner{display:block}.quote-banner .actions{margin-top:24px}.primary-service-card{min-height:315px}}
@media(max-width:600px){.site-header{min-height:78px}.logo img{width:126px}.phone-link{display:none}.menu-toggle{margin-left:auto}.main-nav.mobile-open{top:78px}.primary-service-grid{grid-template-columns:1fr;gap:12px}.primary-service-card{min-height:300px}.primary-service-card p{min-height:auto}#work.homepage-services .section-head{margin-bottom:26px}#work.homepage-services .section-head h2{font-size:clamp(2.45rem,11vw,3.5rem)}#work.homepage-services .service-gallery{gap:8px}#work.homepage-services .service-tile span{padding:10px 9px;font-size:clamp(.62rem,2.9vw,.82rem);line-height:1.08}.quote-banner .actions{display:grid;gap:10px}.quote-banner .btn{text-align:center}}

/* 1.0.25 projects gallery */
.projects-page{background:#f3f0e9}.projects-heading{margin-bottom:34px}.projects-heading h1{margin:10px 0 0;font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.06em;line-height:.9}.projects-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.projects-gallery figure{margin:0;overflow:hidden;background:#202020;aspect-ratio:1.2/1}.projects-gallery figure:nth-child(1),.projects-gallery figure:nth-child(4){grid-column:span 2;aspect-ratio:2.35/1}.projects-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.projects-gallery figure:hover img{transform:scale(1.035)}@media(max-width:700px){.projects-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.projects-gallery figure:nth-child(1),.projects-gallery figure:nth-child(4){grid-column:span 2;aspect-ratio:1.55/1}}

/* 1.0.26 homepage content refinements */
.main-nav>ul>li>a{font-size:1rem;font-weight:800;letter-spacing:.01em}.mega a{font-size:.86rem;line-height:1.25}
.primary-service-card{padding:24px 24px 42px}.primary-service-card h3{margin:0;min-height:3.15rem;display:flex;align-items:flex-start}.primary-service-card p{margin-top:15px}.primary-service-card .service-card-link{margin-top:8px}
#work.homepage-services .section-head{margin-bottom:28px}.other-services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid #1c1c1c}.other-services-list a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 6px;border-bottom:1px solid rgba(23,23,23,.24);color:#171717;font-family:Gotham,Arial,sans-serif;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:800;line-height:1.08;transition:color .2s ease,padding .2s ease}.other-services-list a:nth-child(odd){margin-right:28px}.other-services-list a:nth-child(even){margin-left:28px}.other-services-list a span{color:var(--gold);font-size:1.15em;transition:transform .2s ease}.other-services-list a:hover,.other-services-list a:focus-visible{color:var(--gold);padding-left:12px}.other-services-list a:hover span,.other-services-list a:focus-visible span{transform:translateX(5px)}
@media(max-width:900px){.main-nav>ul>li>a{font-size:1.05rem}.mega a{font-size:.95rem}.other-services-list a:nth-child(n){margin-left:0;margin-right:0}}
@media(max-width:650px){.primary-service-card{padding:24px 22px 34px}.primary-service-card h3{min-height:auto}.other-services-list{grid-template-columns:1fr}.other-services-list a{padding:20px 2px;font-size:1.28rem}}

/* 1.0.27 unique service pages and paint-removal emphasis */
.mega a.featured-service{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 7px;padding:10px 12px;color:var(--gold);border:1px solid rgba(143,105,65,.55);background:rgba(143,105,65,.07)}.mega a.featured-service:hover{background:var(--gold);color:#171717}.mega a.featured-service small{font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}
.paint-removal-promo{background:var(--gold);border-top:1px solid #8f6941;border-bottom:1px solid #8f6941}.paint-removal-promo-inner{display:grid;grid-template-columns:1.05fr 1.55fr auto;align-items:center;gap:30px;padding-top:20px;padding-bottom:20px;color:#171717}.paint-removal-promo-inner strong{font:800 clamp(1.05rem,1.55vw,1.35rem)/1.15 Gotham,Arial,sans-serif}.paint-removal-promo-inner span{font-size:.95rem;line-height:1.4}.paint-removal-promo-inner b{font:800 .78rem/1 Gotham,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.paint-removal-promo-inner:hover b{transform:translateX(4px)}
.service-overview .service-layout{align-items:start}.service-overview h2,.service-considerations h2,.service-method-heading h2{font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:.94;letter-spacing:-.055em;margin:0}.service-method-heading{max-width:820px;margin-bottom:38px}.service-specific-process{grid-template-columns:repeat(4,minmax(0,1fr))}.service-specific-process .step{position:relative;padding-top:48px}.method-number{position:absolute;top:0;left:0;color:var(--gold);font:800 .78rem/1 Gotham,Arial,sans-serif;letter-spacing:.12em}.service-specific-process .step h3{font-size:1.15rem;line-height:1.15}.service-specific-process .step p{color:#c9c6bf;line-height:1.55}.service-considerations{background:#f3f0e9}.service-considerations .service-layout{align-items:start}.service-considerations .checks{margin-top:4px}
@media(max-width:900px){.paint-removal-promo-inner{grid-template-columns:1fr;gap:8px;padding-top:18px;padding-bottom:18px}.paint-removal-promo-inner b{margin-top:5px}.service-specific-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.mega a.featured-service{display:flex}}
@media(max-width:600px){.paint-removal-promo-inner span{font-size:.9rem}.service-specific-process{grid-template-columns:1fr}.service-method-heading{margin-bottom:28px}.service-overview h2,.service-considerations h2,.service-method-heading h2{font-size:clamp(2.35rem,11vw,3.35rem)}}

/* 1.0.28 remove decorative numbering */
.process{counter-reset:none}.process .step{counter-increment:none}.process .step:before{display:none!important;content:none!important}.service-specific-process .step{padding-top:25px}.method-number,.speciality .num{display:none!important}


/* 1.0.29 signature services feature */
.featured-core-services{padding:92px 0;background:var(--paper);color:var(--ink)}
.featured-core-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:end;gap:70px;margin-bottom:38px}
.featured-core-intro h2{font-family:'Space Grotesk',Gotham,Arial,sans-serif;font-size:clamp(2.7rem,5vw,4.8rem);line-height:.95;letter-spacing:-.055em;margin:12px 0 0}
.featured-core-intro p{max-width:560px;margin:0 0 4px;font-size:1.04rem;line-height:1.7;color:#4f4a43}
.featured-core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.featured-core-card{position:relative;display:flex;align-items:flex-end;min-height:520px;overflow:hidden;padding:36px;color:#fff;background:#242424;border:1px solid rgba(143,105,65,.55);isolation:isolate}
.featured-core-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.68) 42%,rgba(8,8,8,.08) 78%)}
.featured-core-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.featured-core-card:hover img{transform:scale(1.045)}
.featured-core-card:hover .featured-core-cta{transform:translateX(5px)}
.featured-core-copy{max-width:500px}
.featured-core-tag{display:block;margin-bottom:13px;color:#8f6941;font:800 .67rem/1 Gotham,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.featured-core-card h3{font-family:'Space Grotesk',Gotham,Arial,sans-serif;font-size:clamp(2rem,3vw,3.15rem);line-height:1;letter-spacing:-.045em;margin:0}
.featured-core-card p{max-width:450px;margin:16px 0 22px;color:#f0ece5;font-size:1rem;line-height:1.55}
.featured-core-cta{display:inline-block;color:#8f6941;font:800 .82rem/1 Gotham,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;transition:transform .25s ease}
@media(max-width:900px){.featured-core-intro{grid-template-columns:1fr;gap:18px}.featured-core-grid{grid-template-columns:1fr}.featured-core-card{min-height:440px}}
@media(max-width:600px){.featured-core-services{padding:66px 0}.featured-core-intro{margin-bottom:28px}.featured-core-intro h2{font-size:clamp(2.55rem,12vw,3.6rem)}.featured-core-card{min-height:360px;padding:26px 22px}.featured-core-card h3{font-size:clamp(2rem,9vw,2.75rem)}.featured-core-card p{font-size:.94rem}}


/* Curated project photography, exact-ratio comparisons and strong conversion buttons */
a.btn[href*="wa.me"]{background:#fff;color:#171717;border-color:#fff}
a.btn[href*="wa.me"]:hover{background:#f2eee6;border-color:#f2eee6;color:#171717}
.before-after-stage{height:auto;background:#171717}
.before-after-image,.before-after-before img{object-fit:contain;background:#171717}
.before-after-before{inset:0;width:auto;clip-path:inset(0 calc(100% - var(--position)) 0 0);border-right:0}
.before-after-before img{width:100%;min-width:0;object-position:center}
.service-after-band{padding:68px 0 0;background:#171717;color:#fff;overflow:hidden}
.service-after-heading{padding-bottom:28px}
.service-after-heading h2{font-family:'Space Grotesk',Gotham,Arial,sans-serif;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.045em;margin:8px 0}
.service-after-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);width:100%;min-height:330px;border-top:1px solid rgba(143,105,65,.38);border-bottom:1px solid rgba(143,105,65,.38);background:#111}
.service-after-track figure{display:grid;place-items:center;min-width:0;height:330px;margin:0;border-right:1px solid rgba(255,255,255,.12);background:#111}
.service-after-track img{width:100%;height:100%;object-fit:contain}
.projects-page{background:#f3f0e9}
.projects-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:70px;align-items:end;margin-bottom:46px}
.projects-intro h1{max-width:850px;margin:10px 0 0;font-family:'Space Grotesk',Gotham,Arial,sans-serif;font-size:clamp(3rem,6vw,5.5rem);line-height:.92;letter-spacing:-.06em}
.projects-intro p{margin:0 0 6px;color:#5d5850;font-size:1.04rem}
.projects-page .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-card{overflow:hidden;background:#fff;border:1px solid #d8d2c7}
.project-card-image{display:grid;place-items:center;height:360px;background:#171717}
.project-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}
.project-card:hover .project-card-image img{transform:scale(1.025)}
.project-card-copy{padding:25px}
.project-card-copy h2{margin:8px 0 10px;font-size:1.55rem;letter-spacing:-.025em}
.project-card-copy p{margin:0;color:#625d55}
.project-location{color:#8f6941;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.projects-cta{display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:center;margin-top:44px;padding:34px;background:#202020;color:#fff}
.projects-cta h2{margin:0;font-size:2rem}
.projects-cta p{margin:0;color:#d3cec5}
@media(max-width:900px){.service-after-track{overflow-x:auto;grid-auto-columns:minmax(240px,68vw)}.projects-intro{grid-template-columns:1fr;gap:18px}.projects-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-cta{grid-template-columns:1fr}.project-card-image{height:330px}}
@media(max-width:600px){.service-after-band{padding-top:48px}.service-after-track{grid-auto-columns:82vw;min-height:300px}.service-after-track figure{height:300px}.projects-page .project-grid{grid-template-columns:1fr}.project-card-image{height:auto;min-height:300px}.project-card-image img{height:auto;max-height:520px}.projects-cta{padding:26px}}


/* Viewport-fit portrait comparisons and robust project cards */
.before-after{width:min(100%,calc((100svh - 165px)*var(--image-ratio)));margin-inline:auto}
.before-after-stage{width:100%;max-height:calc(100svh - 165px)}
.project-card-image{overflow:hidden}
.project-card-image img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
@media(max-width:760px){
 .before-after-section .wrap{width:min(calc(100% - 24px),var(--max))}
 .before-after{width:min(100%,calc((100svh - 130px)*var(--image-ratio)))}
 .before-after-stage{max-height:calc(100svh - 130px)}
 .before-after-head{grid-template-columns:1fr;gap:10px}
 .before-after-head p{margin:0}
 .project-card-image{height:min(72svh,520px)}
 .project-card-image img{height:100%!important}
}


/* Keep every Projects photograph fully contained inside its card */
.projects-page .project-card .project-card-image{position:relative;overflow:hidden}
.projects-page .project-card .project-card-image>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}


/* 1.0.33 mobile interaction and responsive polish */
html,body{overflow-x:clip}
body{padding-top:80px}
.before-after-stage,.before-after-range{touch-action:pan-y;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}
@media(max-width:900px){
  .main-nav.mobile-open{position:fixed;top:80px;bottom:auto;left:0;right:0;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;padding:20px}
  .main-nav.mobile-open .services-trigger .mega{display:none!important}
  .services-button span{display:none}
  .service-after-track{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;min-height:0}
  .service-after-track figure{height:auto;min-height:0;aspect-ratio:1/1}
  .service-after-track img{object-fit:contain}
}
@media(max-width:600px){
  body{padding-top:78px}
  .main-nav.mobile-open{top:78px;max-height:calc(100dvh - 78px)}
  .page-hero{min-height:360px}
  .page-hero .wrap{padding-bottom:38px}
  .page-hero h1{font-size:clamp(2.55rem,12.5vw,3.75rem);line-height:.96}
  .page-hero p{font-size:1rem;line-height:1.5}
  .section{padding:68px 0}
  .section h2,.cta h2{font-size:clamp(2.15rem,10.5vw,3.35rem);overflow-wrap:anywhere}
  .projects-intro h1{font-size:clamp(2.7rem,11.5vw,4rem);line-height:.94}
  .service-after-band{padding-top:44px}
  .service-after-track{grid-auto-columns:auto;min-height:0}
  .service-after-track figure{height:auto}
}
@media(orientation:landscape) and (max-height:600px){
  .before-after{width:min(90vw,760px);max-width:none}
  .before-after-stage{max-height:none}
  .before-after-section .wrap{width:min(calc(100% - 32px),var(--max))}
  .service-after-track{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-hero{min-height:320px}
}


/* Exact fixed-header alignment after live responsive measurement */
body{padding-top:109px}
@media(max-width:900px){
  .main-nav.mobile-open{top:109px;max-height:calc(100dvh - 109px)}
}
@media(max-width:600px){
  .logo{padding:7px 0}
  .header-inner{height:auto;min-height:78px}
  body{padding-top:79px}
  .main-nav.mobile-open{top:79px;max-height:calc(100dvh - 79px)}
}


/* 1.0.34 refined Services page and platform-consistent interface icons */
.menu-toggle{font-size:0;line-height:1;padding:12px}
.menu-icon{display:grid;width:28px;gap:5px}
.menu-icon span{display:block;width:100%;height:3px;background:currentColor;border-radius:2px}
.phone-icon{display:inline-flex;width:16px;height:16px;margin-right:8px;vertical-align:-3px}
.phone-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.services-page{background:#f3f0e9}
.services-page>.section{padding-top:78px}
.services-page>.section>.wrap>.intro{max-width:820px;margin:0 0 70px;color:#5a554e;font-size:1.14rem}
.services-page .category{margin-top:76px}
.services-page .category:first-of-type{margin-top:0}
.services-page .category h2{margin:9px 0 30px}
.services-page .service-card{overflow:hidden;border-color:#d5cfc4;box-shadow:0 13px 34px rgba(40,31,20,.07);transition:transform .25s ease,box-shadow .25s ease}
.services-page .service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(40,31,20,.13)}
.services-page .service-card img{height:250px;object-fit:cover}
.services-page .service-card-copy{display:flex;min-height:225px;flex-direction:column;padding:27px}
.services-page .service-card-copy p{margin:5px 0 22px;color:#625d55}
.services-page .service-card-copy .text-link{margin-top:auto}
@media(max-width:900px){
  .services-page>.section{padding-top:62px}
  .services-page>.section>.wrap>.intro{margin-bottom:55px}
  .services-page .category{margin-top:60px}
  .services-page .service-card img{height:220px}
  .services-page .service-card-copy{min-height:215px}
}
@media(max-width:600px){
  .services-page>.section{padding-top:50px}
  .services-page>.section>.wrap>.intro{margin-bottom:48px;font-size:1rem;line-height:1.65}
  .services-page .category{margin-top:52px}
  .services-page .category h2{margin-bottom:22px;font-size:clamp(2.2rem,10vw,3rem);overflow-wrap:normal}
  .services-page .card-grid{gap:16px}
  .services-page .service-card img{height:auto;aspect-ratio:16/10}
  .services-page .service-card-copy{min-height:0;padding:23px}
  .services-page .service-card h3{font-size:1.55rem}
}

/* Fixed project photo sequences */
.service-project-sets{background:#f4f0e8}
.service-project-sets .section-head{align-items:end}
.project-set-list{display:grid;gap:28px}
.project-set{background:#fff;border:1px solid rgba(34,29,23,.12);box-shadow:0 12px 32px rgba(34,29,23,.08);padding:22px}
.project-set h3{margin:0 0 16px;font-size:clamp(1.2rem,2vw,1.65rem)}
.project-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.project-set-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-set-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-set figure{margin:0;min-width:0}
.project-set-image{aspect-ratio:4/5;overflow:hidden;background:#ddd}
.project-set-image img{display:block;width:100%;height:100%;object-fit:cover}
.project-set figcaption{padding:10px 2px 0;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8f6941}
@media(max-width:780px){.service-project-sets .section-head{align-items:start}.project-set{padding:14px}.project-set-grid,.project-set-grid-3,.project-set-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-set-grid-3 figure:last-child{grid-column:1/-1}.project-set-grid-3 figure:last-child .project-set-image{aspect-ratio:16/9}.project-set figcaption{font-size:.68rem;letter-spacing:.08em}.project-set-image{aspect-ratio:3/4}}
	
/* September client revision: image-led pages and cross-platform navigation. */
:root{color-scheme:only light;--gold:#8f6941;--gold2:#8f6941;--header-height:124px;--admin-offset:0px}
body{padding-top:var(--header-height);background-color:#f4f1e9;color:#171717}
.site-header{background:#222222!important;background-image:none!important;top:var(--admin-offset)!important;border-bottom:1px solid rgba(143,105,65,.45)}
.header-inner{min-height:124px;gap:20px}.logo{padding:15px 0}.logo img{width:184px;height:auto}
.main-nav>ul{gap:16px}.main-nav>ul>li>a,.services-button{font:700 .84rem/1.4 Gotham,Arial,sans-serif;letter-spacing:0;white-space:nowrap}
.services-button{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.services-button:hover,.services-button:focus-visible{color:var(--gold)}
.dropdown-chevron{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.services-trigger.open .dropdown-chevron{transform:rotate(180deg)}
.main-nav .services-trigger .mega{display:none!important;top:100%;left:auto;right:-22px;transform:none;width:285px;grid-template-columns:1fr;gap:0;padding:14px 20px;background:#222}
.main-nav .services-trigger:hover .mega,.main-nav .services-trigger.open .mega{display:grid!important}
.main-nav .mega a{padding:12px 0;font-size:.85rem;pointer-events:auto!important;color:#fff;cursor:pointer;border-bottom:1px solid #444}
.main-nav .mega a:last-child{border:0}.main-nav .mega a:hover{color:var(--gold)}.mobile-phone{display:none}
.phone-link{font-size:.95rem;border-color:var(--gold);padding:10px 13px}
.btn-gold{color:#fff!important}.cta{color:#fff}.paint-removal-promo{color:#fff}.paint-removal-promo-inner{color:#fff}
html{scroll-padding-top:calc(var(--header-height) + var(--admin-offset) + 20px)}
button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{color-scheme:light;background-color:#fff;color:#171717}
a.btn[href*="wa.me"]{background:#25d366;color:#fff;border-color:#25d366}
a.btn[href*="wa.me"]:hover,a.btn[href*="wa.me"]:focus-visible{background:#128c4a;color:#fff;border-color:#128c4a}
.footer-socials svg,.phone-icon svg,.whatsapp svg{display:block;fill:currentColor;flex-shrink:0}.whatsapp{background:#25d366;color:#fff}
.editorial-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.editorial-copy h2{font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:.98;letter-spacing:-.045em;margin:14px 0 24px}.editorial-copy p{max-width:520px;color:#4f4a43;font-size:1.04rem}
.editorial-image,.expertise-image{margin:0;overflow:hidden;background:#222}.editorial-image{height:480px}.editorial-image img{width:100%;height:100%;object-fit:cover}
.expertise-image{width:100%;height:430px}.expertise-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.heritage-promise{display:grid;gap:10px;margin:28px 0;font-size:1.2rem;line-height:1.4}.heritage-promise strong{display:inline-block;padding:2px 7px;background:var(--gold);color:#fff;font-weight:800}
.contact-details a{display:inline-block;font:700 clamp(1.1rem,1.7vw,1.5rem)/1.65 Gotham,Arial,sans-serif;overflow-wrap:anywhere}.contact-details a:hover{color:var(--gold)}
.contact-socials{margin:18px 0 26px}.contact-socials a{color:#222;border-color:#8f6941;width:42px;height:42px}.contact-socials svg{width:20px;height:20px}
.group-services{background:#f4f1e9}.group-intro{max-width:820px;margin-bottom:44px}.group-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.group-links a{border-bottom:2px solid var(--gold);padding:8px 0;margin-right:18px;font-weight:700}
.group-service{padding:72px 0;border-top:1px solid #d3ccbf}.group-service:nth-of-type(even){background:#222;color:#fff}
.group-service-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:52px;align-items:center}
.group-service:nth-of-type(even) .group-service-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.group-service:nth-of-type(even) .group-service-copy{order:-1}
.group-service-photo{margin:0;height:430px;background:#171717}.group-service-photo img{width:100%;height:100%;object-fit:contain}
.group-service-copy h2{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.06}.group-service-copy p{font-size:1.02rem}.group-service-copy .checks{grid-template-columns:1fr;font-size:.9rem;margin-top:24px}
.group-photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.group-photo-strip figure{margin:0;height:260px;background:#171717}.group-photo-strip img{width:100%;height:100%;object-fit:contain}
.projects-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.project-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#171717}
.project-pair figure{margin:0;min-width:0;background:#171717}.project-pair-photo{height:350px;overflow:hidden;background:#171717}
.project-pair-photo img{display:block;width:100%;height:100%;object-fit:contain}.project-pair figcaption{padding:9px 12px;background:#222;color:#fff;font:700 .7rem/1.3 Gotham,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.project-card-single .project-pair{grid-template-columns:1fr}.project-card-copy h2{font-size:1.55rem;overflow-wrap:normal}
@media(max-width:1100px){
 .main-nav{display:none}.menu-toggle{display:block}.header-inner{gap:16px;min-height:116px}.logo img{width:174px}.main-nav.mobile-open{display:block;position:fixed;top:calc(var(--header-height) + var(--admin-offset));left:0;right:0;max-height:calc(100vh - var(--header-height) - var(--admin-offset));max-height:calc(100dvh - var(--header-height) - var(--admin-offset));overflow-y:auto;background:#222!important;padding:20px 24px}
 .main-nav.mobile-open>ul{display:block}.main-nav.mobile-open li{padding:0}.main-nav.mobile-open>ul>li>a,.main-nav.mobile-open .services-button{display:flex;padding:14px 0;font-size:1rem;white-space:normal}
 .main-nav .services-trigger{padding:0}.main-nav.mobile-open .services-trigger .mega{position:static;width:100%;transform:none;margin:0 0 12px;border:0;border-left:2px solid var(--gold);padding:0 18px;box-shadow:none;display:none!important}
 .main-nav.mobile-open .services-trigger:hover .mega{display:none!important}.main-nav.mobile-open .services-trigger.open .mega{display:grid!important}
 .main-nav.mobile-open .mobile-phone{display:block}.phone-link{display:block}.services-button .dropdown-chevron{display:block}
 .editorial-feature,.group-service-layout,.group-service:nth-of-type(even) .group-service-layout{grid-template-columns:1fr;gap:28px}.group-service:nth-of-type(even) .group-service-copy{order:0}.editorial-image{height:440px}
 .projects-page .project-grid{grid-template-columns:1fr}.project-pair-photo{height:430px}
}
@media(max-width:600px){
 :root{--header-height:96px}.header-inner{min-height:96px}.logo img{width:154px}.logo{padding:10px 0}.phone-link{display:none}
 .editorial-feature{gap:26px}.editorial-copy h2{font-size:clamp(2.55rem,11vw,3.4rem)}.editorial-image{height:360px}.expertise-image{height:260px}.heritage-promise{font-size:1.1rem}
 .contact-details a{font-size:1.18rem}.group-service{padding:48px 0}.group-service-photo{height:350px}.group-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-photo-strip figure{height:220px}.group-photo-strip figure:last-child:nth-child(odd){grid-column:1/-1}
 .project-pair-photo{height:300px}.project-card-copy{padding:22px}.projects-page .project-grid{gap:20px}
}
@media(max-width:380px){.project-pair-photo{height:240px}.project-card-copy h2{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.group-method{margin-top:28px;border-top:1px solid rgba(143,105,65,.5);padding-top:18px}.group-method summary{font-weight:700;cursor:pointer}.group-method h3{margin:24px 0 8px;font-size:1.1rem}.group-method p{font-size:.95rem}
 
/* More breathing room between desktop navigation labels. */
@media(min-width:1101px){.main-nav>ul{gap:clamp(22px,2vw,34px)}}
 
/* Header telephone: white icon and number, existing bronze outline retained. */
.site-header .phone-link,.site-header .phone-link:hover,.site-header .phone-link:focus-visible{color:#fff}

/* Tidybrick September 2026 content and layout refinements */
.before-after-section{background:#222;color:#fff}.before-after-head p{color:#d0d0d0}.static-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.static-before-after figure,.home-before-after figure{margin:0;background:#171717}.static-before-after img,.home-before-after img{width:100%;height:100%;object-fit:cover}.static-before-after figure{display:grid;grid-template-rows:minmax(300px,520px) auto}.static-before-after figcaption,.home-before-after figcaption{padding:10px 14px;background:#171717;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.home-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;align-self:stretch}.home-before-after figure{display:grid;grid-template-rows:minmax(220px,1fr) auto}.page-hero-charcoal{background:#222!important;min-height:360px}.page-hero>div>p:empty{display:none}.service-specific-process{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.service-specific-process{grid-template-columns:1fr}.static-before-after{grid-template-columns:1fr}.home-before-after{min-height:620px}}
@media(max-width:600px){.hero,.page-hero{background-position:left center!important}.static-before-after figure{grid-template-rows:minmax(250px,360px) auto}.home-before-after{min-height:520px}.split{display:grid}}

/* Natural-ratio image layouts: preserve full photographs without black letterboxing */
.group-service-photo,.group-photo-strip figure,.service-after-track figure,.project-pair-photo,.project-set-image{height:auto!important;min-height:0!important;background:transparent!important;overflow:visible}
.group-service-photo img,.group-photo-strip img,.service-after-track img,.project-pair-photo img,.project-set-image img{width:100%;height:auto!important;object-fit:contain!important;background:transparent!important}
.project-pair,.project-pair figure{background:transparent!important;align-items:start}.static-before-after{align-items:start}.static-before-after figure{display:block!important;background:transparent!important}.static-before-after img{height:auto!important;object-fit:contain!important}.home-before-after figure{background:transparent!important}.home-before-after img{object-fit:contain!important;background:transparent!important}

/* Verified before-and-after pairs on grouped service pages */
.group-service-layout.no-pair{grid-template-columns:minmax(0,760px);justify-content:center}.group-service-layout.no-pair .group-service-copy{max-width:760px}.group-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-items:start}.group-before-after figure{margin:0;background:transparent}.group-before-after img{display:block;width:100%;height:auto;object-fit:contain}.group-before-after figcaption{padding:10px 13px;background:#171717;color:#fff;font:700 .72rem/1.3 Gotham,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:760px){.group-before-after{grid-template-columns:1fr}.group-service-layout.no-pair{grid-template-columns:1fr}}



/* Final September layout corrections */
#repointing .group-service-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
#repointing .group-service-copy{order:1}
#repointing .group-service-photo{order:2;margin:0}
#repointing .group-service-photo img{display:block;width:100%;height:auto;object-fit:contain}
#efflorescence-removal .group-before-after-extra{margin-top:34px}
#drive-patio-cleaning .group-service-layout{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr)}
#drive-patio-cleaning .group-before-after{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-left:auto;gap:18px}
@media(max-width:760px){#drive-patio-cleaning .group-before-after{grid-template-columns:1fr;max-width:none}}
#roof-tile-cleaning .group-service-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center}
#roof-tile-cleaning .group-service-copy{order:1;padding-left:clamp(0px,2vw,28px)}
#roof-tile-cleaning .group-service-photo{order:2;margin:0}
#roof-tile-cleaning .group-service-photo img{display:block;width:100%;height:auto;object-fit:contain}
.render-method-section .service-specific-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.render-method-section .step{min-height:220px;padding:28px}
.render-process-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;align-items:start;margin-top:54px}
.render-process-images img{display:block;width:100%;height:auto;object-fit:contain}
.service-project-sets .project-set{padding:24px;background:#fff}
.service-project-sets .project-set-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.service-project-sets .project-set figure{display:block;margin:0;min-width:0}
.service-project-sets .project-set-image{display:block!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important}
.service-project-sets .project-set-image img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}
.service-project-sets .project-set figcaption{position:static;display:block;margin:0;padding:10px 2px 0;color:#8f6941;background:transparent}
@media(max-width:1100px){
 #repointing .group-service-layout,#drive-patio-cleaning .group-service-layout,#roof-tile-cleaning .group-service-layout{grid-template-columns:1fr}
 #repointing .group-service-copy,#drive-patio-cleaning .group-service-copy,#roof-tile-cleaning .group-service-copy{order:1;padding-left:0}
 #repointing .group-service-photo,#drive-patio-cleaning .group-before-after,#roof-tile-cleaning .group-service-photo{order:2;width:100%;max-width:none;margin:0}
}
@media(max-width:760px){
 .render-method-section .service-specific-process,.render-process-images{grid-template-columns:1fr;gap:18px}
 .render-method-section .step{min-height:0}
 .service-project-sets .project-set-grid-2{grid-template-columns:1fr;gap:22px}
 #drive-patio-cleaning .group-before-after{grid-template-columns:1fr}
}

/* Mobile homepage hero: keep the house visible */
@media(max-width:600px){.hero{background-position:right center!important}}


/* Paired project rows and compact roof image */
#brick-repairs .group-service-layout,#efflorescence-removal .group-service-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:24px;align-items:center}
#brick-repairs .group-service-copy,#efflorescence-removal .group-service-copy{padding-left:0;margin-left:0;text-align:left}
.group-before-after.multi-pair{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
#brick-restoration .group-service-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;align-items:center}
#brick-restoration .group-service-copy{padding-left:0;margin-left:0;text-align:left}
#roof-tile-cleaning .group-service-photo{display:flex;align-items:center;justify-content:center}
#roof-tile-cleaning .group-service-photo img{width:auto;max-width:100%;max-height:min(560px,calc(100vh - 190px));margin:auto;object-fit:contain}
@media(max-width:1100px){
 #brick-repairs .group-service-layout,#efflorescence-removal .group-service-layout,#brick-restoration .group-service-layout{grid-template-columns:1fr;gap:28px}
 #brick-repairs .group-service-copy,#efflorescence-removal .group-service-copy,#brick-restoration .group-service-copy{order:1}
 #brick-repairs .group-before-after,#efflorescence-removal .group-before-after,#brick-restoration .group-before-after{order:2}
}
@media(max-width:760px){
 .group-before-after.multi-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #roof-tile-cleaning .group-service-photo img{max-height:520px}
}


/* Text-left matching-height comparison rows */
#brick-repairs .group-service-layout,#efflorescence-removal .group-service-layout{grid-template-columns:minmax(300px,.58fr) minmax(0,1.42fr);gap:34px}
#brick-repairs .group-service-copy,#efflorescence-removal .group-service-copy{order:1}
#brick-repairs .group-before-after,#efflorescence-removal .group-before-after{order:2}
#brick-repairs .multi-pair figure,#efflorescence-removal .multi-pair figure{display:grid;grid-template-rows:300px auto;min-width:0;overflow:hidden;background:#171717}
#brick-repairs .multi-pair img,#efflorescence-removal .multi-pair img{width:100%;height:300px;object-fit:cover;object-position:center}
@media(max-width:1100px){
 #brick-repairs .group-service-layout,#efflorescence-removal .group-service-layout{grid-template-columns:1fr}
 #brick-repairs .multi-pair figure,#efflorescence-removal .multi-pair figure{grid-template-rows:360px auto}
 #brick-repairs .multi-pair img,#efflorescence-removal .multi-pair img{height:360px}
}
@media(max-width:760px){
 #brick-repairs .multi-pair figure,#efflorescence-removal .multi-pair figure{grid-template-rows:280px auto}
 #brick-repairs .multi-pair img,#efflorescence-removal .multi-pair img{height:280px}
}


/* Keep homepage before-and-after cards aligned */
.home-before-after figure{grid-template-rows:auto auto!important}
.home-before-after img{width:100%;height:clamp(280px,30vw,430px)!important;object-fit:cover!important;object-position:center!important;background:#171717!important}
@media(max-width:600px){.home-before-after img{height:clamp(220px,70vw,360px)!important}}

/* Client layout update: stacked repair pairs and equal-height render stages */
#brick-repairs .group-before-after.multi-pair{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 8px;
}
.render-process-images{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.render-process-images img{
  width:100%;
  height:360px!important;
  object-fit:cover;
  object-position:center;
}
@media(max-width:760px){
  .render-process-images{grid-template-columns:1fr}
  .render-process-images img{height:300px!important}
}