:root{--slate:#0b1112;--stone:#172022;--mist:#eef0ea;--moss:#c8d66b;--lichen:#a9b95b;--green:#273b2c;--heather:#7b6f91;--rust:#a7663f;--line:rgba(255,255,255,.16);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--slate);color:#f7f8f2;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#000;padding:.6rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.8rem clamp(1rem,3vw,2rem);background:rgba(11,17,18,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--moss);color:#111;font-weight:900;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.brand small{display:block;color:#bfc7bd;letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}.site-nav{display:flex;gap:1rem;align-items:center}.site-nav a{text-decoration:none;color:#e6eadf;font-size:.95rem}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;background:var(--moss);color:#101410;padding:.85rem 1.05rem;font-weight:800;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);cursor:pointer}.button.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid var(--line)}.nav-toggle{display:none}.hero{position:relative;min-height:720px;display:grid;align-items:end;padding:8rem clamp(1rem,4vw,4rem) 3rem;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,17,18,.93),rgba(11,17,18,.58),rgba(11,17,18,.22)),linear-gradient(0deg,rgba(11,17,18,.92),transparent 45%)}.hero-content{position:relative;max-width:760px;z-index:1}.section-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--moss);font-weight:850;font-size:.78rem}.hero h1,.page-hero h1{font-size:clamp(2.6rem,7vw,6.7rem);line-height:.9;margin:.5rem 0 1rem;letter-spacing:-.065em}.hero p,.page-hero p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:720px;color:#e5eadf}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.before-after-card{position:absolute;right:clamp(1rem,4vw,4rem);bottom:3rem;width:min(430px,calc(100% - 2rem));z-index:2;background:rgba(15,25,25,.78);border:1px solid var(--line);padding:1rem;backdrop-filter:blur(18px)}.before-after-card div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}.before-after-card img{height:128px;width:100%;object-fit:cover}.proof-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#263031;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip span{padding:1.2rem;text-align:center;background:#111819;color:#dce3d6;font-weight:750}.dark-section,.light-section,.problem-band,.areas-band,.contact-panel,.split-section,.page-hero,.footer{padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem)}.dark-section{background:radial-gradient(circle at top left,rgba(169,185,91,.12),transparent 35%),var(--slate)}.light-section{background:var(--mist);color:#101412}.section-heading{max-width:780px;margin:0 auto 2rem;text-align:center}.section-heading h2,.contact-panel h2,.problem-band h2,.areas-band h2,.footer h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.5rem 0}.project-grid,.card-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.project-card,.image-card{background:#151d1f;border:1px solid var(--line);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.project-card img,.image-card img{height:220px;width:100%;object-fit:cover}.project-card div,.image-card div{padding:1rem}.project-card span,.chip{display:inline-block;background:rgba(200,214,107,.16);color:var(--moss);padding:.2rem .45rem;font-size:.78rem;font-weight:800}.project-card a,.image-card a{color:var(--moss);font-weight:800}.services-grid{grid-template-columns:repeat(2,1fr)}.image-card{display:grid;grid-template-columns:44% 1fr;background:#fff;color:#101412;border-color:#cdd3c8}.muted{color:#536057}.problem-band{background:linear-gradient(135deg,#0f1718,#24322a);text-align:center}.problem-grid{max-width:var(--max);margin:1.5rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.problem-grid p{margin:0;background:rgba(255,255,255,.08);border:1px solid var(--line);padding:1rem}.timeline{max-width:900px;margin:auto;display:grid;gap:.9rem;counter-reset:steps}.timeline li{list-style:none;background:#fff;border-left:5px solid var(--lichen);padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}.materials{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:center}.materials img,.split-section img{border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.35)}.areas-band{background:#111819;text-align:center}.area-chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:900px;margin:1.5rem auto}.area-chips span{border:1px solid var(--line);padding:.6rem .8rem;background:rgba(255,255,255,.06)}.contact-panel{background:#e7eadf;color:#101412}.contact-panel>p,.contact-panel>h2,.contact-panel>.section-kicker{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.enquiry-form{max-width:920px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.enquiry-form label{display:block;font-weight:800;margin-bottom:.3rem}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{width:100%;padding:.9rem;border:1px solid #aeb7aa;background:#fff;font:inherit}.enquiry-form textarea,.photo-note,.enquiry-form button,.form-status{grid-column:1/-1}.page-hero{background:linear-gradient(135deg,#0b1112,#1f2e25);padding-top:8rem}.breadcrumbs{font-size:.85rem;color:#cbd4c4;margin-bottom:1rem}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:#eef0ea;color:#101412}.before-after-detail{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:clamp(2rem,5vw,4rem);background:#111819}.before-after-detail img{height:460px;width:100%;object-fit:cover}.feature-list{font-size:1.15rem;max-width:800px}.footer{background:#070b0c}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.small{color:#b8c1b5;font-size:.86rem}.mobile-cta{display:none}
@media (max-width:900px){.site-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:1rem;background:#0b1112;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.nav-toggle{display:block;background:transparent;color:#fff;border:1px solid var(--line);padding:.5rem}.hero{min-height:760px;padding-top:6rem}.before-after-card{position:relative;right:auto;bottom:auto;margin-top:2rem}.proof-strip,.project-grid,.problem-grid,.materials,.split-section,.before-after-detail{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.image-card{grid-template-columns:1fr}.enquiry-form{grid-template-columns:1fr}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);background:#101819;border-top:1px solid var(--line)}.mobile-cta a{text-align:center;padding:.85rem .4rem;text-decoration:none;color:#111;background:var(--moss);font-weight:900}.footer{padding-bottom:5rem}}@media (max-width:560px){.hero h1,.page-hero h1{font-size:2.55rem}.hero{min-height:700px}.proof-strip{grid-template-columns:1fr}.project-card img,.image-card img{height:190px}.dark-section,.light-section,.problem-band,.areas-band,.contact-panel,.split-section,.page-hero,.footer{padding-left:1rem;padding-right:1rem}}