/* Shared interaction layer; each business keeps its own visual identity. */
:root{color-scheme:light}body{overflow-x:clip}header{position:sticky;top:0;z-index:30;transition:box-shadow .25s}header.scrolled{box-shadow:0 6px 30px #00000014}section[id]{scroll-margin-top:100px}a,button{touch-action:manipulation}button{font:inherit}button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}.pro-menu{display:none}.pro-mobile{display:none}.pro-label{display:inline-flex;gap:9px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.pro-label:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.pro-path{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}.pro-path span{font-size:10px;letter-spacing:.03em;border:1px solid #ffffff30;border-radius:30px;padding:7px 12px}.pro-faq{padding:70px 6%;background:#fff;color:#18232a;display:grid;grid-template-columns:1fr 1.35fr;gap:60px}.pro-faq h2{font-size:44px}.pro-faq details{border-bottom:1px solid #dbe1e1}.pro-faq summary{font-size:14px;font-weight:600;cursor:pointer;padding:23px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}.pro-faq summary:after{content:'+';font-size:20px}.pro-faq details[open] summary:after{content:'−'}.pro-faq details p{font-size:13px;line-height:1.8;color:#53616a;padding:0 20px 22px 0;margin:0}.pro-faq summary::-webkit-details-marker{display:none}.pro-menu{border:1px solid #a2aaa7;background:transparent;padding:10px 14px;border-radius:5px;font-size:12px;color:inherit}.pro-mobile a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700;padding:16px;min-height:50px}.pro-toplink{font-size:11px}.pro-section-note{font-size:12px;line-height:1.8;max-width:390px;color:#687278}
@media(max-width:740px){.pro-menu{display:block;margin-left:auto}header nav{display:none!important;position:absolute;left:0;right:0;top:100%;padding:16px 6% 22px;background:inherit;box-shadow:0 14px 18px #0002}header nav.pro-open{display:flex!important;flex-direction:column;align-items:stretch;gap:0}header nav a,header nav a:nth-child(2){display:block!important;font-size:14px;padding:14px 0;border-bottom:1px solid #8884}header>.phone,header>.button.small{display:none}.pro-mobile{position:fixed;bottom:0;left:0;right:0;z-index:29;display:grid;grid-template-columns:1fr 1fr;background:#142019;color:#fff;box-shadow:0 -4px 25px #0002;padding-bottom:env(safe-area-inset-bottom)}body>footer{padding-bottom:90px}.pro-faq{grid-template-columns:1fr;gap:20px;padding:55px 6%}.pro-faq h2{font-size:38px}.pro-path{gap:7px}.pro-path span{font-size:9px}section[id]{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* CoolZone — luminous architectural comfort. */
:root{--paper:#f7f8f5;--ink:#102d39;--navy:#082632;--orange:#f4a04e;--blue:#72d1ec}.topline{background:#e9f1ed;letter-spacing:.14em}header{height:86px;background:#000}header nav{gap:30px}.hero{background:#edf4f0;color:var(--ink);grid-template-columns:1.02fr 1fr;min-height:730px;padding:28px 28px 28px 0;gap:25px}.hero-copy{padding:50px 7% 20px 10%}.hero h1{font-size:clamp(55px,5.6vw,84px);line-height:1.06;letter-spacing:-.06em}.hero h1 em{color:#087da1}.h1-end{font-size:.42em;line-height:1.3;margin-top:20px}.hero .eyebrow{color:#4b7079;font-size:8px;letter-spacing:.12em}.hero .intro{color:#536f77;font-size:14px;max-width:380px}.hero .text-link{color:#183c49;border-color:#88a2a9}.hero .actions{gap:20px}.hero .orange{background:var(--ink);color:white;border-radius:7px}.hero .orange:hover{background:#155167}.hero-visual{border-radius:22px;box-shadow:0 20px 50px #153d4712}.hero-visual>img{object-position:center 40%}.hero-visual:after{background:linear-gradient(0deg,#092c39c9,transparent 45%)}.image-label{border-radius:30px;font-size:8px;background:#ffffffed;color:#183b46;padding:10px 14px}.visual-caption{color:#fff;bottom:30px;left:28px;right:28px}.visual-caption>span{font-size:24px}.hero .pro-path span{border-color:#bacfcb;color:#49696f;font-size:9px;background:#ffffff60}.hero-footer{border-color:#bfd2cc;margin-top:25px;padding-top:20px}.hero-footer small{color:#657e83}.hero-footer b{color:var(--ink)}.hero-mark{color:#1687aa}.sector-strip{background:white;border-color:#e2e9e5;padding:27px 6%}.section{padding:95px 6%}.section-heading h2{font-weight:650}.service-grid{gap:20px}.service{border-radius:14px;border:1px solid #cddfe1;padding:32px}.service.blue{background:#e9f3f4}.service.warm{background:#f6eee2;border-color:#e4d6c4}.service.navy{border-color:var(--navy)}.service-top{margin-bottom:25px}.service-icon{border:1px solid #4089a040;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:30px}.service h3{font-size:29px}.service p{font-size:13px}.service a{font-size:12px}.projects{background:#fff}.project{border-radius:14px}.project.large{height:660px}.project-note{border-radius:14px;background:#edf4f0;margin-top:20px}.photo-credit{color:#738581}.about{border-radius:0;background:#0c2e3a;gap:80px}.about h2{font-size:55px}.approach article{padding:30px 0}.approach article>span{border:1px solid #7795a05c;border-radius:50%;width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;margin-top:0}.area{background:#f2f5ef;gap:65px}.cities span{border-color:#d2dfd5}.cities .home-city{background:#d9ebe3;border-color:#b3d0c1}.contact{background:#e7f1ec;gap:70px}.contact-copy h2 em{color:#087da1}.contact form{border-radius:16px;padding:35px;border:1px solid #d7e4de;box-shadow:0 20px 55px #153d4709}input,select,textarea{border-radius:6px;background:#fcfdfb}.contact .orange{border-radius:6px;background:var(--ink);color:white}.phone{font-size:32px}.contact-links a{border-bottom:1px solid #abc4b8;padding-bottom:6px}.faq-grid{gap:60px}.faq details{border-color:#dbe5df}.mobile-contact a+a{background:#c7e4dd;color:var(--ink)}footer{background:#071b22}
@media(max-width:1000px){.hero{min-height:680px;gap:12px;padding-right:20px}.hero-copy{padding:40px 7% 15px}.hero h1{font-size:62px}.hero .actions{flex-direction:column;align-items:flex-start}.hero-visual{border-radius:16px}.about{gap:40px}.about h2{font-size:44px}.contact{gap:35px}.service{padding:25px}.service h3{font-size:25px}.section{padding:75px 5%}}
@media(max-width:740px){header{height:76px}.hero{display:flex;gap:22px;padding:0 0 22px;min-height:0}.hero-copy{padding:42px 6% 0}.hero h1{font-size:58px}.hero .intro{font-size:14px}.hero .actions{flex-direction:row;align-items:center;gap:17px}.hero-footer{width:100%;margin-top:25px}.hero-visual{margin:0 5%;height:410px;border-radius:16px}.hero .pro-path{margin-top:24px}.h1-end{font-size:.47em}.hero .eyebrow{font-size:8px}.hero .button{font-size:11px}.hero .text-link{font-size:10px}.visual-caption>span{font-size:23px}.section{padding:65px 6%}.service-grid{gap:15px}.service h3{font-size:29px}.project.large{height:470px}.about h2{font-size:42px}.about,.area,.contact{gap:35px}.contact form{padding:26px 21px}.contact-copy h2{font-size:43px}.sector-strip{padding:24px 6%}.hero-mark{font-size:26px}.faq-grid{gap:25px}}

@media(max-width:740px){header nav{top:100%}}
@media(max-width:740px){header nav.open{display:flex!important;flex-direction:column;align-items:stretch;background:#061c28}}