:root{--ink:#0d1719;--panel:#142426;--panel-2:#1b3032;--line:#355053;--cream:#f2eee3;--muted:#a8bcba;--orange:#f2aa67;--orange-light:#ffc78b;--teal:#93c5bd;scroll-behavior:smooth}
*{box-sizing:border-box}
html{scroll-padding-top:84px}
body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--orange-light);outline-offset:5px}
::selection{background:var(--orange);color:var(--ink)}
.shell{width:min(1440px,calc(100% - 72px));margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-100px;z-index:20;background:var(--orange);color:var(--ink);padding:12px 16px;font-weight:800}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;background:#0d191bdc;backdrop-filter:blur(18px);border-bottom:1px solid #a4c0b323}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand-mark{width:42px;height:42px;border:2px solid var(--orange);display:grid;place-items:center;color:var(--cream);font:900 19px/.8 'Barlow Condensed',Impact,sans-serif;transform:skew(-7deg)}
.mark-dot,.brand-name>span,.site-footer strong span{color:var(--orange)}
.brand-name{display:block;font:800 26px/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:.7px}
.brand-name small{display:block;color:var(--muted);font:800 8px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:2.4px;margin-top:7px}
.desktop-nav{display:flex;gap:32px;margin-left:auto}
.desktop-nav a,.nav-cta{font-size:11px;font-weight:800;letter-spacing:1.2px;white-space:nowrap}
.desktop-nav a{color:#c3d2cc;transition:color .2s}.desktop-nav a:hover{color:var(--orange)}
.nav-cta{border:1px solid var(--orange);color:var(--orange);padding:13px 16px;transition:background .2s,color .2s}.nav-cta:hover{background:var(--orange);color:var(--ink)}
.nav-cta span{font-size:18px;margin-left:12px;vertical-align:-1px}
.hero{position:relative;isolation:isolate;padding:92px 0 0;background:radial-gradient(circle at 70% 23%,#2a4443 0,transparent 37%),linear-gradient(125deg,#0b1719,#14282a 57%,#101b1d);overflow:hidden}
.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b9d4c712 1px,transparent 1px),linear-gradient(90deg,#b9d4c712 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 80%)}
.hero:after{content:'HVAC/R';position:absolute;right:-10px;top:6px;z-index:-1;color:#ffffff08;font:900 clamp(230px,29vw,470px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-12px;pointer-events:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:6%;min-height:560px}
.hero-copy{position:relative;z-index:1;padding-bottom:40px}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.5px;font-weight:800;color:var(--orange)}
.eyebrow{display:flex;align-items:center;gap:11px;white-space:nowrap}
.eyebrow-sep{color:#7b9693}.pulse{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #f2aa6720}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}
h1{font-size:clamp(82px,7.2vw,125px);line-height:.82;letter-spacing:-2.5px;margin:35px 0 31px;font-weight:900;white-space:nowrap}
h1 em,h2 em{font-style:normal;color:var(--orange)}
.hero-lede{max-width:550px;font-size:clamp(17px,1.2vw,20px);line-height:1.65;color:#d6e1da;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:58px;padding:15px 19px;font-size:12px;font-weight:800;letter-spacing:1.1px;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px)}.button span{font-size:23px;line-height:0}
.button-primary{background:var(--orange);color:#172124;box-shadow:6px 6px 0 #0005}.button-primary:hover{background:var(--orange-light);box-shadow:10px 10px 0 #0005}
.button-outline{border:1px solid #b1c5bc70;color:var(--cream)}.button-outline:hover{background:#ffffff10}
.hero-note{color:#9bb2ad;font-size:12px;margin:21px 0 0}
.hero-visual{position:relative;min-width:0;padding:0 0 35px}
.hero-frame{position:relative;border:1px solid #849e9666;background:#243638;padding:12px;box-shadow:28px 35px 0 #0004,0 28px 70px #0008;transform:rotate(1.5deg)}
.hero-frame:before{content:'';position:absolute;left:-11px;top:-11px;width:70px;height:70px;border-left:3px solid var(--orange);border-top:3px solid var(--orange)}
.hero-frame img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:contrast(1.07) saturate(.87)}
.frame-label{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0c1c1ddf;font-size:10px;letter-spacing:1.4px;font-weight:800}
.frame-live{color:var(--orange)}.hero-stamp{position:absolute;right:-24px;bottom:-15px;background:var(--orange);color:#142124;width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-9deg);box-shadow:8px 10px 0 #0007}.hero-stamp span{font-size:10px;letter-spacing:2px;font-weight:800}.hero-stamp strong{font:900 43px/.9 'Barlow Condensed',Impact,sans-serif}
.hero-stats{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,165px)) 1fr;align-items:center;gap:25px;margin-top:50px;border-top:1px solid #9dbeb24b;border-bottom:1px solid #9dbeb24b;min-height:105px}
.hero-stats>div:not(.stat-line){display:flex;align-items:center;gap:11px}
.hero-stats strong{font:900 52px/.85 'Barlow Condensed',Impact,sans-serif;color:var(--orange)}
.hero-stats span{font-size:10px;line-height:1.3;font-weight:800;letter-spacing:1px;color:#c8d5ce}.stat-line{text-align:right;color:#c6d5cd;font:800 11px 'DM Sans',Arial,sans-serif;letter-spacing:1.4px}.stat-line span{color:var(--orange);margin:0 7px}
.statement{padding:110px 0;background:#ede9de;color:#152527}.statement-layout{display:grid;grid-template-columns:230px 1fr;gap:60px}.statement .section-kicker{color:#995b31;padding-top:12px}
.statement h2{font-size:clamp(52px,5.5vw,92px);line-height:.94;letter-spacing:-1px;margin:0 0 24px}.statement h2 span{color:#b66b37}.statement p{max-width:930px;font-size:18px;line-height:1.7;color:#365052;margin:0}
.feature-section{padding-top:120px;padding-bottom:125px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.work-intro h2,.final-cta h2{font-size:clamp(66px,6.8vw,112px);line-height:.85;letter-spacing:-1.6px;margin:20px 0 0}.section-heading>p{max-width:340px;color:var(--muted);line-height:1.65;margin-bottom:4px}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature{min-width:0;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.feature img{width:100%;height:300px;object-fit:cover;object-position:center;filter:saturate(.88);transition:transform .5s,filter .5s}.feature:hover img{transform:scale(1.025);filter:saturate(1.05)}
.feature-copy{padding:28px 30px 32px}.feature-num{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:2.2px}.feature h3{font-size:clamp(38px,3vw,53px);line-height:.9;margin:17px 0 15px}.feature p{color:#b9cbc5;font-size:14px;line-height:1.65;max-width:570px;margin:0}
.feature-large{grid-column:span 2;display:grid;grid-template-columns:1.4fr 1fr}.feature-large img{height:100%;min-height:390px}.feature-large .feature-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:45px}.feature-large h3{font-size:clamp(48px,4vw,70px)}
.work-section{padding:120px 0;background:repeating-linear-gradient(135deg,#ffffff04 0 1px,transparent 1px 12px),#193032;border-top:1px solid #56736b5e;border-bottom:1px solid #56736b5e}
.work-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.work-intro p{max-width:470px;color:#c5d4ce;line-height:1.75;font-size:16px;margin:30px 0}.text-link{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--orange);border-bottom:1px solid var(--orange);padding-bottom:8px}.text-link span{font-size:17px;margin-left:10px}
.work-steps{list-style:none;padding:0;margin:0;border-top:1px solid #9bc2b25c}.work-steps li{display:grid;grid-template-columns:70px 1fr;gap:18px;border-bottom:1px solid #9bc2b25c;padding:25px 0}.work-steps li>span{font:800 35px/.9 'Barlow Condensed',Impact,sans-serif;color:var(--orange)}.work-steps h3{font-size:27px;letter-spacing:.4px;margin:0 0 5px}.work-steps p{font-size:14px;line-height:1.55;color:#b5cac4;margin:0}
.gallery-section{padding-top:120px;padding-bottom:130px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-item{position:relative;display:block;min-height:260px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.gallery-item img{width:100%;height:100%;min-height:260px;object-fit:cover;transition:transform .5s,filter .5s;filter:saturate(.9)}.gallery-item:hover img{transform:scale(1.04);filter:saturate(1.08)}.gallery-item:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071214dc);pointer-events:none}.gallery-item span{position:absolute;z-index:1;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:white;font-size:12px;font-weight:800;letter-spacing:1.6px}.gallery-item b{font-size:22px;color:var(--orange);font-weight:400}.gallery-wide{grid-column:span 2;height:480px}.gallery-wide img{min-height:480px}
.final-cta{position:relative;overflow:hidden;padding:90px 0;background:var(--orange);color:#142124}.final-cta:after{content:'DISPATCH';position:absolute;right:-30px;bottom:-100px;font:900 330px/.8 'Barlow Condensed',Impact,sans-serif;color:#1721240d;pointer-events:none}.final-layout{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:50px}.final-cta .section-kicker{color:#664020}.final-cta h2 em{color:#fff6e8}.final-cta p{font-size:16px;margin:25px 0 0}.final-cta .button-primary{background:#16272a;color:#fff6e8;min-width:215px}.final-cta .button-primary:hover{background:#2a4244}
.site-footer{padding:56px 0 30px;background:#0a1416}.footer-layout{display:flex;align-items:start;justify-content:space-between;gap:30px}.site-footer strong{font:900 32px 'Barlow Condensed',Impact,sans-serif}.site-footer p{color:#91aaa5;font-size:13px;margin:7px 0 0}.footer-layout>div:last-child{display:flex;gap:35px;padding-top:12px}.footer-layout a{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#c9d8ce}.footer-layout a:hover{color:var(--orange)}.fine-print{border-top:1px solid #526a624d;padding-top:23px;margin-top:43px!important;font-size:11px!important}
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr;gap:25px}.hero-copy{padding:0}.hero-visual{max-width:850px;margin:0 auto 30px}.hero-stats{margin-top:25px}.hero{padding-top:70px}.statement-layout{grid-template-columns:170px 1fr;gap:30px}}
@media(max-width:760px){.shell{width:min(100% - 36px,620px)}.nav-wrap{height:70px}.desktop-nav{display:none}.brand-name{font-size:22px}.nav-cta{padding:11px;font-size:10px}.nav-cta span{margin-left:4px}.hero{padding-top:60px}.eyebrow{font-size:9px;letter-spacing:1.4px;gap:7px}.hero h1{font-size:clamp(72px,15vw,112px);white-space:normal;margin:25px 0}.hero-lede{font-size:17px}.hero-frame{padding:7px;transform:rotate(0)}.frame-label{left:7px;right:7px;bottom:7px;font-size:8px;padding:9px}.hero-stamp{right:-8px;bottom:8px;width:70px;height:70px}.hero-stamp strong{font-size:29px}.hero-stamp span{font-size:7px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0}.hero-stats strong{font-size:40px}.hero-stats span{font-size:8px}.stat-line{grid-column:span 3;text-align:left;border-top:1px solid #9dbeb24b;padding-top:13px;font-size:9px}.statement,.feature-section,.work-section,.gallery-section{padding-top:80px;padding-bottom:85px}.statement-layout{display:block}.statement .section-kicker{margin-bottom:25px}.statement h2,.section-heading h2,.work-intro h2,.final-cta h2{font-size:clamp(55px,10vw,78px)}.statement p{font-size:16px}.section-heading{display:block}.section-heading>p{margin-top:23px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto;display:block}.feature-large img,.feature img{height:250px;min-height:0}.feature-large .feature-copy,.feature-copy{padding:26px}.feature-large h3,.feature h3{font-size:43px}.work-layout{grid-template-columns:1fr;gap:45px}.work-steps li{grid-template-columns:50px 1fr}.gallery-grid{grid-template-columns:1fr}.gallery-wide{grid-column:auto;height:300px}.gallery-wide img{min-height:300px}.gallery-item{height:280px}.final-cta{padding:75px 0}.final-layout{display:block}.final-cta .button{margin-top:28px}.footer-layout{display:block}.footer-layout>div:last-child{margin-top:25px;flex-wrap:wrap}.fine-print{line-height:1.6}}
@media(max-width:430px){.brand-name small{display:none}.brand-mark{width:34px;height:34px;font-size:16px}.brand-name{font-size:20px}.nav-cta{font-size:9px}.nav-cta span{font-size:15px}.hero h1{font-size:clamp(63px,16vw,78px)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-visual{margin-top:15px}.hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}