*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6f1;color:#292723;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}
header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd8ce;position:sticky;top:0;background:#f8f6f1;z-index:5}.logo{font-weight:700;letter-spacing:3px;font-size:22px}nav{display:flex;gap:30px;align-items:center;font-size:14px}.btn{display:inline-block;background:#292723;color:#fff;padding:14px 22px}
.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,31,26,.72),rgba(35,31,26,.08)),url('images/project-9.jpeg') center/cover}.hero-copy{position:relative;color:white;max-width:650px;margin-left:8%;padding:60px 20px}.hero-copy small,.intro small,.heading small,.reviews small,.estimate small{font-size:12px;letter-spacing:2px;font-weight:700}.hero h1{font-size:clamp(46px,6vw,76px);line-height:.98;font-weight:500;margin:18px 0 25px}.hero p{font-size:18px;line-height:1.6;max-width:530px;margin-bottom:32px}
.intro{text-align:center;max-width:760px;margin:auto;padding:100px 20px 70px}.intro h2,.heading h2,.reviews h2,.estimate h2{font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:500;margin:18px 0}.intro p,.heading>p,.estimate p{line-height:1.7;color:#69655e;font-size:17px}
.features{margin:0 6% 110px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8d2c8;gap:1px;background:#d8d2c8}.features article{background:#f8f6f1;padding:45px}.features b{font-size:12px;letter-spacing:2px;color:#777}.features h3{font-size:24px;font-weight:500;margin:30px 0 12px}.features p{color:#69655e;line-height:1.6}
.portfolio{padding:0 6% 110px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.heading>p{max-width:350px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery figure{margin:0;overflow:hidden;background:#eee9e0}.gallery img{display:block;width:100%;height:360px;object-fit:cover;transition:transform .35s ease}.gallery figure:first-child img,.gallery figure:nth-child(4) img,.gallery figure:nth-child(7) img{height:460px}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{padding:14px 16px 16px;font-size:13px;letter-spacing:.5px;color:#514d46}
.reviews{text-align:center;background:#e8e3da;padding:100px 6%}.reviews h2{margin-bottom:45px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1150px;margin:auto;text-align:left}.review-card{background:#f8f6f1;padding:32px 30px;min-height:205px;display:flex;flex-direction:column;justify-content:space-between}.review-card p{font-size:17px;line-height:1.7;margin:0 0 30px;color:#44413b}.review-card strong{font-size:13px;letter-spacing:1px}
.estimate{margin:0 6%;padding:80px 8%;background:#292723;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.estimate p{color:#d6d1c8;max-width:550px}.light{background:#f8f6f1;color:#292723;white-space:nowrap}footer{padding:65px 6%;display:flex;justify-content:space-between;color:#69655e;font-size:13px}footer strong{letter-spacing:3px;color:#292723}
@media(max-width:900px){.gallery{grid-template-columns:1fr 1fr}.gallery figure:first-child img,.gallery figure:nth-child(4) img,.gallery figure:nth-child(7) img{height:360px}.review-grid{grid-template-columns:1fr}}
@media(max-width:750px){header{padding:0 5%}nav{display:none}.hero{min-height:620px}.hero-copy{margin-left:4%;padding:50px 20px}.hero h1{font-size:48px}.features{grid-template-columns:1fr;margin:0 5% 80px}.portfolio{padding:0 5% 80px}.heading{display:block}.gallery{grid-template-columns:1fr 1fr}.gallery img,.gallery figure:first-child img,.gallery figure:nth-child(4) img,.gallery figure:nth-child(7) img{height:270px}.gallery figure:nth-child(3n+1){grid-column:span 2}.gallery figure:nth-child(3n+1) img{height:330px}.reviews{padding:80px 5%}.estimate{margin:0 5%;padding:60px 8%;display:block}.estimate .btn{margin-top:20px}footer{padding:50px 5%;display:block}footer span{display:block;margin-top:15px}}
.brand{display:flex;align-items:center;width:116px;height:58px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.estimate-page{padding:95px 6% 120px}.estimate-intro{max-width:760px;margin:0 auto 55px;text-align:center}.estimate-intro small{font-size:12px;letter-spacing:2px;font-weight:700}.estimate-intro h1{font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1.05;margin:18px 0}.estimate-intro p{font-size:17px;line-height:1.7;color:#69655e}.calculator-card{max-width:1050px;margin:auto;background:#fff;border:1px solid #ddd8ce;padding:48px}.step-label{font-size:11px;letter-spacing:2px;font-weight:700;color:#6b675f;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid label,.wall-row label{font-size:12px;letter-spacing:.6px;color:#55514b;font-weight:600}.form-grid input,.form-grid select,.wall-row input{display:block;width:100%;margin-top:8px;border:1px solid #d6d0c6;background:#f8f6f1;padding:14px 13px;font:inherit;color:#292723}.client-form>.btn{margin-top:28px;border:0;cursor:pointer}.hidden{display:none}.calculator{margin-top:60px;border-top:1px solid #ddd8ce;padding-top:55px}.walls-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:35px 0 20px}.walls-heading h2{font-size:27px;font-weight:500;margin:0 0 8px}.walls-heading p{color:#777168;margin:0}.outline-btn{background:transparent;border:1px solid #292723;padding:12px 17px;cursor:pointer;font:inherit;white-space:nowrap}.walls-list{display:flex;flex-direction:column;gap:10px}.wall-row{display:grid;grid-template-columns:90px 1fr 1fr 130px 38px;align-items:end;gap:12px;border:1px solid #e0dbd1;padding:18px;background:#faf9f6}.wall-number{font-size:13px;font-weight:700;padding-bottom:15px}.wall-area{padding-bottom:14px}.wall-area span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8a857c}.wall-area strong{font-size:15px;font-weight:500}.remove-wall{border:0;background:transparent;font-size:24px;cursor:pointer;color:#777;padding:0 0 10px}.calculator-actions{margin-top:30px}.calculator-actions .btn{border:0;cursor:pointer}.result{margin-top:35px;background:#292723;color:#fff;padding:38px}.result-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.result small{font-size:11px;letter-spacing:2px;color:#d8d2c8}.result h2{font-size:48px;font-weight:500;margin:10px 0}.result p{color:#d8d2c8}.area-pill{border:1px solid #625e57;padding:14px 18px;text-align:center}.area-pill span{display:block;color:#fff;font-size:20px;letter-spacing:0}.breakdown{border-top:1px solid #625e57;border-bottom:1px solid #625e57;margin:28px 0;padding:6px 0}.breakdown div{display:flex;justify-content:space-between;padding:13px 0;color:#ddd8cf}.breakdown strong{color:#fff}.estimate-note{font-size:13px;line-height:1.6;max-width:700px}.result .btn{margin-top:10px;border:0;cursor:pointer}.footer-brand{width:100px;height:52px;overflow:hidden}.footer-brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:750px){.brand{width:94px;height:52px}.estimate-page{padding:70px 5% 90px}.calculator-card{padding:30px 20px}.form-grid{grid-template-columns:1fr}.walls-heading{display:block}.outline-btn{margin-top:18px}.wall-row{grid-template-columns:1fr 1fr 38px}.wall-number{grid-column:1/-1;padding:0}.wall-area{grid-column:1/3}.remove-wall{grid-column:3;grid-row:2;align-self:center}.result{padding:28px 22px}.result-top{display:block}.area-pill{display:inline-block;margin-top:10px}footer{gap:18px}}
.form-help{font-size:.9rem;color:#6f6a61;margin:0 0 1rem;line-height:1.5}
.choice-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #e7e1d7;border-bottom:1px solid #e7e1d7;margin:1.5rem 0}
.choice-summary div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee9e1}
.choice-summary div:nth-last-child(-n+2){border-bottom:0}
.choice-summary span{color:#777168}
.choice-summary strong{text-align:right;font-weight:600}
@media(max-width:700px){.choice-summary{grid-template-columns:1fr}.choice-summary div:nth-last-child(-n+2){border-bottom:1px solid #eee9e1}.choice-summary div:last-child{border-bottom:0}}
