*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:#233b3d;background:#fff;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:550;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(44px,6vw,78px);margin-bottom:24px}h2{font-size:clamp(30px,3.6vw,46px);margin-bottom:24px}h3{font-size:20px;line-height:1.35;letter-spacing:-.02em}p{max-width:65ch}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.topbar{background:#004b5f;color:white;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}.topbar a{text-decoration:none}header{background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #e4e9e5}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.logo img{width:210px;height:auto}nav{display:flex;gap:26px}nav a{font-size:14px;text-decoration:none}nav a[aria-current]{font-weight:700;color:#004b5f;text-decoration:underline;text-underline-offset:8px}.button{display:inline-flex;align-items:center;justify-content:center;background:#004b5f;color:white;text-decoration:none;padding:15px 23px;border:0;border-radius:3px;font:600 14px/1.5 system-ui;cursor:pointer}.button:hover{background:#013746}.header-cta{padding:12px 17px}.hero{background:linear-gradient(90deg,rgba(0,38,43,.9),rgba(0,38,43,.2)),url('assets/coppice-extension-hero.jpeg') center 58%/cover;color:white;padding:90px 0}.hero-copy{max-width:610px}.hero p{font-size:19px;max-width:420px}.hero .button{background:#d4e5b0;color:#183a35}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.17em;margin-bottom:22px}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.text-link{font-weight:600;font-size:14px;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}section{padding:78px 0}.intro{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.lead{font-size:20px;line-height:1.6}.soft{background:#f2f4ef}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2{margin-bottom:0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.projects img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.projects h3{margin:20px 0 10px}.projects p{font-size:14px}.service-list a{display:flex;align-items:center;gap:18px;text-decoration:none;padding:22px 0;border-bottom:1px solid #cdd6d2}.service-list a:first-child{padding-top:0}.service-list h3{margin:0;flex:1}.service-list span{font-size:12px;color:#6c7d74}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-left:24px;margin-top:35px}.steps li{padding-left:8px}.steps li::marker{color:#477359;font-weight:700}.steps p{font-size:15px}.testimonial{text-align:center}.testimonial .wrap{max-width:850px}.testimonial blockquote{font-size:clamp(23px,3vw,34px);line-height:1.45;letter-spacing:-.03em;margin:20px 0}.testimonial p{margin-left:auto;margin-right:auto;font-size:14px}details{border-top:1px solid #d7e0da;margin-top:30px;padding-top:20px}summary{cursor:pointer;font-size:14px}.testimonial .small-quote{font-size:23px}.cta{background:#004b5f;color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cta .split{grid-template-columns:1fr auto}.cta p{margin-bottom:0}.light{background:#d4e5b0;color:#183a35}.light:hover{background:#e2edcb}.footer{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:30px;padding:40px 0;font-size:12px}footer a{overflow-wrap:anywhere}footer strong{font-size:16px}footer p{margin-top:12px}.mobile-call{display:none}.page-title{padding-top:70px;padding-bottom:55px}.page-title h1{max-width:850px}.service-section{border-top:1px solid #e3e9e3}.service-section:nth-child(odd){background:#f2f4ef}.service-section img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.photo-grid figure{margin:0}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-grid figcaption{margin-top:12px;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.phone{font-size:clamp(24px,3vw,37px);text-decoration:none;font-weight:600}.contact-grid a{overflow-wrap:anywhere}.enquiry{background:white;padding:35px}.enquiry h2{font-size:30px}form{display:grid;gap:8px}form label{font-size:14px;font-weight:600;margin-top:12px}input,textarea{width:100%;font:inherit;padding:12px;border:1px solid #9eafa7;border-radius:2px}form button{margin-top:16px}.fine,#email-status{font-size:12px;margin-top:15px}.legal{max-width:820px}.legal h1{font-size:clamp(38px,5vw,60px)}.legal h2{font-size:25px;margin-top:38px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:30}.skip:focus{top:0}:focus-visible{outline:3px solid #b58022;outline-offset:5px}@media(max-width:850px){.header-cta{display:none}.intro{gap:30px}.projects{gap:18px}.split,.contact-grid{gap:30px}.footer{grid-template-columns:1fr 1fr}.header{gap:15px}nav{gap:16px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{padding:12px 0;flex-wrap:wrap;justify-content:center;gap:12px}.logo img{width:170px}nav{width:100%;justify-content:center;gap:25px}nav a{font-size:13px}.topbar{font-size:10px}.hero{padding:50px 0;background-position:48% 58%}.hero p{font-size:17px}.hero h1{font-size:48px}.actions{gap:20px;flex-wrap:wrap;margin-top:25px}section{padding:45px 0}.intro,.split,.contact-grid{grid-template-columns:1fr;gap:22px}.lead{font-size:18px}.projects{grid-template-columns:1fr;gap:25px}.projects article:nth-child(n+3){display:none}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:18px}.projects h3{margin-top:14px}.projects p{margin-bottom:0}.steps{grid-template-columns:1fr;gap:10px;margin-bottom:0}.steps h3{margin-bottom:8px}.testimonial blockquote{font-size:25px}.cta .split{grid-template-columns:1fr}.cta .button{justify-self:start}.footer{grid-template-columns:1fr;gap:8px;padding-bottom:90px}.mobile-call{display:block;position:fixed;bottom:12px;left:18px;right:18px;background:#004b5f;color:white;padding:13px;text-align:center;text-decoration:none;z-index:20;border:1px solid #d4e5b0;border-radius:4px;box-shadow:0 3px 12px #0003;font-size:14px;font-weight:600}.page-title{padding-top:40px;padding-bottom:35px}.photo-grid{gap:24px;grid-template-columns:1fr}.enquiry{padding:24px}.contact-grid h2{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.work-page .projects article{display:block}

