/* The M Climate identity: two arches, warm and cool, carried through one journey. */
:root{--brand-red:#ff2908;--red:#e2240b;--warm-surface:#e2240b;--cool-surface:#4066ff;--flow-progress:0;--hero-shift:0px;--process-progress:0}
body{background:#f6f7fc}.header{position:sticky;top:0;z-index:60;height:84px;background:#fff;transition:box-shadow .3s,border-radius .3s;padding-inline:22px;width:calc(100% - 68px);max-width:1284px;border-radius:0 0 20px 20px}.header.is-scrolled{box-shadow:0 8px 30px #221d5410}.header:after{position:absolute;content:'';height:3px;bottom:0;left:22px;right:22px;border-radius:4px;background:linear-gradient(90deg,var(--brand-red) 0 50%,var(--blue) 50% 100%);transform:scaleX(var(--flow-progress));transform-origin:left;opacity:0;transition:opacity .3s}.header.is-scrolled:after{opacity:1}.utility{border:0}.hero{position:relative;isolation:isolate;margin-top:10px;border-radius:42px;padding-top:50px}.hero-top,.hero-scene,.hero-foot{position:relative;z-index:2}.hero-brand-arches{position:absolute;width:870px;height:660px;right:-64px;top:-130px;z-index:0;opacity:.7;transform:rotate(-12deg);pointer-events:none}.hero-brand-arches .warm-arch{stroke:#ff2908}.hero-brand-arches .cool-arch{stroke:#4066ff}.hero-top{padding-bottom:44px;grid-template-columns:1.6fr 1fr}.hero h1{position:relative;text-shadow:0 2px 20px #221d5410}.hero-intro{background:#221d54f2;padding:26px;border-radius:20px;margin-top:20px;max-width:390px}.hero-intro p{color:white}.hero .eyebrow{background:#221d54e8;padding:6px 12px;border-radius:20px;margin-bottom:20px}.hero-photo{transform:translateY(var(--hero-shift)) scale(1.02)}.hero-scene:hover .hero-photo{transform:translateY(var(--hero-shift)) scale(1.045)}.hero-foot{gap:65px}.hero-scroll-link{position:relative;z-index:3;margin:16px auto 0;width:max-content;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;font-weight:500}.scroll-round{display:grid;place-items:center;width:50px;height:50px;background:#fff;border-radius:50%;box-shadow:0 5px 15px #221d5414;position:relative}.scroll-round:before{content:'';position:absolute;inset:5px;border-radius:50%;border:1.5px solid var(--brand-red);border-right-color:var(--blue);border-bottom-color:var(--blue)}.scroll-round .icon{transform:rotate(90deg);width:17px;height:17px;transition:transform .3s}.hero-scroll-link:hover .icon{transform:translateY(3px) rotate(90deg)}.partners{min-height:125px;padding-block:24px;border:0}.partners p{font-size:12px}.partner-logos img{opacity:.8}main{position:relative;overflow:clip}.section{padding-block:78px}.services{position:relative;padding-top:50px;padding-bottom:28px}.eyebrow{padding:6px 10px;border-radius:6px;background:#e7e8f4;margin-bottom:20px;letter-spacing:.05em}.eyebrow .icon{color:var(--red)}.service-tabs{background:#e6e8f3}.service-tabs button[aria-selected=true]{background:var(--blue);box-shadow:0 4px 14px #4066ff20}.service-tabs button[data-service=heat][aria-selected=true],.service-tabs button[data-service=vent][aria-selected=true]{background:var(--red)}.service-panel{background:white;position:relative;isolation:isolate;overflow:hidden;border-radius:28px 90px 28px 28px;gap:50px}.service-image{border-radius:90px 18px 18px 18px}.service-symbol.icon{color:var(--blue)}.service-panel[data-tone=warm] .service-symbol.icon,.service-panel[data-tone=warm] .check-list .icon{color:var(--red)}.section-next{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d7d9e7;padding:24px 0 18px;font-size:12px;width:100%;grid-column:1/-1}.section-next>span{display:flex;gap:12px;align-items:center}.section-next img{width:25px;height:25px}.section-next>.icon{width:28px;height:28px;background:var(--red);color:#fff;border-radius:50%;padding:6px;transition:transform .3s}.section-next:hover>.icon{transform:translateY(3px) rotate(90deg)}.about{position:relative;isolation:isolate;overflow:hidden;background:var(--warm-surface);color:white;border-radius:40px 140px 40px 40px;gap:40px 70px;padding-block:64px;margin-top:20px}.about:before{content:'';position:absolute;inset:0;background:url('assets/brand-contours.svg') no-repeat 100% 0/600px;z-index:-1}.about-brand-watermark{position:absolute;width:520px;height:520px;bottom:-280px;left:-90px;opacity:.15;filter:brightness(0) invert(1);z-index:-1;pointer-events:none}.about .eyebrow{color:white;background:#a71b0a66}.about .eyebrow .icon{color:white}.about .lead,.about-copy>p:not(.lead),.about-values small,.about-values strong{color:white}.about .lead{font-size:17px}.about .button{background:white;color:var(--ink)}.about .button:hover{background:var(--ink);color:#fff}.about-visual>img{border-radius:140px 24px 24px 24px}.experience{background:var(--ink);right:-15px;left:30px;border-radius:14px 14px 55px 14px}.about-values{border-color:#ffffff50}.about-values .icon{color:white}.on-colour{border-color:#ffffff60;color:white;padding-top:0}.on-colour>.icon{background:white;color:var(--red)}.spaces{padding-bottom:24px}.space-grid{gap:18px}.space-card{border-radius:28px 110px 28px 28px}.commercial-card{border-radius:110px 28px 28px 28px}.home-card:after{background:linear-gradient(180deg,#7a120000 10%,#6e150d70 40%,#7b1d15f5 100%)}.commercial-card:after{background:linear-gradient(180deg,#221d5400 10%,#18134760 40%,#211959f5 100%)}.space-label{background:#ffffff20;border-radius:30px;padding:7px 11px}.space-content{transition:transform .5s var(--ease)}.space-card:hover .space-content{transform:translateY(-6px)}.space-tags{margin-bottom:25px}.space-content p{color:white}.care{position:relative;background:var(--cool-surface);border-radius:140px 40px 40px 40px;margin-top:20px;isolation:isolate}.care:before{content:'';position:absolute;inset:0;background:url('assets/brand-contours.svg') no-repeat 120% 45%/680px;z-index:-1}.care-image{border-radius:120px 22px 22px 22px}.care .eyebrow{background:#1738c866;color:white}.care .eyebrow .icon{color:white}.care-copy>p,.care-details>span{color:white}.care .text-link{border-color:#ffffff80;color:white}.care-details{border-color:#ffffff60}.care-details .icon{color:white}.process{position:relative;isolation:isolate}.process-grid{position:relative;gap:45px;padding-top:22px;margin-top:35px}.process-grid article{position:relative;border:0;padding-top:25px}.process-connection{position:absolute;top:0;left:0;right:0;height:3px;border-radius:10px;background:#d9dbea;overflow:hidden}.process-connection>span{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--process-progress));background:linear-gradient(90deg,var(--brand-red) 0 50%,var(--blue) 50% 100%)}.step{font-size:13px;display:flex;align-items:center;justify-content:space-between}.process-grid article:nth-of-type(1) .step,.process-grid article:nth-of-type(3) .step{color:var(--red)}.process-grid article .step:before{content:'';position:absolute;top:-29px;left:0;width:14px;height:14px;background:var(--brand-red);border:4px solid #f6f7fc;border-radius:50%}.process-grid article:nth-of-type(2) .step:before{background:var(--blue)}.reviews{position:relative;isolation:isolate;border-radius:40px 120px 40px 40px;background:#eeeff8}.reviews:before{content:'';position:absolute;inset:0;background:url('assets/brand-m.svg') no-repeat -120px 120px/500px;opacity:.07;z-index:-1}.reviews-heading .eyebrow{background:white}.review-grid figure:first-child .quote-mark,.review-grid figure:last-child .quote-mark{color:var(--red)}.review-grid figure:nth-child(2){transform:translateY(20px);background:var(--ink);color:white}.review-grid figure:nth-child(2) small{color:#e5e2fa}.review-grid figure:nth-child(2) figcaption{border-color:#ffffff35}.review-grid figure:nth-child(2) .avatar{background:#ffffff15;color:#fff}.review-source{margin-top:45px}.faq{padding-block:90px}.faq-list details[open]{background:#fff;margin-inline:-18px;padding-inline:18px;border-radius:12px}.faq-list details[open] summary .icon{background:var(--red)}.contact{background:var(--blue);position:relative;isolation:isolate;border-radius:120px 40px 40px 40px}.contact:before{content:'';position:absolute;left:0;top:0;bottom:0;width:56%;background:var(--warm-surface);border-radius:0 180px 180px 0;z-index:-1}.contact .eyebrow{background:#a51c0b55;color:white}.contact .status-dot{background:white}.contact-copy>p,.contact-detail,.contact-detail .icon,.contact-phone .icon{color:white}.contact .contact-email{border-color:#ffffff70}.full-form{box-shadow:0 15px 40px #221d541a}.footer-main{padding-top:48px}.footer-main>p{font-size:15px}.back-top{background:var(--red);color:white}.reveal.is-visible{animation:none}
@media(min-width:1600px){.hero-brand-arches{right:0}}
@media(max-width:1100px){.hero-brand-arches{right:-170px;width:780px}.hero-intro{padding:22px;max-width:335px}.hero-top{gap:25px}.about{gap:36px 45px;padding-inline:45px}.service-panel{gap:30px}.hero h1{font-size:66px}.care-copy{padding-right:35px}}
@media(max-width:900px){.header{height:74px;width:calc(100% - 24px);padding-inline:12px;border-radius:0 0 16px 16px}.header:after{left:12px;right:12px}.header nav{top:67px;left:0;right:0}.hero{margin-top:8px;padding-top:30px;border-radius:28px}.hero-brand-arches{width:640px;height:500px;right:-230px;top:-65px;opacity:.55;transform:rotate(-8deg)}.hero-top{padding-inline:8px;padding-bottom:24px;display:block}.hero h1{font-size:clamp(38px,10.3vw,64px)}.hero-intro{width:100%;max-width:100%;justify-self:stretch;margin-top:22px;padding:20px;background:#221d54eb;border-radius:15px}.hero-intro p{max-width:100%;font-size:14px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero-intro .button{font-size:12px}.hero-secondary{margin-left:12px}.hero-photo-frame{height:280px}.hero-photo{transform:none}.hero-scene:hover .hero-photo{transform:none}.hero-foot{gap:8px;padding-block:20px 36px}.hero-scroll-link{font-size:10px;gap:7px}.partners{padding-top:28px;padding-bottom:24px;min-height:135px}.section{padding-block:60px}.services{padding-top:36px;padding-bottom:20px}.section-next{font-size:11px;padding:22px 0 16px;gap:14px}.section-next>span{gap:9px}.section-next>.icon{width:26px;height:26px}.service-panel{border-radius:20px 65px 20px 20px;gap:0}.service-image{border-radius:60px 14px 14px 14px}.eyebrow{font-size:10px;padding:6px 9px;margin-bottom:18px}.about{margin-top:14px;padding:35px 25px;gap:30px;border-radius:28px 80px 28px 28px}.about .eyebrow{max-width:calc(100% - 20px)}.about-visual>img{border-radius:85px 18px 18px 18px}.about .lead{font-size:15px}.about-values{padding-top:25px}.about .section-next{padding-top:0;margin-top:-5px}.experience{left:20px;right:0;border-radius:14px 14px 40px 14px}.about-brand-watermark{width:350px;height:350px;bottom:-200px}.spaces{padding-bottom:20px}.space-card,.commercial-card{border-radius:24px 85px 24px 24px}.commercial-card{border-radius:85px 24px 24px 24px}.space-card:hover .space-content{transform:none}.care{border-radius:85px 28px 28px 28px;margin-top:14px}.care-image{border-radius:72px 18px 18px 18px}.care-copy{padding:30px 27px 35px}.care h2{font-size:36px}.care:before{background-position:50% 100%;background-size:500px}.process-grid{padding:0 0 0 19px;gap:32px;margin-top:35px}.process-grid article{padding:0 0 0 36px}.process-connection{top:0;bottom:0;right:auto;left:4px;width:3px;height:auto}.process-connection>span{transform-origin:top;transform:scaleY(var(--process-progress));background:linear-gradient(180deg,var(--brand-red) 0 50%,var(--blue) 50% 100%)}.step{top:0;left:0;display:block;font-size:11px}.step .icon{margin-top:15px}.process-grid article .step:before{left:-21px;top:3px}.process-grid article h3{font-size:22px}.reviews{border-radius:28px 85px 28px 28px;padding-top:40px}.reviews-heading{padding-right:5px}.review-grid figure:nth-child(2){transform:none}.review-source{margin-top:24px}.reviews:before{background-position:-130px 65%;background-size:400px}.faq{padding-block:60px}.faq-list details[open]{margin-inline:-10px;padding-inline:10px}.contact{border-radius:85px 28px 28px 28px;padding-top:38px}.contact:before{width:100%;height:470px;bottom:auto;border-radius:0 0 110px 0}.contact-copy{padding:0 5px 12px}.contact h2{font-size:43px}.contact .contact-copy>p{max-width:300px}.full-form{position:relative;z-index:1}.footer-main>p{font-size:13px}.footer-bottom{padding-bottom:100px}}
@media(max-width:400px){.hero-brand-arches{right:-275px;top:-45px}.hero-intro{padding:17px}.hero-secondary{margin:14px 0 0;display:flex}.hero-photo-frame{height:240px}.hero h1{font-size:clamp(35px,10.3vw,42px)}.quick-form{padding:21px 17px}.quick-form h2{font-size:24px}.section-next{font-size:10px}.about{padding-inline:22px}.contact h2{font-size:40px}.contact:before{height:470px}}
@media(prefers-reduced-motion:reduce){.hero-brand-arches{transform:rotate(-8deg)}.hero-photo,.process-connection>span{transform:none!important}.process-connection>span{opacity:1}.service-panel,.service-copy,.service-image{animation:none!important}}
/* Keep in-page destinations clear of the compact sticky navigation. */
@media(max-width:900px){html{scroll-padding-top:90px}}
