@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202b28;--green:#3c7950;--lime:#dcebc7;--paper:#f6f6f0;--line:#dfe3db}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px 'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}p{line-height:1.75;color:#626b65}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(44px,5.8vw,80px);font-weight:600;margin:22px 0}h2{font-size:clamp(32px,3.7vw,49px);font-weight:600;margin:18px 0 26px}h3{font-size:23px;font-weight:600}small{font-size:11px;letter-spacing:.15em;font-weight:700}header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:white;z-index:20;border-bottom:1px solid var(--line)}.logo{width:205px;height:auto;display:block}.top{padding:11px 5%;background:var(--green);color:white;display:flex;justify-content:space-between;font-size:12px}.top span{margin-left:32px;color:white}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav> a:not(.button):hover{color:var(--green)}.button{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;padding:17px 25px;border:1px solid var(--green);border-radius:3px;font-weight:600;font-size:14px;gap:15px}.button:hover{background:#285d39}.drop>button{border:0;background:none;padding:18px 0;color:inherit}.mega{display:none;position:absolute;top:100%;left:5%;right:5%;padding:35px;background:white;box-shadow:0 20px 25px #1b32251a;border-top:3px solid var(--green);grid-template-columns:1fr 2fr;gap:35px}.drop:hover .mega,.drop:focus-within .mega,.drop.expanded .mega{display:grid}.mega h3{font-size:27px;line-height:1.4}.mega small{color:var(--green)}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.menu-links a{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:10px}.menu-links a:hover{color:var(--green)}#mobile{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);min-height:610px}.herocopy{padding:70px 8% 55px 10%}.herocopy>small{color:var(--green)}.herocopy p{max-width:470px;font-size:17px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.quiet{font-size:14px;font-weight:700;border-bottom:1px solid #9eafa0;padding:10px 0;display:inline-block}.heronote{font-size:12px;color:#6e786f;margin-top:45px;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}.heroimage{position:relative;min-width:0;overflow:hidden}.heroimage>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photocaption{position:absolute;bottom:25px;left:25px;right:25px;color:white;background:#20362ad9;backdrop-filter:blur(10px);padding:23px;font-size:10px;letter-spacing:.13em;display:flex;justify-content:space-between}.trust{padding:25px 5%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:13px}.trust span:before{content:'✓';color:var(--green);margin-right:12px}.section{padding:85px 5%}.sectiontitle{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:25px}.sectiontitle p{max-width:380px}.section small{color:var(--green)}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.servicecard{padding:30px;border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}.servicecard:hover{background:var(--paper);border-color:#91ae94;transform:translateY(-3px)}.servicecard small{font-size:12px;color:var(--green)}.servicecard h3{margin:20px 0 10px;font-size:23px}.servicecard p{font-size:14px;margin:0 0 25px}.servicecard b{font-size:12px;margin-top:auto;color:var(--green)}.aboutsplit{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.aboutsplit>img{width:100%;height:100%;min-height:480px;max-height:680px;object-fit:cover}.aboutsplit>div{padding:70px 10%}.aboutsplit p{font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps b{color:var(--green);font-size:15px;border-top:1px solid var(--line);padding-top:20px;display:block}.steps p{font-size:15px}.responsible{margin:0 5% 85px;background:#eef2e8;padding:50px;display:flex;align-items:center;gap:55px}.responsible img{width:100px;height:100px;object-fit:contain}.responsible h2{font-size:36px}.responsible p{max-width:850px;margin-bottom:0}.cta{background:var(--ink);color:white;padding:65px 5%;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta small{color:var(--lime)}.cta h2{margin-bottom:0}.cta p{color:#c3cec6;font-size:14px}.cta .button{background:var(--lime);border-color:var(--lime);color:var(--ink)}footer{padding:60px 5% 25px;background:#f4f5ef}.footgrid{display:grid;grid-template-columns:1.1fr 1fr .8fr 1fr;gap:35px;font-size:13px}.footgrid h3{font-size:16px;letter-spacing:-.02em;margin:0 0 20px}.footgrid a:not(.reg){display:block;margin-bottom:12px}.footgrid p{font-size:13px;line-height:1.8}.recycle{width:45px;margin-top:20px}.reg{font-weight:bold;color:var(--green)}.footgrid small{letter-spacing:0;line-height:1.7;font-weight:400}.copyright{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;font-size:11px;color:#6c776e}.textbutton{border:0;background:none;padding:0;color:inherit;font-size:13px}.whatsapp{position:fixed;right:22px;bottom:20px;z-index:25;background:#285d39;color:white;padding:16px 22px;border-radius:30px;font-size:13px;box-shadow:0 5px 18px #0002}#cookies{position:fixed;bottom:20px;left:20px;max-width:640px;z-index:50;background:white;border:1px solid var(--line);padding:26px;box-shadow:0 8px 35px #0003;border-radius:6px}#cookies[hidden]{display:none}#cookies p{font-size:12px;line-height:1.6;margin-bottom:17px}#cookies a{text-decoration:underline}.cookie-actions{display:flex;gap:12px}.cookie-actions button{padding:12px 22px;border:1px solid var(--line);background:var(--paper);border-radius:3px;font-size:12px}.cookie-actions .button{background:var(--green);color:white}.pageintro{padding:75px 5%;background:var(--paper);border-bottom:1px solid var(--line)}.pageintro h1{max-width:1000px;font-size:clamp(44px,5vw,66px)}.pageintro p{max-width:650px;font-size:18px}.pageintro small{color:var(--green)}.detail{padding:75px 8%;display:grid;grid-template-columns:2fr 1fr;gap:80px}.detail h2{font-size:37px}.detail li{line-height:2;color:#626b65}.detail ul{padding-left:20px;margin-bottom:30px}.detail aside{background:var(--paper);padding:35px;align-self:start}.detail aside img{width:55px}.detail aside a{color:var(--green);font-weight:600}.detail aside h3{line-height:1.4}.detail aside hr{border:0;border-top:1px solid var(--line);margin-top:30px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery figure{margin:0}.gallery img{width:100%;height:370px;object-fit:cover}.gallery figcaption{font-size:12px;margin-top:12px;color:#747f77}.contactgrid{padding:70px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.contactgrid h2{font-size:34px}.contactlist{margin:35px 0}.contactlist a{display:block;font-weight:600;margin:15px 0}.contactgrid form{background:var(--paper);padding:35px}.contactgrid form h2{margin-top:0}.contactgrid form>p{font-size:13px}label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}input,textarea,select{display:block;width:100%;padding:13px;border:1px solid #ccd4cb;background:white;border-radius:2px;margin-top:8px;color:var(--ink)}textarea{resize:vertical}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.small{font-size:12px}.small a{text-decoration:underline}.faq{padding-top:20px;max-width:1000px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-weight:600}.policy{max-width:900px;margin:auto;padding:50px 5% 80px}.policy h2{font-size:28px;margin-top:40px}:focus-visible{outline:3px solid #80a54d;outline-offset:4px}
@media(min-width:1500px){.hero{min-height:700px}.herocopy{padding-top:100px}}@media(max-width:1000px){nav{gap:18px}.logo{width:170px}.herocopy{padding:50px 7%}.actions{flex-direction:column;align-items:flex-start;gap:10px}.servicegrid{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr 1fr}.detail{gap:35px}.contactgrid{gap:35px}}@media(max-width:760px){.top span{display:none}.top{font-size:10px;padding:10px 5%}.logo{width:160px}header{padding:18px 5%;flex-wrap:wrap}#mobile{display:block;background:var(--green);color:white;border:1px solid var(--green);border-radius:3px;padding:10px;font-size:12px}#mobile:hover{background:#285d39;border-color:#285d39}nav{display:none;width:100%;padding:20px 0 0;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav>a{padding:15px 0}nav>a.button{padding:16px}.drop>button{width:100%;text-align:left}.mega{position:static;padding:10px 0;box-shadow:none;border-top:1px solid var(--line);grid-template-columns:1fr!important}.mega>div:first-child{display:none}.drop:hover .mega{display:none}.drop.expanded .mega,.drop:focus-within.expanded .mega{display:grid}.menu-links{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.herocopy{padding:50px 6% 35px}.herocopy h1{font-size:56px}.herocopy p{font-size:16px}.heroimage{height:340px}.actions{flex-direction:row;align-items:center;gap:20px}.actions .button{padding:16px}.heronote{margin-top:30px}.trust{flex-direction:column;gap:15px;padding:24px 6%;font-size:12px}.section{padding:55px 6%}.sectiontitle{display:block}.sectiontitle p{max-width:none}.servicegrid{grid-template-columns:1fr}.servicecard{padding:25px}.aboutsplit{grid-template-columns:1fr}.aboutsplit>img{height:320px;min-height:0}.aboutsplit>div{padding:45px 6%}.steps{grid-template-columns:1fr;gap:20px}.responsible{margin:0 6% 55px;padding:30px;display:block}.responsible img{width:60px;height:60px}.responsible h2{font-size:30px}.responsible p{font-size:14px}.cta{padding:45px 6%;flex-direction:column;align-items:flex-start}.cta h2{font-size:33px}.footgrid{grid-template-columns:1fr 1fr;gap:35px 20px}.footgrid .logo{width:145px}footer{padding:45px 6% 85px}.footgrid a{overflow-wrap:anywhere}.pageintro{padding:50px 6%}.pageintro p{font-size:16px}.detail{padding:40px 6%;grid-template-columns:1fr;gap:35px}.detail h2{font-size:31px}.contactgrid{padding:45px 6%;grid-template-columns:1fr}.contactgrid form{padding:25px 20px}.formrow{grid-template-columns:1fr;gap:0}.gallery{grid-template-columns:1fr}.gallery img{height:320px}#cookies{left:12px;right:12px;bottom:12px;padding:20px;max-width:none}.cookie-actions button{flex:1;padding:12px}.whatsapp{right:15px;bottom:15px}.policy{padding:25px 6% 50px}}

/* Match the logo artwork background across both branded areas. */
header,footer{background:#f0ffe2}

/* Keep navigation available while scrolling on every page. */
html{scroll-padding-top:120px}
@media(max-width:760px){html{scroll-padding-top:100px}header:has(nav.open){max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}}

#enquiry-success{width:min(440px,calc(100% - 32px));border:1px solid var(--line);border-radius:14px;padding:32px;text-align:center;color:var(--ink);box-shadow:0 24px 80px #16312240}#enquiry-success::backdrop{background:#14281eb3}#enquiry-success img{width:200px;max-width:100%;height:auto}#enquiry-success h2{font-size:30px;margin:15px 0}#enquiry-success p{font-size:15px}#enquiry-success .success-mark{margin:22px auto 0;width:48px;height:48px;display:grid;place-items:center;background:var(--lime);color:var(--green);border-radius:50%;font-size:26px}button:disabled{opacity:.7;cursor:wait}

.contact-method{border:1px solid #a8bda4;border-radius:6px;margin:24px 0;padding:18px}.contact-method legend{font-size:13px;font-weight:700;padding:0 6px}.contact-method label{display:flex;align-items:center;gap:10px;margin:8px 0 14px;font-size:14px}.contact-method label:last-child{margin-bottom:0}.contact-method input{width:18px;height:18px;margin:0;accent-color:var(--green)}.contact-method span{background:var(--lime);color:#285d39;padding:4px 8px;border-radius:12px;font-size:11px}#email-optional{font-weight:400}

.copyright{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.copyright a{text-decoration:underline;text-underline-offset:3px}

/* Keep the contact strip legible and bring the homepage hero copy closer together. */
.top{align-items:center;gap:12px}
.top>div,.top>a{font-size:14px}
.top>a{white-space:nowrap;font-weight:600}
.top span{font-size:12px}
.herocopy{padding-top:clamp(40px,4vw,62px)}
.herocopy h1{margin-top:14px}
@media(max-width:760px){
  .top>div,.top>a{font-size:12px}
  .herocopy{padding-top:32px}
  .herocopy h1{margin-top:12px}
}


.hero + .trust{background:var(--green);color:#fff;font-size:15px;font-weight:600}
.hero + .trust a,.hero + .trust span::before{color:inherit}
.hero + .trust a{text-decoration:underline;text-underline-offset:3px}
.heronote{font-size:14px}
@media(max-width:760px){.hero + .trust{font-size:14px}}

.heronote.hero-credentials{display:block;padding-left:1.15em;margin-bottom:0;line-height:1.5}.hero-credentials li+li{margin-top:3px}.hero-credentials li::marker{color:var(--green)}

@media(min-width:761px){.heronote.hero-credentials{font-size:20px}}

.home-brand{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none}
.home-brand .logo{width:225px}
.home-brand-name{white-space:nowrap;text-align:center;font-size:13px;font-weight:700;line-height:1.3;color:var(--green)}
@media(max-width:1000px){.home-brand .logo{width:190px}.home-brand-name{font-size:12px}}
@media(max-width:760px){.home-brand .logo{width:175px}.home-brand-name{font-size:12px}}
@media(max-width:360px){header:has(.home-brand){column-gap:4px}header:has(.home-brand) #mobile{padding-inline:6px}}

@media(max-width:760px){header #mobile,header #mobile:hover{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--green)}header:has(.home-brand) #mobile{padding:0}}

@media(min-width:761px){.hero .herocopy{padding-right:4%}.hero .herocopy p{max-width:530px}}
@media(max-width:760px){.hero .herocopy{padding-bottom:24px}}

@media(min-width:761px){
  .hero .herocopy{padding-left:clamp(62px,8.5vw,180px);padding-right:3%}
}
