/* Professional portfolio and commercial expansion. */
@media(min-width:801px) and (max-width:1100px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;width:42px;height:42px;padding:8px}.menu-toggle span{display:block;width:26px;height:1.5px;background:#153e30;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f8f7ef;padding:18px 5% 28px;box-shadow:0 12px 20px #153e3012;align-items:stretch}.header nav.is-open{display:flex;flex-direction:column}.header nav.is-open>a:not(.button){font-size:14px;padding:16px 0;border-bottom:1px solid #d6ddce}.header nav .button{margin-top:22px;min-height:50px}}
.header nav{gap:22px}.header nav>a:not(.button){font-size:11px}.hero .eyebrow{font-size:9px;letter-spacing:.11em}.hero h1{font-size:clamp(46px,5vw,76px)}.hero-description{font-size:13px;max-width:405px}.hero-actions{gap:22px}.hero-actions .text-link{font-size:10px}.section-heading>p{max-width:355px}.services .section-heading h2{font-size:clamp(36px,3.8vw,58px)}.service-footer{font-size:9px;color:#6b7b60;letter-spacing:.025em}.transformations{border-top:1px solid #cbd5c3;background:#efeee4}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comparison-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 0 16px}.comparison-top strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.035em}.comparison-top>span{font-size:10px;color:#64715f}.comparison-photo{position:relative;display:block;width:100%;aspect-ratio:3/4;max-height:640px;overflow:hidden;border:0;background:#d4d8ca;padding:0}.comparison-photo>img{width:100%;height:100%;object-fit:cover}.comparison-photo.proposed-photo>img{position:absolute;right:0;top:0;width:200%;max-width:none;height:100%;object-fit:cover;object-position:right center}.photo-open{position:absolute;right:20px;bottom:20px;z-index:2;color:white;font-size:27px;text-shadow:0 1px 12px #082217}.concept-badge{position:absolute;top:20px;left:20px;z-index:2;background:#f8f7eff0;color:#163b2e;padding:9px 12px;font-size:9px;letter-spacing:.025em}.comparison-panel figcaption{font-size:11px;margin-top:16px;color:#5b6d55}.comparison-note{display:flex;align-items:center;gap:18px;margin-top:31px}.note-line{width:34px;height:1px;background:#819172;flex:none}.comparison-note p{font-size:10px;color:#607058;max-width:560px}.comparison-note .text-link{margin-left:auto;flex:none}.design-gallery{padding-top:85px;padding-bottom:90px}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.design-card{border-bottom:1px solid #cbd5c3}.design-photo{display:block;position:relative;width:100%;height:460px;padding:0;border:0;overflow:hidden;background:#dbe2d1}.design-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 57%;transition:transform .6s}.design-photo:hover>img{transform:scale(1.025)}.design-photo::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0a251f40)}.design-details{padding:24px 0 30px}.design-details>span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#697b5d}.design-details h3{margin-top:12px;font-size:25px;letter-spacing:-.04em}.design-details p{font-size:12px;color:#607058;max-width:480px;margin-top:12px}.commercial{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:8%;background:#153e30;color:#f8f7ef;padding-top:95px;padding-bottom:95px}.commercial .eyebrow{color:#d2dfb8}.commercial h2{font-size:clamp(37px,3.7vw,57px);letter-spacing:-.055em}.commercial-lead{font-size:17px;line-height:1.55;margin-top:25px;max-width:490px}.commercial-copy>p:not(.eyebrow):not(.commercial-lead){font-size:12px;color:#c9d5bf;max-width:485px;margin-top:17px}.commercial-services{margin:29px 0 30px}.commercial-services>div{display:flex;gap:16px;border-top:1px solid #53705c;padding:16px 0}.commercial-services>div>span{font-size:9px;color:#c8d69f;padding-top:4px}.commercial-services p{font-size:11px;color:#c9d5bf;line-height:1.65}.commercial-services strong{display:block;color:#f8f7ef;font-weight:550;font-size:13px;margin-bottom:5px}.commercial .button{font-size:11px;gap:25px}.commercial-visual{align-self:center}.commercial-visual>img{width:100%;height:auto}.commercial-visual-caption{margin-top:25px;border-bottom:1px solid #53705c;padding-bottom:24px}.commercial-visual-caption strong{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.04em;font-weight:500}.commercial-visual-caption p{font-size:12px;color:#c9d5bf;margin-top:12px;max-width:370px}.sector-list{display:flex;flex-direction:column;gap:13px;margin-top:24px;font-size:11px;color:#d9e2cd}.sector-list span::before{content:'↗';margin-right:14px;color:#dce7a4}.plans{background:#e4e9d7}.plans .section-heading h2{font-size:clamp(35px,3.8vw,57px)}.plan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:40px}.plan-steps article{border-top:1px solid #aeba9f;padding-top:23px}.plan-steps article>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#5e7350}.plan-steps h3{font-size:23px;margin:24px 0 15px}.plan-steps p{font-size:12px;color:#5a6e51}.plans-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #b5c2a4;margin-top:46px;padding-top:33px}.plans-bottom strong{font-size:14px;font-weight:550}.plans-bottom p{font-size:11px;color:#5a6e51;margin-top:8px}.plans-bottom .button{font-size:11px;flex:none}.projects .section-heading h2{font-size:clamp(36px,4vw,60px)}.about-copy .eyebrow{letter-spacing:.09em}.contact .request-panel .project-options{gap:9px}.faq{grid-template-columns:.8fr 1.3fr;gap:10%}.footer-top nav{grid-template-columns:1fr 1fr;gap:12px 28px}
@media(max-width:1100px){.header nav{gap:15px}.header nav>a:not(.button){font-size:9px}.header nav .button.small{padding:12px 13px;gap:16px;font-size:10px}.hero .eyebrow{font-size:7px}.hero h1{font-size:clamp(42px,5vw,61px)}.hero-description{font-size:12px}.hero-actions .text-link{font-size:10px}.comparison-photo{max-height:540px}.design-photo{height:390px}.commercial{gap:6%;grid-template-columns:1fr .9fr}.commercial h2{font-size:39px}.commercial-lead{font-size:15px}.commercial-services strong{font-size:12px}.commercial-services p{font-size:10px}.plan-steps{gap:28px}.plans .section-heading{gap:40px}.plans .section-heading h2{font-size:39px}}
@media(max-width:800px){.header nav{gap:0}.header nav>a:not(.button){font-size:14px}.header nav .button.small{font-size:12px;padding:14px 18px}.hero .eyebrow{font-size:8px;letter-spacing:.085em}.hero h1{font-size:clamp(45px,8.5vw,67px)}.hero-description{font-size:13px}.hero-actions{gap:20px;align-items:center;flex-direction:row}.hero-actions .button{font-size:10px;gap:20px}.hero-actions .text-link{font-size:10px;gap:12px}.services .section-heading h2{font-size:37px}.comparison-grid{gap:12px}.comparison-top{align-items:flex-start;flex-direction:column;gap:7px;padding-bottom:14px}.comparison-top strong{font-size:22px}.comparison-top>span{font-size:8px}.comparison-photo{aspect-ratio:2/3;max-height:none}.comparison-panel figcaption{font-size:9px;line-height:1.6;margin-top:12px}.concept-badge{top:11px;left:10px;padding:7px 8px;font-size:7px}.photo-open{right:12px;bottom:12px;font-size:21px}.comparison-note{flex-wrap:wrap;gap:12px;margin-top:25px}.comparison-note p{font-size:9px;width:calc(100% - 46px)}.comparison-note .text-link{margin-left:46px;font-size:11px}.design-gallery{padding-top:60px;padding-bottom:64px}.design-grid{grid-template-columns:1fr;gap:33px}.design-photo{height:420px}.design-details{padding:22px 0 26px}.design-details h3{font-size:24px}.design-details p{font-size:12px}.commercial{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.commercial h2{font-size:39px}.commercial .eyebrow{font-size:9px}.commercial-lead{font-size:16px}.commercial-copy>p:not(.eyebrow):not(.commercial-lead){font-size:12px}.commercial-services p{font-size:11px}.commercial-services strong{font-size:13px}.commercial .button{font-size:11px;gap:24px}.commercial-visual-caption strong{font-size:25px}.commercial-visual-caption p{font-size:12px}.sector-list{font-size:11px}.plans .section-heading h2{font-size:38px}.plans .section-heading>p{max-width:100%}.plan-steps{grid-template-columns:1fr;gap:26px;margin-top:28px}.plan-steps h3{margin:16px 0 11px;font-size:23px}.plan-steps p{font-size:12px}.plans-bottom{flex-direction:column;align-items:flex-start;gap:23px;margin-top:30px;padding-top:28px}.plans-bottom strong{font-size:13px}.plans-bottom p{font-size:11px}.plans-bottom .button{font-size:11px}.faq{grid-template-columns:1fr;gap:30px}.projects .section-heading h2{font-size:38px}.contact h2{font-size:43px}.footer-top nav{font-size:10px;gap:12px 16px}}
@media(max-width:365px){.hero h1{font-size:clamp(39px,11.7vw,43px)}.hero .eyebrow{font-size:7.1px}.hero-actions{gap:14px}.hero-actions .button{font-size:9px;gap:15px;padding:14px 15px}.hero-actions .text-link{font-size:9px;gap:7px}.commercial h2,.plans .section-heading h2{font-size:34px}.commercial .button{font-size:10px;gap:14px}.design-photo{height:365px}.concept-badge{font-size:6px}}
