/* Approved design retained; content and contact updates. */
.whatsapp-icon{fill:currentColor;stroke:none;stroke-width:0}
.button-primary,.header-contact{background:#087f43;color:#fff}
.button-primary:hover,.header-contact:hover{background:#066b38}
.contact-chat{background:#087f43;color:white}
.hero-spark{width:54px;height:54px;stroke:#d79800;stroke-width:1.8;font-size:initial}
.project-metric{display:inline-flex;border-radius:7px;background:#fff3cc;color:#6d4e00;padding:7px 10px;font-size:12px;line-height:1.3;font-weight:800;margin-top:14px}
.project-caption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px}
.portrait-project img{object-position:50% 65%}
.pool-source img{max-width:min(100%,328px)!important;max-height:246px;object-fit:contain}
.series-panel{height:285px;border-radius:19px;background:#fff2c6;border:1px solid #efdfaa;position:relative;display:flex;flex-direction:column;justify-content:center;padding:35px;overflow:hidden}
.series-panel::after{content:'';position:absolute;right:-45px;bottom:-65px;width:230px;height:230px;border:1px solid #dfc873;border-radius:50%;pointer-events:none}
.series-panel>div{display:flex;align-items:center;gap:25px;margin-top:18px}
.series-panel strong{font-size:88px;font-weight:800;letter-spacing:-5px;line-height:1;color:#292d23}
.series-panel>div>span{font-size:19px;font-weight:700;line-height:1.5;letter-spacing:-.4px}
.series-panel>p{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#7c692d;margin-top:23px}
.residential-gallery{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}
.residential-photo{display:flex;align-items:center;gap:12px;border:0;background:var(--warm);border-radius:11px;padding:7px 13px 7px 7px;color:var(--ink);font-size:11px;font-weight:700;text-align:left;min-height:58px;transition:background .2s}
.residential-photo img{width:69px;height:48px;object-fit:cover;border-radius:7px}
.residential-photo:hover{background:#fff3cc}
.residential-photo>span{font-size:18px;margin-left:8px}
.client-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 22px;margin:30px 0 24px}
.client-list li{width:auto;height:100px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;padding:13px}
.client-list img{max-width:165px;max-height:78px;width:auto;height:auto;object-fit:contain}
.client-note{font-size:10px}
@media(max-width:1100px){.series-panel{height:245px;padding:27px}.series-panel strong{font-size:75px}.series-panel>div>span{font-size:17px}.client-list img{max-width:145px}}
@media(max-width:900px){.series-panel{height:205px;padding:23px}.series-panel>div{gap:18px}.series-panel strong{font-size:65px}.series-panel>div>span{font-size:15px}.series-panel>p{font-size:8px;margin-top:15px}.client-list{gap:14px}.client-list img{max-width:125px;max-height:68px}}
@media(max-width:640px){
 .header-shell{gap:8px}.header-actions{gap:8px}
 .header-contact{padding:9px 10px;gap:7px;min-height:44px;font-size:11px}
 .header-contact>span{max-width:64px;white-space:normal;text-align:left;line-height:1.25}
 .header-contact>svg:first-child{display:block;width:18px;height:18px}
 .header-contact>svg:last-child{display:none}
 .menu-toggle{width:40px;height:40px}
 .hero-spark{width:38px;height:38px}
 .project-metric{font-size:11px;margin-top:12px}
 .project-caption{font-size:10px}
 .series-panel{height:auto;aspect-ratio:1.8;padding:25px}
 .series-panel>div{gap:20px;margin-top:24px}.series-panel strong{font-size:70px}.series-panel>div>span{font-size:16px}.series-panel>p{font-size:8px;margin-top:17px}
 .client-list{grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0 20px}.client-list li{height:92px;padding:13px}.client-list img{max-width:125px;max-height:70px}
 .residential-photo{font-size:10px}
}
@media(max-width:360px){.brand img{width:65px}.header-shell{padding-inline:12px}.header-contact{font-size:10px;padding:9px}.header-contact>span{max-width:60px}.header-contact>svg:first-child{width:16px;height:16px}.menu-toggle{width:37px;height:39px}.series-panel{padding:20px}.series-panel strong{font-size:59px}.series-panel>div>span{font-size:14px}.client-list img{max-width:100px}}