:root{--ink:#172018;--forest:#243a29;--deep:#0d0f0d;--green:#78943d;--lime:#a6c83d;--sand:#f4f1e8;--white:#fff;--muted:#657066;--line:#dfe3dc;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.top{background:#18251b;color:#fff;font-size:14px}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:8px;padding-bottom:8px}.top-contact{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.top-contact small{text-transform:uppercase;letter-spacing:1px;color:#c7d0c8}.top a{text-decoration:none}.top-phone,.top-email{font-size:18px;font-weight:900;color:#b6d94b;line-height:1}
.header{position:sticky;top:0;z-index:20;background:var(--deep);border-bottom:1px solid #2b332c;box-shadow:0 3px 14px rgba(0,0,0,.18)}.nav{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-logo{display:flex;align-items:center;flex:0 0 auto}.brand-logo img{width:320px;height:auto}.nav nav{display:flex;align-items:center;justify-content:flex-end;gap:17px}.nav nav a{text-decoration:none;font-weight:700;font-size:13px;color:#fff;white-space:nowrap}.menu{display:none;background:none;border:0;color:#fff;font-size:30px}.btn{display:inline-block;background:var(--lime);color:#172018!important;text-decoration:none;padding:12px 18px;border-radius:4px;font-weight:800;border:0;cursor:pointer}.btn.dark{background:var(--forest);color:#fff!important}
.hero,.garden-hero,.image-hero{min-height:650px;display:flex;align-items:center;position:relative;color:#fff;background-position:center;background-size:cover}.hero{background-image:linear-gradient(90deg,rgba(17,27,19,.9),rgba(17,27,19,.4)),url('images/jake-2026/homepage-hero.webp')}.garden-hero{background-image:linear-gradient(90deg,rgba(17,27,19,.9),rgba(17,27,19,.25)),url('images/jake-2026/garden-room-12.webp')}.eco-hero{background-image:linear-gradient(90deg,rgba(17,27,19,.9),rgba(17,27,19,.25)),url('images/jake-2026/eco-extension-10.webp')}.extension-hero{background-image:linear-gradient(90deg,rgba(17,27,19,.9),rgba(17,27,19,.3)),url('images/jake-2026/homepage-extension-card.webp')}.barn-hero{background-image:linear-gradient(90deg,rgba(17,27,19,.88),rgba(17,27,19,.25)),url('images/jake-2026/barn-conversion-03.webp')}.hero .content,.garden-hero .content{max-width:760px;padding:90px 0}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:800;color:#a8c966}.hero h1,.garden-hero h1,.pagehero h1{font-size:clamp(43px,6vw,76px);line-height:1.02;margin:12px 0 20px;letter-spacing:-2px}.hero p,.garden-hero p,.pagehero p{font-size:20px;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trust{background:var(--sand);border-bottom:1px solid #e8e3d8}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:27px 16px;text-align:center}.stat b{display:block;font-size:21px}.stat span{color:var(--muted);font-size:14px}.section{padding:82px 0}.section.alt{background:var(--sand)}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-1.5px;margin:8px 0 20px}h3{font-size:23px;line-height:1.2;margin:10px 0}.lead{font-size:19px;color:#475148}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:42px}.card{background:#fff;border:1px solid var(--line);overflow:hidden}.card img{width:100%;height:220px;object-fit:cover}.card .pad{padding:22px}.card p{color:var(--muted)}.link{font-weight:800;text-decoration:none;color:var(--forest)}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.split>img{width:100%;height:520px;object-fit:cover}.checks{padding:0;list-style:none}.checks li{padding:7px 0 7px 28px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.cta{background:var(--forest);color:#fff}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{margin-bottom:8px}.pagehero{background-color:var(--forest);color:#fff;padding:85px 0}.pagehero.image-hero{padding:0}.image-hero .wrap{padding-top:110px;padding-bottom:110px}.story-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.story-gallery figure{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}.story-gallery img{width:100%;height:290px;object-fit:cover}.story-gallery figcaption{padding:12px 14px;font-weight:700;font-size:14px;color:var(--muted)}
.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contactbox{background:var(--sand);padding:34px}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .full{grid-column:1/-1}.form label{display:block;font-weight:700;margin-bottom:5px}.form input,.form textarea{width:100%;padding:14px;border:1px solid #cfd5ce;font:inherit}.form textarea{min-height:160px}.people-project{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;margin-top:70px;padding-top:52px;border-top:1px solid var(--line)}.people-project>img{width:100%;height:470px;object-fit:cover}.project-sequence{margin-top:64px;padding-top:44px;border-top:1px solid var(--line)}.sequence-head{max-width:760px;margin-bottom:24px}.sequence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sequence-grid figure{margin:0;background:var(--sand);border:1px solid var(--line)}.sequence-grid img{width:100%;height:290px;object-fit:cover}.sequence-grid figcaption{padding:12px 14px;font-weight:700;font-size:14px}
.eco-strip{padding:36px 0;background:#edf2e4;border-top:1px solid #dce5ca}.eco-strip .wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:42px;align-items:center}.eco-strip h2{font-size:28px;margin:6px 0}.eco-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:center}.eco-logos img{width:100%;height:92px;object-fit:contain;background:#fff;border:1px solid #d6ddcc;padding:8px}footer{background:#101711;color:#dbe2dc;padding:52px 0 25px}footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}footer .brand-logo img{width:300px}footer a{color:#dbe2dc;text-decoration:none}footer .fine{border-top:1px solid #334037;margin-top:35px;padding-top:20px;font-size:13px;color:#9ba79e}
@media(max-width:1100px){.nav{min-height:88px}.brand-logo img{width:250px}.menu{display:block}.nav nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--deep);padding:20px 24px;flex-direction:column;align-items:stretch;gap:12px;border-top:1px solid #2b332c}.nav nav.open{display:flex}.nav nav a{font-size:15px}.services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.top .wrap{align-items:flex-start;flex-direction:column;gap:6px}.hero,.garden-hero{min-height:580px}.trust .wrap{grid-template-columns:1fr 1fr}.intro,.split,.contactgrid,.eco-strip .wrap,.people-project{grid-template-columns:1fr;gap:34px}.story-gallery,.sequence-grid{grid-template-columns:1fr 1fr}.split>img,.people-project>img{height:390px}.cta .wrap{align-items:flex-start;flex-direction:column}.eco-logos{grid-template-columns:repeat(4,1fr)}footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 36px))}.top{font-size:12px}.top-phone,.top-email{font-size:16px}.brand-logo img{width:205px}.services,.story-gallery,.sequence-grid,.form{grid-template-columns:1fr}.form .full{grid-column:auto}.trust .wrap{grid-template-columns:1fr 1fr}.hero,.garden-hero{min-height:560px}.hero .content,.garden-hero .content{padding:64px 0}.section{padding:60px 0}.pagehero{padding:62px 0}.image-hero .wrap{padding-top:82px;padding-bottom:82px}.pagehero h1{font-size:43px}.story-gallery img,.sequence-grid img{height:250px}.eco-logos{grid-template-columns:1fr 1fr}.eco-logos img{height:100px}footer .cols{grid-template-columns:1fr}.split>img{height:340px}}


/* Jake's October revisions */
.header,footer{background:#050505}
.brand-logo img{width:290px;height:auto;max-width:100%;object-fit:contain}
footer .brand-logo img{width:280px}
.intro>div>p{font-size:19px;color:#475148}
.sequence-head p{font-size:19px}
.eco-strip{background:var(--sand)}
.eco-strip .wrap{grid-template-columns:1fr auto}
.eco-logos{display:flex;gap:12px;width:300px;max-width:100%;justify-content:space-between}
.eco-logos img{width:calc((100% - 36px)/4);height:56px;object-fit:contain;padding:0;border:0;background:transparent;mix-blend-mode:multiply}
.hero .hero-specialist{font-size:22px;font-weight:700}

.paired-gallery,.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.paired-gallery img,.sequence-grid img{height:320px;object-fit:contain;background:var(--sand)}
@media(max-width:1100px){.brand-logo img{width:240px}}
@media(max-width:850px){.eco-strip .wrap{grid-template-columns:1fr}}
@media(max-width:600px){.brand-logo img{width:205px}.paired-gallery,.sequence-grid{grid-template-columns:1fr}.paired-gallery img,.sequence-grid img{height:auto;max-height:420px}.eco-logos{display:flex;width:280px}.eco-logos img{height:50px}}

.story-gallery .same-job{grid-column:1;grid-row:2}
@media(max-width:600px){.story-gallery .same-job{grid-row:auto;grid-column:auto}}

/* 22 October: compact eco logos beneath the footer contact details. */
.eco-strip .wrap{grid-template-columns:1fr}
.footer-eco{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:256px;max-width:100%;margin-top:24px}
.footer-eco img{width:calc((100% - 28px)/3);height:64px;padding:0;border:0;background:transparent;object-fit:contain;mix-blend-mode:normal}
.team-section>img{height:auto;max-height:520px;object-fit:contain}
.planning-drawings>img{height:auto;max-height:620px;object-fit:contain}
@media(max-width:600px){.footer-eco img{height:58px}}

/* Keep contact details above the sticky navigation on every public page. */
.top{position:sticky;top:0;z-index:30}
.header{top:var(--acorn-contact-height,0px)}
@media(max-width:1100px){.nav nav{max-height:calc(100dvh - var(--acorn-contact-height,0px) - 90px);overflow-y:auto}}
/* Match Garden Rooms on desktop and retain the smaller-screen layouts. */
@media(min-width:851px){.projects-page .sequence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}