:root{--ink:#102c2b;--deep:#071c1b;--lime:#d7f35a;--stone:#f1efe8;--warm:#d5c6b7;--white:#fff;--muted:#66706e;--line:#d9ddd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--stone)}a{color:inherit;text-decoration:none}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:1rem;z-index:99}.skip:focus{top:1rem}.site-header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(7,28,27,.96);color:#fff;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:.8rem;font-family:Manrope;font-size:.8rem;font-weight:700;letter-spacing:.16em}.brand small{display:block;font-size:.52rem;letter-spacing:.3em;opacity:.6;margin-top:.2rem}.brand-mark{height:43px;width:43px;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;font-size:.8rem;letter-spacing:-.05em}.brand-mark span{color:var(--lime)}nav{display:flex;align-items:center;gap:2rem;font-size:.86rem}nav a:hover{color:var(--lime)}.nav-cta{border:1px solid rgba(255,255,255,.45);padding:.85rem 1.1rem}.menu{display:none}.hero{height:min(860px,100vh);min-height:700px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('assets/work-extension.webp') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,23,.88) 0%,rgba(5,24,23,.56) 48%,rgba(5,24,23,.12) 100%)}.hero-copy{position:relative;z-index:2;max-width:950px;padding:7rem 8vw 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--lime);margin:0 0 1.5rem}.eyebrow.dark{color:#5c6c30}.hero h1,.section h2{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:.98;margin:0}.hero h1{font-size:clamp(3.8rem,7.2vw,7.2rem);max-width:900px}.hero h1 em{font-style:normal;color:var(--lime)}.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;max-width:620px;color:rgba(255,255,255,.82);margin:2rem 0}.actions{display:flex;align-items:center;gap:2rem}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.1rem 1.3rem;border:0;font:600 .9rem "DM Sans";cursor:pointer}.primary{background:var(--lime);color:var(--deep)}.primary:hover{background:#e4ff6c}.text-link{font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.5);padding:.9rem 0}.text-link span{margin-left:.6rem}.hero-proof{position:absolute;z-index:3;right:4vw;bottom:3rem;width:290px;border-left:1px solid rgba(255,255,255,.4);padding-left:1.2rem;display:flex;gap:1rem}.hero-proof>span{color:var(--lime);font-size:.7rem}.hero-proof p{margin:0;font-size:.8rem;line-height:1.55;color:rgba(255,255,255,.7)}.hero-proof strong{display:block;color:#fff;font-size:.9rem;margin-bottom:.3rem}.trust-strip{background:var(--lime);min-height:82px;padding:1rem 5vw;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.trust-strip p{text-transform:uppercase;font-weight:700;letter-spacing:.14em}.trust-strip span{font-weight:700;margin-right:.4rem}.section{padding:8rem 8vw}.section h2{font-size:clamp(2.8rem,5vw,5.2rem)}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.intro .large-copy{font:500 clamp(1.4rem,2vw,1.9rem)/1.4 Manrope;margin-top:0}.intro div:last-child>p:not(.large-copy),.section-head>p{color:var(--muted);line-height:1.7}.arrow-link{display:inline-flex;gap:3rem;border-bottom:1px solid var(--ink);padding:.9rem 0;margin-top:1rem;font-weight:600}.services{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:4rem;margin-bottom:4rem}.section-head>p{max-width:420px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-grid article{padding:2.2rem 1.5rem 1.5rem 0;border-right:1px solid var(--line);min-height:320px;display:flex;flex-direction:column}.service-grid article+article{padding-left:1.5rem}.service-grid span{font-size:.72rem;color:#8a948f}.service-grid h3{font:600 1.45rem Manrope;margin:3rem 0 1rem}.service-grid p{font-size:.9rem;line-height:1.65;color:var(--muted)}.service-grid a{margin-top:auto;font-size:.8rem;font-weight:700}.projects{background:var(--deep);color:#fff}.section-head.light>p{color:rgba(255,255,255,.58)}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:370px 370px;gap:1.2rem}.project{position:relative;background-size:cover;background-position:center;overflow:hidden}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,19,.85),transparent 62%);transition:.3s}.project:hover:after{background:linear-gradient(0deg,rgba(4,20,19,.95),rgba(4,20,19,.1))}.project>div{position:absolute;z-index:2;bottom:0;padding:2rem}.project p{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--lime)}.project h3{font:600 1.8rem Manrope;margin:.5rem 0 1rem}.project span{font-size:.8rem;opacity:.75}.p1{grid-row:1/3;background-image:url('assets/work-remi-extension.webp')}.p2{background-image:url('assets/work-garage-conversion.webp')}.p3{background-image:url('assets/work-barney-extension.webp')}.image-note{font-size:.7rem;opacity:.45;margin-top:1.2rem}.process{background:var(--stone)}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid #c9cdc7}.process li{display:grid;grid-template-columns:100px 1fr;gap:2rem;border-bottom:1px solid #c9cdc7;padding:2rem 0}.process li>span{font-size:.75rem;color:#76807b}.process li div{display:flex;justify-content:space-between;gap:3rem}.process h3{font:600 1.35rem Manrope;margin:0}.process li p{max-width:480px;color:var(--muted);margin:0;line-height:1.6}.testimonial{background:var(--warm);text-align:center}.quote-mark{font:700 5rem Georgia;color:var(--lime);line-height:.5}.testimonial blockquote{font:500 clamp(1.8rem,3.6vw,3.6rem)/1.22 Manrope;max-width:1050px;margin:2rem auto}.testimonial p{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.faq{background:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.accordions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1.2rem 0}summary{cursor:pointer;list-style:none;font:600 1rem Manrope;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:1.3rem}details p{color:var(--muted);line-height:1.6;margin:1rem 2rem 0 0}.contact{background:var(--ink);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.contact>div>p:not(.eyebrow){color:rgba(255,255,255,.65);line-height:1.7;max-width:520px}.contact-details{display:flex;flex-direction:column;gap:.6rem;margin-top:3rem;font:500 1.2rem Manrope}.contact form{background:#fff;color:var(--ink);padding:2.2rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;font-size:.73rem;font-weight:700;margin-bottom:1rem}input,select,textarea{width:100%;border:0;border-bottom:1px solid #bcc4bf;padding:.7rem 0;background:transparent;font:400 .9rem "DM Sans";border-radius:0;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ink)}textarea{resize:vertical}.form-note{font-size:.7rem;color:var(--muted)}.success{color:#316111;font-weight:700}footer{background:#061817;color:#fff;padding:5rem 8vw 2rem;display:grid;grid-template-columns:1.5fr 1fr .5fr .5fr;gap:2rem;font-size:.8rem}footer p{color:rgba(255,255,255,.55);line-height:1.7;margin:0}footer>div{display:flex;flex-direction:column;gap:.7rem}footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:2rem;margin-top:2rem;color:rgba(255,255,255,.4)}.reveal{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header{height:72px}.menu{display:block;background:none;border:0;width:34px;padding:5px;z-index:3}.menu span{display:block;height:1px;background:#fff;margin:7px}.site-header nav{display:none;position:absolute;inset:72px 0 auto;background:var(--deep);padding:2rem 5vw;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero-copy{padding-left:6vw;padding-right:6vw}.hero-proof{display:none}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.trust-strip p{grid-column:1/-1}.section{padding:5.5rem 6vw}.intro,.faq,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr;grid-template-rows:520px 330px 330px}.p1{grid-row:auto}.section-head{align-items:start;flex-direction:column}.contact{gap:3rem}footer{grid-template-columns:1fr 1fr}.footer-brand,footer>p{grid-column:1/-1}}@media(max-width:560px){.hero{min-height:680px}.hero h1{font-size:3.3rem}.hero-copy{padding-top:7rem}.actions{align-items:flex-start;flex-direction:column;gap:.4rem}.trust-strip{grid-template-columns:1fr}.trust-strip p{grid-column:auto}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{padding:2rem 0;border-right:0;border-bottom:1px solid var(--line);min-height:240px}.project-grid{grid-template-rows:420px 280px 280px}.process li{grid-template-columns:45px 1fr}.process li div{display:block}.process li p{margin-top:.8rem}.two{grid-template-columns:1fr}.contact form{padding:1.4rem}footer{grid-template-columns:1fr}.site-header .brand>span:last-child{display:none}}