/* Fliesen Ambiente – restrained local website, 7 October 2026 */
:root{--ink:#202934;--navy:#23305d;--paper:#fbfaf7;--sand:#eee9e1;--line:#d8d6ce;--muted:#60656b;--accent:#ad643f;--radius:3px;--max:1280px}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,h4,p{margin:0 0 20px}h1,h2,h3{font-weight:500;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(36px,4.5vw,64px)}h2{font-size:clamp(29px,3.3vw,46px)}h3{font-size:25px;letter-spacing:-.025em}p{max-width:70ch}ul,ol{padding-left:24px}li{margin-bottom:9px}strong{font-weight:600}em{font-family:Georgia,serif;font-weight:400}small{font-size:13px}main{min-height:50vh}main>nav{max-width:var(--max);margin:24px auto;padding:0 32px}address{font-style:normal}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:var(--radius)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip-link,.skip{position:absolute;left:24px;top:-200px;z-index:100;background:white;padding:12px}.skip-link:focus,.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:30px;min-height:96px;padding:18px max(32px,calc((100vw - 1380px)/2));background:rgba(251,250,247,.98);border-bottom:1px solid var(--line)}.brand{flex:none}.brand img{width:195px;height:auto}.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:14px;line-height:1.4}.site-nav>a,.nav-service-item>a{padding:10px 0}.nav-current{color:var(--navy);font-weight:bold}.header-cta{white-space:nowrap;font-size:16px;font-weight:bold;padding-left:28px;border-left:1px solid var(--line)}.header-cta small{display:block;font-size:11px;font-weight:normal;color:var(--muted)}.nav-toggle{display:none;width:46px;height:46px;padding:10px}.nav-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0}.nav-service-item{position:relative;display:flex;align-items:center;gap:7px}.nav-service-toggle{border:0;padding:8px;background:none}.nav-service-toggle span{display:block;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}.nav-service-menu{display:none;position:absolute;top:100%;left:-20px;min-width:280px;padding:15px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px #20293414}.nav-service-menu a{display:block;padding:8px 12px}.nav-service-item.is-open .nav-service-menu,.nav-service-item.is-hover-open .nav-service-menu{display:block}
.eyebrow{font-size:11px;line-height:1.5;font-weight:bold;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.section{max-width:var(--max);margin:0 auto;padding:90px 32px}.section-head{margin-bottom:38px}.section-head>p:not(.eyebrow){color:var(--muted)}.paired{display:flex;justify-content:space-between;align-items:end;gap:60px}.paired>p{max-width:400px;color:var(--muted);font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px;min-height:51px;border:1px solid var(--navy);border-radius:var(--radius);font-size:14px;font-weight:600;line-height:1.4}.button:hover{background:var(--sand);text-decoration:none}.button.primary{background:var(--navy);color:white}.button.primary:hover{background:#344271}.button.secondary,.button.ghost{background:transparent;color:var(--navy);border-color:#afb2bc}.text-link,.text-link-light{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid;padding-bottom:5px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.new-hero{display:grid;grid-template-columns:1fr 1.07fr;min-height:680px;max-width:1440px;margin:auto}.new-hero-copy{padding:80px 56px 60px max(32px,calc((1440px - 1280px)/2 + 32px))}.new-hero h1{font-size:clamp(40px,4.7vw,68px);margin-bottom:26px}.new-hero h1 em{color:var(--accent)}.hero-intro{font-size:17px;line-height:1.7;max-width:455px}.hero-local{font-size:12px;line-height:1.8;color:var(--muted);border-left:2px solid var(--accent);padding-left:15px;margin-top:34px}.new-hero-media{position:relative;overflow:hidden;background:var(--sand);min-height:650px}.new-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:60% center}.new-hero-media>figcaption{position:absolute;top:15px;right:15px;background:#fbfaf7ed;padding:5px 10px;font-size:10px;color:#343a40;border-radius:2px}.hero-image-note{position:absolute;bottom:35px;left:30px;right:30px;color:white;padding:25px 22px;background:#202934b8}.hero-image-note span{display:block;font-size:12px;margin-bottom:8px}.hero-image-note strong{font-family:Georgia,serif;font-weight:normal;font-size:25px;line-height:1.3}
.service-entry{border-bottom:1px solid var(--line)}.service-choices{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-choice{position:relative;padding:30px 24px 26px;border-right:1px solid var(--line);transition:background 180ms}.service-choice:first-child{padding-left:0}.service-choice:last-child{border-right:0}.service-choice:hover{background:var(--sand);text-decoration:none}.service-choice>span{color:var(--accent);font-size:12px;display:block;margin-bottom:25px}.service-choice h3{font-size:23px;letter-spacing:-.03em}.service-choice p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:30px}.service-choice b{position:absolute;bottom:20px;right:24px;font-weight:normal}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-card a:hover{text-decoration:none}.project-card a:hover h3{text-decoration:underline;text-underline-offset:5px}.project-card a>div{padding:24px 0}.project-card .eyebrow{font-size:10px;display:block;margin-bottom:12px}.project-card h3{font-size:25px}.project-card p{color:var(--muted);font-size:14px}.personal-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.personal-section p{color:var(--muted)}.personal-notes{padding-top:20px}.personal-notes p{padding:24px 0 24px 45px;position:relative;border-top:1px solid var(--line);font-size:14px}.personal-notes strong{display:block;color:var(--ink);font-size:20px;line-height:1.35;margin-bottom:10px}.personal-notes span{position:absolute;left:0;top:25px;color:var(--accent);font-size:12px}.bath-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--sand)}.bath-feature figure>img{width:100%;aspect-ratio:1;object-fit:cover}.bath-feature .text-link{margin-top:22px;font-size:13px}.bath-feature figcaption{font-size:11px;color:var(--muted);margin-top:10px}.repair-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.comparison-controls{display:flex;gap:8px;margin:26px 0}.comparison-controls button{padding:10px 24px}.comparison-controls button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.comparison>div{display:grid;gap:12px}.comparison img{width:100%;aspect-ratio:4/3;object-fit:cover}.js-comparison .comparison>div{display:block;position:relative}.js-comparison .comparison img:nth-child(2){display:none}.js-comparison .comparison.is-after img:first-child{display:none}.js-comparison .comparison.is-after img:nth-child(2){display:block}.comparison figcaption{font-size:12px;color:var(--muted);padding-top:12px}.steps-section{border-top:1px solid var(--line)}.new-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:45px 0 25px}.new-steps span{display:block;color:var(--accent);font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:20px}.new-steps h3{font-size:22px}.new-steps p{font-size:14px;color:var(--muted)}.region-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--sand)}.region-note{align-self:center;display:flex;flex-direction:column;gap:20px;padding:35px;border:1px solid #aaa69f}.region-note strong{font-family:Georgia,serif;font-weight:normal;font-size:26px}.region-note span{font-size:13px}.region-note a[href^="tel"]{font-size:30px;line-height:1.4;color:var(--navy)}.region-note a:last-child{font-size:14px;text-decoration:underline}
/* Shared page layouts */
.reference-portfolio,.reference-preservation,main>section.related{max-width:var(--max);padding:80px 32px;margin:auto;display:block}.reference-portfolio-head{max-width:850px;margin-bottom:35px}.reference-lead{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:30px}.reference-lead>figure img{width:100%;height:100%;object-fit:cover}.reference-brief{align-self:center}.reference-brief h2{font-size:34px}.reference-brief p{font-size:15px}.reference-visual-grid>figure,.reference-preservation-grid>figure{border:0;padding:0}
.sticky-contact{align-self:start;padding:28px;background:var(--sand);border:1px solid var(--line)}.sticky-contact h2{font-size:29px}.sticky-contact .button{margin:8px 0}.ad-shell:has(>.sticky-contact){display:grid;grid-template-columns:1.5fr 1fr;gap:45px}.form-contact-options{min-width:0}.form-contact-options .form-row{grid-template-columns:1fr 1fr}
.page-hero,.hero,.services-hero,.reference-hero{max-width:var(--max);margin:0 auto;padding:65px 32px 60px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.page-hero:has(.page-hero-inner:only-child),.page-hero-plain,.page-hero--no-image:not(:has(figure)),.ad-hero-plain{display:block}.page-hero-inner{max-width:800px}.page-hero-inner>p:not(.eyebrow),.hero-copy>p:not(.eyebrow){font-size:18px;color:var(--muted)}.page-hero figure img,.hero-image img{width:100%;max-height:600px;object-fit:cover}.page-hero:has(figure) .page-hero-inner{max-width:none}.lead-project figcaption,.page-hero figcaption{font-size:12px;color:var(--muted);padding-top:10px}.lead-email{font-size:13px!important}.editorial-breadcrumb{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px!important}.editorial-content{padding-top:50px}.editorial-body{max-width:850px}.editorial-part{padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:35px}.editorial-part h2{font-size:30px}.content-split,.split,.services-detail{display:grid;grid-template-columns:1.35fr 1fr;gap:70px}.content-split>article>h2,.legal-content h2,.prose h2{font-size:29px;margin-top:35px}.content-split>article>h2:first-child{margin-top:0}.content-split>aside{align-self:start;background:var(--sand);padding:28px}.expert-note,.guide-short-answer{padding:24px;background:var(--sand);border-left:2px solid var(--accent);margin:25px 0}.expert-note strong{display:block;margin-bottom:10px}.article-toc,.editorial-toc{padding:24px;border:1px solid var(--line);margin:28px 0}.article-toc a,.editorial-toc a{text-decoration:underline}.page-nav-list,.knowledge-links,.knowledge-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.page-nav-list a,.knowledge-links a{padding:12px 16px;border:1px solid var(--line);font-size:13px}.lead-process ol,.process-list,.project-timeline-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.lead-process li,.process-list li,.project-timeline-list li{padding:25px;border-top:1px solid var(--line)}.lead-process li strong,.process-list li strong{display:block;font-size:20px;line-height:1.3;margin-bottom:15px}.lead-process li p,.process-list li p{font-size:14px}.lead-process{background:var(--sand)}.real-project-grid,.reference-visual-grid,.reference-preservation-grid,.photo-showcase-grid,.reference-portfolio,.clean-media-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.real-project-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.real-project-grid figure img,.reference-visual-grid figure img,.reference-preservation-grid figure img{width:100%;height:340px;object-fit:cover}.clean-image-contain{object-fit:contain!important}.real-project-wide,.reference-wide{grid-column:1/-1}.real-project-wide img{height:auto!important;max-height:700px}.reference-portfolio>article,.reference-portfolio>figure,.reference-single,.project-detail{padding:24px;border:1px solid var(--line)}figcaption{font-size:12px;line-height:1.6;padding-top:12px;color:var(--muted)}figcaption strong,figcaption span{display:block}figcaption strong{font-size:17px;color:var(--ink)}.clean-image-frame{position:relative}.clean-ai-label,.ai-disclosure-overlay{display:block;font-size:10px;line-height:1.6;padding:5px 10px;background:var(--paper);color:var(--ink)}.clean-image-frame>.clean-ai-label{position:absolute;bottom:10px;right:10px}.ai-disclosure,.image-note{font-size:12px;color:var(--muted)}.image-placeholder{border:1px dashed #999;padding:30px;background:var(--sand)}.reference-before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reference-before-after img{width:100%;aspect-ratio:4/3;object-fit:cover}.documented-processes-grid,.technical-grid,.knowledge-grid,.topic-grid,.guide-topic-grid,.manufacturer-grid,.price-example-grid,.ad-proof-grid,.lead-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.technical-card,.topic-card,.manufacturer-card,.knowledge-feature,.price-example-grid>*,.ad-proof-grid>*{border:1px solid var(--line);padding:26px}.technical-card>span,.trade-no{display:block;font-size:12px;color:var(--accent);margin-bottom:18px}.technical-card h3,.topic-card h3,.manufacturer-card h3{font-size:23px}.technical-card p,.topic-card p,.manufacturer-card p{font-size:14px;color:var(--muted)}.topic-card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:20px}.manufacturer-mark{height:55px;display:flex;align-items:center;font-size:24px;font-weight:bold;letter-spacing:-.03em;margin-bottom:20px}.manufacturer-note{font-size:12px;color:var(--muted)}.assembly-section{background:var(--sand);padding:70px 32px}.assembly-inner{max-width:1216px;margin:auto}.assembly-head{max-width:800px;margin-bottom:35px}.assembly-figure img{width:100%;height:auto}.trade-coordination,.coordination-benefits,.clarity-list,.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0;list-style:none}.trades li,.clarity-list li{border-top:1px solid var(--line);padding-top:20px}.trade-coordination>*{padding:25px;background:var(--sand)}.price-table-wrap{overflow:auto}.price-table{border-collapse:collapse;width:100%;font-size:14px}.price-table th,.price-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.price-table th{background:var(--sand)}.price-note,.price-guide>p,.selection-note{font-size:13px;color:var(--muted)}.price-example-value{font-size:30px;color:var(--navy)}.guide-filters{display:flex;flex-wrap:wrap;gap:10px}.guide-filters button{padding:10px 17px}.guide-filters .is-active{background:var(--navy);color:white}.guide-results{font-size:13px;margin-top:15px}.editorial-byline,.editorial-sources{font-size:12px;color:var(--muted)}.editorial-sources a{text-decoration:underline}.legal-content{max-width:900px}.legal-content a,.prose a{overflow-wrap:anywhere;text-decoration:underline}.ad-shell{max-width:var(--max);margin:auto}.ad-hero{padding:60px 32px;max-width:1000px}.ad-hero h1{max-width:800px}.ad-shell .section{padding-top:60px}.rating-stars{color:var(--accent)}.google-rating-score{font-size:32px}.google-rating,.home-rating{padding:28px;border:1px solid var(--line)}
.faq,.faq-section{max-width:1000px}.faq details,.faq-list details,.faq-section details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:18px;line-height:1.4;padding-right:22px}details p{margin:20px 0 8px;color:var(--muted)}details a{text-decoration:underline}.contact-band{max-width:1280px;margin:auto;background:var(--navy);color:white;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:70px;padding:60px 50px}.contact-band .eyebrow{color:#dcb89b}.contact-band p{color:#dedfe6}.contact-actions{display:flex;flex-wrap:wrap;gap:14px}.contact-band .button.primary{background:var(--paper);color:var(--navy);border-color:var(--paper)}.contact-band .button.secondary{color:white;border-color:#aaaec0}.contact-band .text-link{color:white}.form-row,.form-optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lead-form{max-width:800px}.lead-form label{display:block;font-size:14px;margin-bottom:18px}.lead-form input:not([type=checkbox]),.lead-form textarea,.lead-form select{display:block;width:100%;background:white;color:var(--ink);border:1px solid #a6aab0;border-radius:2px;padding:13px 14px;margin-top:8px;font-size:16px}.lead-form textarea{min-height:140px;resize:vertical}.lead-form .privacy-check{display:flex;align-items:start;gap:12px;margin-top:25px;line-height:1.6}.privacy-check input{width:20px;height:20px;flex:none;margin-top:3px}.privacy-check a{text-decoration:underline}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-note,.form-intro,.form-contact-options,.form-optional summary{font-size:13px}.form-optional{border-top:1px solid var(--line);padding:20px 0}.direct-contact a{display:block;margin:15px 0}.form-status,[data-form-status]{padding:16px;background:var(--sand);font-size:14px}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.contact-copy{max-width:550px}.contact-copy a{overflow-wrap:anywhere}
.site-footer{padding:75px max(32px,calc((100vw - 1216px)/2)) 30px;background:#e9e7e2;margin-top:80px;font-size:13px}.footer-main{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:45px}.footer-brand-logo img{width:100px;height:100px;margin-bottom:25px}.footer-brand p{font-size:14px}.footer-column{display:flex;flex-direction:column;gap:11px}.footer-column strong{font-size:14px;margin-bottom:15px}.footer-column a{overflow-wrap:anywhere}.footer-social{display:flex;gap:20px;font-size:12px}.footer-bottom{border-top:1px solid #c7c6c1;margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:22px}.footer-cookie-settings{border:0;background:none;padding:0;font-size:12px;text-decoration:underline}.consent-banner{position:fixed;bottom:20px;left:20px;right:20px;z-index:100;max-width:900px;margin:auto;padding:26px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 60px #0003}.consent-banner h2{font-size:25px;margin-bottom:12px}.consent-banner p{font-size:13px;line-height:1.65;margin-bottom:15px}.consent-banner a{text-decoration:underline}.consent-banner__actions{display:flex;gap:10px;flex-wrap:wrap}.consent-banner .button{font-size:12px;min-height:44px;padding:11px 15px}.consent-service{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.consent-service strong,.consent-service span{display:block}.consent-switch{display:flex;align-items:center;gap:8px;flex:none}.consent-settings{position:fixed;bottom:12px;left:12px;padding:8px 12px;z-index:50;font-size:11px}.consent-save{margin-bottom:15px}.lightbox{position:fixed;inset:0;z-index:120;background:#000e;display:flex;align-items:center;justify-content:center}.lightbox img{max-height:85vh;max-width:90vw;object-fit:contain}.lightbox button{position:absolute;top:20px;right:20px;padding:12px}.micro{font-size:12px;color:var(--muted)}
@media(min-width:761px){.js-comparison .comparison.is-after img:nth-child(2){animation:comparison-in 160ms ease-out}@keyframes comparison-in{from{opacity:.65}to{opacity:1}}}
@media(max-width:1150px){.site-header{gap:20px;padding:18px 26px}.brand img{width:165px}.site-nav{gap:16px;font-size:13px}.header-cta{padding-left:18px;font-size:14px}.new-hero-copy{padding:65px 32px}.new-hero{min-height:620px}.new-hero-media{min-height:620px}.new-hero .button{padding:13px 16px;font-size:13px}.service-choice h3{font-size:21px}.personal-section,.region-section{gap:55px}.footer-main{gap:28px}.real-project-grid-three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.site-header{min-height:80px}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 26px;background:var(--paper);border-bottom:1px solid var(--line);max-height:75vh;overflow:auto;margin:0}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav>a{padding:12px 0}.nav-service-item{flex-wrap:wrap;justify-content:space-between}.nav-service-item>a{flex:1;padding:12px 0}.nav-service-menu{position:static;width:100%;box-shadow:none;background:var(--sand);font-size:13px}.nav-service-item.is-hover-open:not(.is-open) .nav-service-menu{display:none}.nav-toggle{display:block;margin-left:auto}.header-cta{border:0;padding:0}.header-cta small{display:none}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.service-choices{grid-template-columns:1fr 1fr}.service-choice:nth-child(2){border-right:0}.service-choice:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-choice:first-child{padding-left:24px}.documented-processes-grid,.technical-grid,.knowledge-grid,.topic-grid,.guide-topic-grid,.manufacturer-grid,.price-example-grid,.ad-proof-grid,.lead-room-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){html{scroll-padding-top:85px}body{font-size:16px;line-height:1.65}.site-header{min-height:76px;padding:15px 20px;gap:14px}.brand img{width:152px}.header-cta{display:none}.section{padding:58px 22px}.new-hero{display:flex;flex-direction:column;min-height:0}.new-hero-copy{padding:46px 24px 38px}.new-hero h1{font-size:47px;letter-spacing:-.05em}.new-hero .eyebrow{font-size:10px;margin-bottom:20px}.hero-intro{font-size:16px}.hero-actions{gap:10px;margin:24px 0}.new-hero .hero-actions{flex-direction:column;align-items:stretch}.new-hero .button{padding:15px 18px;font-size:14px}.hero-local{margin-top:25px}.new-hero-media{height:380px;min-height:0}.new-hero-media>img{object-position:50% center}.hero-image-note{bottom:20px;left:20px;right:20px;padding:16px}.hero-image-note strong{font-size:22px}.new-hero-media>figcaption{font-size:10px;top:10px;right:10px}.service-choice{padding:25px 17px!important}.service-choice h3{font-size:22px}.service-choice p{font-size:13px}.service-choice>span{margin-bottom:17px}.service-choice b{right:17px}.paired{display:block}.paired>p{margin-top:22px}.project-cards{grid-template-columns:1fr;gap:18px}.project-card a>div{padding:23px 0 30px}.project-card img{aspect-ratio:4/3}.personal-section,.bath-feature,.repair-showcase,.region-section{grid-template-columns:1fr;gap:35px}.personal-notes{padding-top:0}.bath-feature{padding:35px 22px}.bath-feature figure>img{aspect-ratio:4/3}.repair-showcase{gap:25px}.new-steps{grid-template-columns:1fr 1fr;gap:22px}.new-steps h3{font-size:21px}.new-steps p{font-size:13px}.region-note{padding:25px}.region-note strong{font-size:25px}.region-note a[href^="tel"]{font-size:27px}.page-hero,.hero,.services-hero,.reference-hero{grid-template-columns:1fr;gap:30px;padding:44px 22px 35px}.page-hero h1,.hero h1{font-size:38px}.page-hero-inner>p:not(.eyebrow),.hero-copy>p:not(.eyebrow){font-size:16px}.page-hero .button{font-size:13px;padding:13px 16px}.page-hero figure img{max-height:390px}.editorial-breadcrumb{padding:22px!important;margin:0 22px!important}.editorial-content{padding-top:35px}.editorial-part h2{font-size:27px}.content-split,.split,.services-detail,.contact{grid-template-columns:1fr;gap:35px}.lead-process ol,.process-list,.project-timeline-list{grid-template-columns:1fr;gap:10px}.lead-process li,.process-list li{padding:20px 0}.real-project-grid,.real-project-grid-three,.reference-visual-grid,.reference-preservation-grid,.photo-showcase-grid,.reference-portfolio,.clean-media-showcase{grid-template-columns:1fr;gap:22px}.real-project-grid img{height:auto!important}.reference-wide,.real-project-wide{grid-column:auto}.documented-processes-grid,.technical-grid,.knowledge-grid,.topic-grid,.guide-topic-grid,.manufacturer-grid,.price-example-grid,.ad-proof-grid,.lead-room-grid{grid-template-columns:1fr}.reference-before-after{grid-template-columns:1fr}.trade-coordination,.coordination-benefits,.clarity-list,.hero-facts{grid-template-columns:1fr}.assembly-section{padding:45px 22px}.contact-band{grid-template-columns:1fr;gap:26px;padding:40px 24px;margin:0 12px}.contact-band h2{font-size:33px}.contact-actions{gap:12px}.form-row,.form-optional-grid{grid-template-columns:1fr;gap:0}.faq details{padding:22px 0}.faq summary{font-size:17px}.site-footer{margin-top:50px;padding:45px 24px 25px}.footer-main{grid-template-columns:1fr;gap:30px}.footer-column{border-top:1px solid #c7c6c1;padding-top:25px;gap:12px}.footer-column strong{margin-bottom:6px}.footer-bottom{flex-direction:column;margin-top:35px;gap:20px}.consent-banner{left:10px;right:10px;bottom:10px;padding:20px;max-height:85vh;overflow:auto}.consent-banner h2{font-size:23px}.consent-banner__actions{flex-direction:column}.consent-banner .button{width:100%}.consent-service{gap:12px}.consent-service>div{flex:1}.consent-switch{flex-basis:85px}.ad-hero{padding:40px 22px}.price-table{min-width:620px}.photo-showcase img,.documented-process img{width:100%;height:auto}}
@media(max-width:950px){body:not(.js-nav) .site-nav{display:flex;position:static;flex-direction:column;flex:1;padding:0 10px;border:0}body:not(.js-nav) .site-header{flex-wrap:wrap}body:not(.js-nav) .nav-toggle{display:none}}
/* Keep the top-level reference sections as sections, rather than grid cards. */
main>section.reference-portfolio{display:block}
@media(max-width:760px){.reference-portfolio,.reference-preservation,main>section.related{padding:50px 22px}.reference-lead{grid-template-columns:1fr;gap:22px}.reference-brief h2{font-size:29px}.reference-portfolio>article{padding:0;border:0}}
@media(max-width:760px){.ad-shell:has(>.sticky-contact){grid-template-columns:1fr;gap:25px}.form-contact-options .form-row{grid-template-columns:1fr}.new-hero h1{font-size:clamp(34px,9.8vw,43px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.consent-banner,.consent-settings,.hero-actions,.contact-band,.comparison-controls{display:none!important}.section{padding:25px 0;break-inside:avoid}.new-hero{display:block}.new-hero-media{height:300px;min-height:0}a{text-decoration:underline}.comparison img{display:block!important}}

/* ---------- Cohesive design refinement · 07 Oct 2026 ---------- */
@font-face{font-family:InterLocal;src:url('/assets/fonts/Inter-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:InterLocal;src:url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:InterLocal;src:url('/assets/fonts/Inter-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{
  --ink:#252a31;
  --navy:#28345f;
  --paper:#fbfaf7;
  --sand:#f0ece5;
  --line:#dedbd3;
  --muted:#62666c;
  --accent:#a85e3d;
  --radius:5px;
  --max:1200px;
  --space-1:8px;
  --space-2:14px;
  --space-3:20px;
  --space-4:28px;
  --space-5:40px;
  --space-6:56px;
  --space-7:72px;
}
html{scroll-padding-top:84px}
body{font-family:InterLocal,Inter,Arial,Helvetica,sans-serif;font-size:15.5px;line-height:1.65;letter-spacing:.002em}
h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.12}
h1{font-size:clamp(35px,4.1vw,58px);max-width:17ch}
h2{font-size:clamp(28px,3.1vw,42px);max-width:24ch}
h3{font-size:22px}
p{max-width:66ch}
.site-header{min-height:78px;padding:12px max(28px,calc((100vw - 1240px)/2));gap:24px}
.brand img{width:178px}
.site-nav{gap:20px;font-size:13px}
.site-nav>a,.nav-service-item>a{padding:8px 0}
.header-cta{font-size:14px;padding-left:22px}
.header-cta small{font-size:10px}
.new-hero{min-height:570px;max-width:1320px;grid-template-columns:1fr 1.02fr}
.new-hero-copy{padding:58px 44px 48px max(30px,calc((1320px - 1200px)/2 + 30px))}
.new-hero h1{font-size:clamp(39px,4.2vw,58px);max-width:12ch;margin-bottom:20px}
.new-hero .hero-intro{font-size:16px;line-height:1.7;max-width:48ch}
.new-hero-media{min-height:570px}
.hero-image-note{left:22px;right:22px;bottom:22px;padding:18px 20px}
.hero-image-note strong{font-size:22px}
.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:14px}
.section{max-width:var(--max);padding:var(--space-6) 30px;margin:0 auto}
.section-head{margin-bottom:var(--space-4)}
.section-head h2{margin-bottom:12px}
.section-head>p:not(.eyebrow){max-width:66ch}
.section>h2,.section h2{margin-bottom:16px}
.section p:last-child{margin-bottom:0}
.service-choices{margin:28px 0 22px}
.service-choice{padding:24px 20px 28px}
.service-choice>span{margin-bottom:16px}
.service-choice h3{font-size:21px;margin-bottom:10px}
.service-choice p{font-size:13.5px;line-height:1.6;margin-bottom:25px}
.project-cards{gap:22px}
.project-card{border-bottom:1px solid var(--line)}
.project-card img{aspect-ratio:1.38;object-fit:cover}
.project-card a>div{padding:18px 2px 22px}
.project-card h3{font-size:21px;margin-bottom:8px}
.project-card p{font-size:13.5px;line-height:1.6}
.personal-section,.bath-feature,.repair-showcase,.region-section{gap:56px}
.personal-notes p{padding:19px 0 19px 38px}
.personal-notes strong{font-size:18px;margin-bottom:6px}
.bath-feature{padding:38px}
.new-steps{gap:20px;margin:30px 0 20px}
.new-steps span{padding-top:14px;margin-bottom:14px}
.new-steps h3{font-size:19px;margin-bottom:8px}
.new-steps p{font-size:13px;line-height:1.6}
.contact-band{gap:42px;padding:42px 40px;margin:0 auto}
.contact-band h2{font-size:clamp(28px,3vw,38px)}
.contact-actions,.hero-actions{gap:10px;margin-top:22px}
.button{min-height:46px;padding:12px 18px;gap:10px;border-radius:var(--radius);font-size:13px}
.text-link,.text-link-light{font-size:13px}
.editorial-breadcrumb{max-width:var(--max);margin:0 auto!important;padding:18px 30px!important;font-size:12px}
.editorial-content{padding-top:20px!important}
.editorial-body{max-width:760px}
.editorial-part{margin:0 0 28px}
.editorial-part h2{font-size:clamp(24px,2.5vw,32px);margin-bottom:12px}
.editorial-part p{margin-bottom:12px}
.page-nav-list{gap:10px;margin-top:20px}
.photo-showcase{max-width:var(--max);margin:0 auto;padding:0 30px}
.photo-showcase-grid{gap:18px}
.photo-showcase figcaption{font-size:12px;padding-top:8px}
.faq{padding-top:18px!important;padding-bottom:18px!important}
.faq details,.faq-list details,.faq-section details{padding:16px 0}
.faq summary{font-size:16px}
.faq details p{margin:12px 0 4px}
.site-footer{margin-top:52px;padding:54px max(30px,calc((100vw - 1140px)/2)) 24px;font-size:12.5px}
.footer-main{gap:32px}
.footer-column{gap:9px}
.footer-column strong{margin-bottom:8px}
.footer-bottom{margin-top:34px;padding-top:18px}
.ad-hero{padding:50px 30px}
.ad-shell .section{padding-top:46px;padding-bottom:46px}
.lead-form{padding:26px;background:#f2efe9;border:1px solid var(--line);border-radius:var(--radius)}
.lead-form h3{font-size:22px;margin-bottom:8px}
.lead-form label{font-size:13px;margin-bottom:14px}
.lead-form input:not([type=checkbox]),.lead-form textarea,.lead-form select{border-color:#cfcbc2;border-radius:4px;padding:11px 12px}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{outline:2px solid #a85e3d;outline-offset:1px}
.consent-banner{max-width:760px;padding:22px 24px;border-radius:6px}
.consent-banner h2{font-size:22px;margin-bottom:8px}
.consent-banner__actions{gap:8px}
.consent-banner .button{min-height:40px;padding:9px 13px}
.consent-settings{bottom:10px;left:10px;padding:7px 10px}
:focus-visible{outline-color:var(--accent);outline-offset:3px}
@media(max-width:1050px){
 .site-header{gap:16px;padding-left:24px;padding-right:24px}
 .brand img{width:158px}
 .site-nav{gap:14px;font-size:12px}
 .header-cta{font-size:13px;padding-left:16px}
 .new-hero{min-height:520px}
 .new-hero-copy{padding:46px 28px}
 .new-hero-media{min-height:520px}
 .section{padding:48px 26px}
 .personal-section,.bath-feature,.repair-showcase,.region-section{gap:36px}
}
@media(max-width:760px){
 html{scroll-padding-top:76px}
 body{font-size:15px}
 h1{font-size:clamp(34px,9vw,43px)}
 h2{font-size:clamp(27px,7vw,34px)}
 .site-header{min-height:70px;padding:10px 18px;gap:10px}
 .brand img{width:145px}
 .site-nav{padding:12px 20px!important;max-height:calc(100vh - 70px)}
 .site-nav>a{padding:10px 0}
 .new-hero{min-height:0}
 .new-hero-copy{padding:34px 22px 27px}
 .new-hero h1{font-size:clamp(34px,9.3vw,42px);margin-bottom:15px}
 .new-hero .eyebrow{margin-bottom:13px}
 .new-hero .hero-intro{font-size:15px}
 .new-hero .hero-actions{margin:18px 0 15px;gap:9px}
 .new-hero .button{min-height:45px;padding:11px 15px}
 .hero-local{margin-top:18px;padding-left:12px;line-height:1.65}
 .new-hero-media{height:320px;min-height:0}
 .hero-image-note{left:14px;right:14px;bottom:14px;padding:13px 14px}
 .hero-image-note span{font-size:10px;margin-bottom:4px}
 .hero-image-note strong{font-size:19px}
 .section{padding:38px 21px}
 .section-head{margin-bottom:20px}
 .service-choices{margin:18px 0 16px}
 .service-choice{padding:19px 14px 25px!important}
 .service-choice h3{font-size:18px}
 .service-choice p{font-size:12.5px}
 .project-cards{gap:12px}
 .project-card a>div{padding:15px 0 18px}
 .project-card h3{font-size:19px}
 .personal-section,.bath-feature,.repair-showcase,.region-section{gap:24px}
 .personal-notes p{padding:15px 0 15px 34px}
 .bath-feature{padding:25px 21px}
 .new-steps{gap:14px;margin:20px 0 14px}
 .new-steps span{padding-top:11px;margin-bottom:10px}
 .new-steps h3{font-size:17px}
 .contact-band{padding:28px 22px;margin:0 8px;gap:16px}
 .contact-band h2{font-size:27px}
 .contact-band p{font-size:14px}
 .button{min-height:44px;padding:11px 15px}
 .editorial-breadcrumb{padding:14px 21px!important;margin:0!important}
 .editorial-content{padding-top:12px!important}
 .editorial-part{margin-bottom:22px}
 .editorial-part h2{font-size:24px}
 .photo-showcase{padding:0 21px}
 .photo-showcase-grid{gap:14px}
 .faq{padding-top:10px!important;padding-bottom:10px!important}
 .faq details,.faq-list details,.faq-section details{padding:13px 0}
 .faq summary{font-size:15px}
 .site-footer{margin-top:34px;padding:38px 22px 20px}
 .footer-main{gap:22px}
 .footer-column{padding-top:18px;gap:9px}
 .footer-bottom{margin-top:24px;padding-top:15px}
 .ad-hero{padding:30px 21px}
 .ad-shell .section{padding:32px 21px}
 .lead-form{padding:20px 16px}
 .consent-banner{left:9px;right:9px;bottom:9px;padding:16px;border-radius:5px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.new-hero h1{max-width:16ch}
@media(max-width:760px){.new-hero h1{max-width:15ch}}

/* Complete bathroom page: bring its orphaned bespoke layout into the shared system. */
.complete-bath-page .hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:510px;background:var(--sand)}
.complete-bath-page .hero-copy{align-self:center;padding:48px max(30px,calc((100vw - 1200px)/2)) 44px}
.complete-bath-page .hero h1{max-width:14ch;font-size:clamp(38px,4vw,54px);line-height:1.08;margin:0 0 16px}
.complete-bath-page .hero-copy>p:not(.eyebrow){max-width:52ch;color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:18px}
.complete-bath-page .hero-copy .micro{font-size:12px;margin:8px 0 0}
.complete-bath-page .hero-proof{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 0}
.complete-bath-page .hero-proof span{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #d4cec3;border-radius:4px;background:#fbfaf7;font-size:11px;color:var(--ink)}
.complete-bath-page .hero-image{position:relative;min-height:510px;overflow:hidden;background:var(--sand)}
.complete-bath-page .hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.complete-bath-page .hero-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#171b27a8);pointer-events:none}
.complete-bath-page .hero-image .image-note{position:absolute;z-index:1;left:22px;right:22px;bottom:45px;color:white;font-size:12px}
.complete-bath-page .hero-image .image-note strong{display:block;font-family:InterLocal,Arial,sans-serif;font-size:21px;font-weight:600}
.complete-bath-page .hero-image figcaption{position:absolute;z-index:2;left:14px;bottom:12px;padding:4px 7px;color:white;background:#202934a8;font-size:10px}
.complete-bath-page .assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px 30px;border-bottom:1px solid var(--line)}
.complete-bath-page .assurance>div{position:relative;padding-left:34px}
.complete-bath-page .assurance span{position:absolute;left:0;top:1px;color:var(--accent);font-size:11px}
.complete-bath-page .assurance strong{display:block;font-size:13px}
.complete-bath-page .assurance p{margin:3px 0 0;color:var(--muted);font-size:12px}
.complete-bath-page .section{max-width:var(--max);padding:54px 30px}
.complete-bath-page .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start}
.complete-bath-page .split>div>p:not(.eyebrow){color:var(--muted);font-size:14px}
.complete-bath-page .trades{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.complete-bath-page .trades article{padding:17px;border:1px solid var(--line);border-radius:4px;background:#fff}
.complete-bath-page .trades .trade-no{display:block;margin-bottom:8px;color:var(--accent);font-size:9px;letter-spacing:.1em}
.complete-bath-page .trades h3{font-size:17px;margin-bottom:6px}
.complete-bath-page .trades p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.complete-bath-page .process.section{max-width:none;padding-left:max(30px,calc((100vw - 1200px)/2));padding-right:max(30px,calc((100vw - 1200px)/2));background:#f3f0ea}
.complete-bath-page .section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}
.complete-bath-page .section-heading h2{margin:0}
.complete-bath-page .section-heading>p{max-width:38ch;margin:0;color:var(--muted);font-size:14px}
.complete-bath-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin:25px 0}
.complete-bath-page .steps li{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-top:1px solid #d3cec5}
.complete-bath-page .steps li>span{flex:0 0 25px;color:var(--accent);font-size:11px}
.complete-bath-page .steps h3{font-size:16px;margin:0 0 6px}
.complete-bath-page .steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.complete-bath-page .selection{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.complete-bath-page .selection .clean-image-frame{position:relative}
.complete-bath-page .selection .clean-image-frame img{width:100%;aspect-ratio:1.5;object-fit:cover}
.complete-bath-page .selection h2{margin-bottom:14px}
.complete-bath-page .selection p:not(.eyebrow){color:var(--muted);font-size:14px}
.complete-bath-page .selection-note{padding-left:14px;border-left:2px solid var(--accent);font-size:12px!important}
.complete-bath-page .clarity.section{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;max-width:none;padding-left:max(30px,calc((100vw - 1200px)/2));padding-right:max(30px,calc((100vw - 1200px)/2));color:white;background:var(--navy)}
.complete-bath-page .clarity .eyebrow{color:#e0c3b5}
.complete-bath-page .clarity h2{color:white}
.complete-bath-page .clarity>div>p:not(.eyebrow){color:#e2e4ec;font-size:14px}
.complete-bath-page .clarity-list{display:grid;grid-template-columns:1fr;gap:0}
.complete-bath-page .clarity-list article{padding:14px 0;border-top:1px solid #ffffff38}
.complete-bath-page .clarity-list h3{font-size:16px;margin:0 0 5px}
.complete-bath-page .clarity-list p{margin:0;color:#e2e4ec;font-size:12px}
.complete-bath-page .faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}
.complete-bath-page .faq-section>div:first-child>p:not(.eyebrow){color:var(--muted);font-size:13px}
.complete-bath-page .faq details{border-bottom:1px solid var(--line)}
.complete-bath-page .faq details:first-child{border-top:1px solid var(--line)}
.complete-bath-page .faq summary{position:relative;padding:15px 28px 15px 0;font-size:14px;font-weight:600;list-style:none;cursor:pointer}
.complete-bath-page .faq summary::-webkit-details-marker{display:none}
.complete-bath-page .faq summary:after{content:"+";position:absolute;right:3px;top:12px;color:var(--accent);font-size:20px}
.complete-bath-page .faq details[open] summary:after{content:"−"}
.complete-bath-page .faq details p{padding:0 24px 15px 0;color:var(--muted);font-size:12px}
.complete-bath-page .contact.section{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start;max-width:none;padding-left:max(30px,calc((100vw - 1200px)/2));padding-right:max(30px,calc((100vw - 1200px)/2));background:var(--sand)}
.complete-bath-page .contact-copy{padding-top:12px}
.complete-bath-page .contact-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}
.complete-bath-page .direct-contact{display:grid;gap:12px;margin-top:20px}
.complete-bath-page .direct-contact a{padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:white;text-decoration:none}
.complete-bath-page .direct-contact small{display:block;color:var(--muted);font-size:10px}
.complete-bath-page .direct-contact strong{font-size:17px}
.complete-bath-page .lead-form{padding:24px;background:white;border:1px solid var(--line);border-radius:5px;box-shadow:none}
.complete-bath-page .lead-form h3{font-size:21px}
@media(max-width:850px){
 .complete-bath-page .hero{grid-template-columns:1fr;min-height:0}
 .complete-bath-page .hero-copy{padding:34px 24px 28px}
 .complete-bath-page .hero h1{font-size:clamp(34px,8vw,42px);max-width:16ch}
 .complete-bath-page .hero-image{min-height:340px}
 .complete-bath-page .assurance{padding:16px 24px}
 .complete-bath-page .section,.complete-bath-page .process.section,.complete-bath-page .clarity.section,.complete-bath-page .contact.section{padding:38px 24px}
 .complete-bath-page .split,.complete-bath-page .selection,.complete-bath-page .clarity,.complete-bath-page .faq-section,.complete-bath-page .contact{grid-template-columns:1fr;gap:23px}
 .complete-bath-page .section-heading{display:block}
 .complete-bath-page .section-heading>p{margin-top:12px}
 .complete-bath-page .steps{grid-template-columns:1fr 1fr;gap:8px 16px;margin:18px 0}
}
@media(max-width:520px){
 .complete-bath-page .assurance{grid-template-columns:1fr;gap:8px}
 .complete-bath-page .assurance>div{padding:9px 0 9px 30px;border-bottom:1px solid var(--line)}
 .complete-bath-page .trades,.complete-bath-page .steps{grid-template-columns:1fr}
 .complete-bath-page .hero-proof{display:grid;grid-template-columns:1fr;gap:5px}
}

/* Contact page: balance the invitation and enquiry form on the same grid. */
.ad-hero-plain .ad-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:start;gap:44px;max-width:1200px}
.ad-hero-plain .ad-shell>div{padding:14px 0}
.ad-hero-plain .ad-shell h1{font-size:clamp(36px,4.2vw,54px);max-width:14ch;margin-bottom:14px}
.ad-hero-plain .ad-shell .hero-copy{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:15px}
.ad-hero-plain .ad-shell>div>p{font-size:13px;margin-bottom:12px}
.ad-hero-plain .lead-email{overflow-wrap:anywhere;color:var(--muted)}
.ad-hero-plain .lead-form{margin:0;max-width:none;padding:25px 26px}
.ad-hero-plain .lead-form h2{font-size:24px;max-width:22ch;line-height:1.2;margin-bottom:8px}
.ad-hero-plain .lead-form .form-intro{font-size:12px;color:var(--muted);margin-bottom:16px}
.ad-hero-plain .lead-form label{margin:12px 0;font-size:12px}
.ad-hero-plain .lead-form input:not([type=checkbox]),.ad-hero-plain .lead-form textarea,.ad-hero-plain .lead-form select{min-height:43px;padding:10px 11px;margin-top:5px;font-size:14px}
.ad-hero-plain .lead-form textarea{min-height:100px}
@media(max-width:900px){.ad-hero-plain .ad-shell{grid-template-columns:1fr;gap:22px}.ad-hero-plain .ad-shell>div{padding:0}.ad-hero-plain .lead-form{max-width:720px}}
@media(max-width:760px){.ad-hero-plain{padding:28px 21px}.ad-hero-plain .ad-shell h1{font-size:clamp(32px,8vw,40px)}.ad-hero-plain .lead-form{padding:20px 16px}.ad-hero-plain .lead-form h2{font-size:21px}}

/* Standard service/editorial heroes use one compact, repeatable template. */
.page-hero,.services-hero,.reference-hero{padding:46px 30px 36px;gap:34px;max-width:var(--max)}
.page-hero:has(.page-hero-inner:only-child),.page-hero-plain,.page-hero--no-image:not(:has(figure)){padding-top:40px;padding-bottom:34px}
.page-hero-inner{max-width:700px}
.page-hero-inner>p:not(.eyebrow),.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}
.page-hero h1{font-size:clamp(34px,3.7vw,49px);max-width:16ch;margin-bottom:14px}
.page-hero figure img,.reference-hero figure img{max-height:450px;aspect-ratio:1.35;object-fit:cover}
.page-hero .hero-actions{margin-top:18px}
@media(max-width:760px){.page-hero,.services-hero,.reference-hero{padding:30px 21px 24px;gap:20px}.page-hero:has(.page-hero-inner:only-child),.page-hero-plain,.page-hero--no-image:not(:has(figure)){padding-top:30px;padding-bottom:24px}.page-hero h1{font-size:clamp(31px,8vw,38px)}.page-hero figure img,.reference-hero figure img{max-height:330px}}
/* A single editorial image should occupy one intentional column, not half an empty grid. */
.photo-showcase-grid.single{grid-template-columns:minmax(0,760px);justify-content:start;max-width:760px}
.photo-showcase-grid.single figure{width:100%}
.photo-showcase-grid.single img{width:100%;aspect-ratio:1.5;object-fit:cover}
.photo-showcase-grid.single figcaption{max-width:70ch}
@media(max-width:760px){.photo-showcase-grid.single{grid-template-columns:minmax(0,1fr);max-width:none}}
/* Gallery sections had a legacy 80px top gap; align them to the shared rhythm. */
.reference-portfolio,.reference-preservation,main>section.related{padding:48px 30px;max-width:var(--max)}
.reference-portfolio-head{margin-bottom:24px}
.reference-portfolio>article,.reference-portfolio>figure,.reference-single,.project-detail{padding:18px}
@media(max-width:760px){.reference-portfolio,.reference-preservation,main>section.related{padding:34px 21px}.reference-portfolio>article,.reference-portfolio>figure,.reference-single,.project-detail{padding:12px}}

/* Blend the existing brand mark into the footer surface without altering its artwork. */
.footer-brand-logo img{mix-blend-mode:multiply}