.featured-extension img{width:100%;height:auto;border-radius:3px}.featured-extension + .soft{padding-top:0}

.projects img[src*="coppice-clad-extension-updated"]{object-position:center 45%}

.customer-reviews{background:#f2f4ef}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-top:32px}.customer-review{margin:0;padding:30px;background:#fff;border-top:3px solid #8ba96a;border-radius:3px}.customer-review blockquote{margin:0;font-size:16px;line-height:1.75}.customer-review blockquote p{margin:0 0 16px;max-width:none}.customer-review figcaption{font-weight:700;color:#004b5f;margin-top:24px}.customer-review:first-child{grid-column:1/-1}.customer-review:first-child blockquote{max-width:90ch}@media(max-width:600px){.review-grid{grid-template-columns:1fr;gap:18px}.customer-review{padding:24px}.customer-review:first-child{grid-column:auto}}

/* Show each additional project photograph in full, including portrait views. */
.photo-grid .additional-project img{object-fit:contain;background:#f2f3ef}

.featured-build .split> a img{width:100%;height:auto;border-radius:3px}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:36px}.project-details figure{margin:0}.project-details img{width:100%;height:420px;object-fit:contain;background:#e8ece4}.project-details figcaption{font-size:14px;margin-top:12px}@media(max-width:600px){.project-details{grid-template-columns:1fr;gap:24px}.project-details img{height:auto;max-height:none}.featured-build .split{gap:26px}}

/* Portfolio and homepage refinement */
.hero{padding:80px 0;background-image:linear-gradient(90deg,rgba(0,32,39,.92),rgba(0,32,39,.6) 45%,rgba(0,32,39,.06)),url('assets/coppice-extension-hero.jpeg')}.hero h1{font-size:clamp(44px,5.5vw,72px);margin-bottom:16px}.hero .hero-promise{font-size:clamp(23px,2.4vw,32px);line-height:1.25;max-width:none;font-weight:500;color:#d4e5b0;margin-bottom:24px}.hero .experience{font-size:14px;font-weight:650;letter-spacing:.02em;border-left:3px solid #b4cc8c;padding-left:14px;margin-top:24px}.project-photo{display:block;overflow:hidden;border-radius:4px}.project-photo img{transition:transform .25s ease}.project-photo:hover img{transform:scale(1.025)}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.category-nav a{padding:10px 16px;border:1px solid #c9d5cd;border-radius:3px;text-decoration:none;font-size:14px;font-weight:600}.category-nav a:hover{background:#004b5f;color:white}.portfolio-section{border-top:1px solid #e1e7e1}.portfolio-section:nth-of-type(odd){background:#f6f7f3}.portfolio-section .section-head p{margin:16px 0 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:start}.project-card{min-width:0;background:white;border:1px solid #e1e7e1;border-radius:5px;overflow:hidden}.project-card>.project-photo{border-radius:0}.project-card>.project-photo img{width:100%;height:270px;object-fit:cover}.project-copy{padding:22px}.project-copy h3{font-size:20px;margin-bottom:10px}.project-copy>p{font-size:14px;color:#4e6565;margin-bottom:0}.project-views{margin-top:18px;padding-top:14px}.project-views summary{font-size:13px;font-weight:600;color:#004b5f}.project-views img{height:auto;width:100%;margin-top:16px}.view-caption{font-size:12px;margin-top:8px}.project-card>.phone-capture img{transform:scale(2.15);object-fit:contain}.phone-capture{background:#e8ece4}.featured-build .split>.project-photo img{width:100%;height:auto}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.customer-review:first-child{grid-column:auto}.customer-review{padding:24px}.customer-review blockquote{font-size:15px}.customer-review details{margin-top:12px;padding-top:12px}.customer-review summary{font-weight:600;color:#004b5f}.customer-review details p:first-of-type{margin-top:16px}.customer-review figcaption{margin-top:18px}.projects article:nth-child(n+3){display:block}.projects .text-link{display:inline-block;margin-top:8px}.projects .project-photo img{height:auto}.project-details img{height:390px}.featured-build .project-details figure:first-child img{object-fit:contain}.service-section img{border-radius:4px}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero{padding:48px 0;background-position:54% center}.hero h1{font-size:44px}.hero .hero-promise{font-size:25px}.hero-copy{max-width:100%}.category-nav{justify-content:flex-start;width:auto;gap:8px}.category-nav a{font-size:12px;padding:9px 12px}.portfolio-grid{grid-template-columns:1fr;gap:24px}.project-card>.project-photo img{height:280px}.review-grid{grid-template-columns:1fr}.project-details img{height:auto}.projects article:nth-child(n+3){display:block}.section-head p{font-size:15px}.project-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){.project-photo img{transition:none}}

@media(min-width:601px){.portfolio-grid:has(>article:only-child){grid-template-columns:1fr}.portfolio-grid>article:only-child{display:grid;grid-template-columns:1fr 1fr;align-items:center}.portfolio-grid>article:only-child>.project-photo img{height:360px}}