@font-face{font-family:Montserrat;src:url('assets/montserrat-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:MontserratMedium;src:url('assets/montserrat-medium.woff') format('woff');font-display:swap}
@font-face{font-family:MontserratMedium;src:url('assets/montserrat-medium-cz.woff') format('woff');font-display:swap}
@font-face{font-family:Goldman;src:url('assets/goldman.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Goldman;src:url('assets/goldman-cz.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins.woff') format('woff');font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-cz.woff') format('woff');font-display:swap}
:root{--berry:#811d4e;--red:#ff4544;--orange:#ff8045;--yellow:#ffcb42;--ink:#202020;--gradient:linear-gradient(105deg,var(--berry),var(--red) 43%,var(--yellow));font-family:Montserrat,MontserratMedium,Arial,sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}h2,h3{text-transform:uppercase}h2{font-size:clamp(1.5rem,1.72vw,2.063rem);font-weight:700;line-height:1.35}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ffcc42;outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:3px solid #81204e;outline-offset:1px}.container{width:81%;max-width:1554px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:20;left:20px;top:12px;background:#fff;color:#222;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{min-height:64px;height:4.167vw;max-height:80px;background:linear-gradient(100deg,#ffce46 0%,#ff7d43 43%,#ff3943 71%,#751c4a 100%);display:flex;align-items:center;justify-content:space-between;padding:0 6% 0 2.7%;position:relative;z-index:5}.header-mark{width:clamp(42px,3.44vw,66px)}.site-header nav{display:flex;justify-content:space-between;align-items:center;width:43%;gap:25px}.site-header nav a{text-transform:uppercase;color:#fff;font-family:MontserratMedium,Montserrat,sans-serif;font-size:clamp(.875rem,.886vw,1.063rem);padding:12px 0;white-space:nowrap}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}
.hero{position:relative;background:#151515;color:#fff;min-height:64.115vw;max-height:none;padding:6.3vw 0 18.2vw;background-image:linear-gradient(#000b,#000b),url('assets/industrial-hall.jpeg');background-size:cover;background-position:center 61%}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 25% 20% at 24% 24%,#ff8b322c,transparent 100%)}.hero-layout{display:flex;justify-content:space-between;position:relative;gap:80px}.hero-main{width:650px;max-width:51%}.company-logo{width:70%;max-width:453px}.about-copy{margin-top:9.1vw}.about-label{font-size:clamp(2rem,2.71vw,3.25rem);line-height:1.15;text-transform:uppercase}.about-copy h1{font-size:clamp(2rem,2.71vw,3.25rem);text-transform:uppercase;line-height:1.2;margin-top:8px;white-space:nowrap}.about-text{font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.2;margin-top:1.35vw;max-width:620px}.hero-action{display:flex;justify-content:flex-end;margin-top:24px}.angle-button{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient);padding:20px 30px;border-radius:14px;transform:skewX(-25deg) rotate(-3deg);margin-right:4px;min-width:240px;min-height:62px;font-size:clamp(.875rem,1.042vw,1.25rem);font-weight:700;text-transform:uppercase}.angle-button span{transform:skewX(25deg) rotate(3deg)}.angle-button:hover{filter:brightness(1.13)}.specialties{width:366px;max-width:29%;display:flex;flex-direction:column;gap:43px}.specialty>img{width:87px;margin:0 auto 15px}.specialty fieldset{min-width:0;margin:0;border:2px solid transparent;border-radius:29px;padding:12px 29px 24px;background:linear-gradient(#131313e8,#131313e8) padding-box,var(--gradient) border-box;text-align:center}.specialty:nth-child(2) fieldset{background:linear-gradient(#131313e8,#131313e8) padding-box,linear-gradient(110deg,var(--yellow),var(--red),var(--berry)) border-box}.specialty legend{padding:0 13px;color:#fff;font:700 clamp(1.5rem,1.72vw,2.063rem)/1.1 Goldman,Montserrat,sans-serif;text-transform:uppercase;margin:auto}.specialty p{font-size:.875rem;line-height:1.3}
.services{position:relative;color:#fff;margin-top:-12.5vw;padding:7.6vw 0 13vw;z-index:1}.services-background{position:absolute;inset:0;background:url('assets/services-background.svg') center / 100% 100% no-repeat}.services-content{position:relative}.services-intro{display:grid;grid-template-columns:1fr 1.23fr;gap:6.3%;margin-top:30px;font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.2;max-width:1350px}.service-groups{display:grid;grid-template-columns:44% 1fr;gap:38px 40px;margin-top:73px}.service-group{min-width:0;border:1.5px solid #90214c;border-left-color:#ffe454;border-bottom-color:#ffcd43;border-radius:38px;margin:0;padding:15px 29px 29px}.service-group legend{padding:0 22px;color:#fff;text-transform:uppercase;font:700 clamp(1.1rem,1.72vw,2.063rem)/1.15 Goldman,Montserrat,sans-serif;white-space:nowrap}.service-group ul{display:flex;gap:clamp(12px,1.6vw,30px);padding:0;margin:0;list-style:none}.service-group li{background:#fff;border-radius:18px;color:#98244a;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;padding:18px 10px;min-height:112px;font:400 clamp(.875rem,1.34vw,1.61rem)/1.3 Poppins,Montserrat,sans-serif;text-transform:uppercase}.repairs li:last-child{flex:1.65}.supply{grid-column:1/-1}.supply li:nth-child(3){flex:1.2}.supply li:nth-child(4){flex:1.7}.supply li:nth-child(5){flex:1.6}
.brands{position:relative;margin-top:-4.35vw;padding-bottom:9.4vw;z-index:2}.brands h2,.projects h2,.references h2{color:#fa8045}.brand-panels{display:grid;grid-template-columns:1.28fr 1fr;gap:14%;margin-top:5.3vw;padding:0 3%}.brand-panel{position:relative;min-width:0;height:clamp(150px,10vw,193px);padding:0 18px;display:flex;flex-direction:column;justify-content:center;align-items:center}.brand-panel:before{content:"";position:absolute;inset:0;z-index:-1;border:2px solid transparent;border-radius:38px;transform:skewX(-32deg) rotate(2deg);background:linear-gradient(#fff,#fff) padding-box,var(--gradient) border-box}.brand-logos{display:flex;align-items:center;justify-content:center;gap:25px;width:80%;height:115px}.brand-logos img{width:42%;max-height:110px;object-fit:contain}.brand-logos .atmos-logo{width:160px;max-width:70%}.brand-panel h3{position:absolute;bottom:-8px;background:#fff;padding:0 13px;font:700 clamp(.875rem,1.15vw,1.375rem)/1.2 Goldman,Montserrat,sans-serif;text-align:center;white-space:nowrap}.projects h2{margin-bottom:60px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr)}.project-image{display:block;overflow:hidden;background:#ddd;aspect-ratio:1.104/1}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-image:hover img{transform:scale(1.035)}
.references{position:relative;padding:6.7vw 0 7.4vw;background:linear-gradient(155deg,#fff 14%,#fff8ef 45%,#ffe8b2 77%,#ffb09a 100%);overflow:hidden}.references:before{content:"";position:absolute;inset:30% -10% 0;pointer-events:none;background:url('assets/mark.svg') repeat;background-size:155px 105px;opacity:.045;transform:rotate(-19deg)}.references>.container{position:relative}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.carousel-controls{display:flex;gap:18px}.carousel-controls button{border:0;color:#fff;background:linear-gradient(100deg,var(--berry),var(--red));font:700 38px/.7 Arial,sans-serif;width:68px;height:50px;border-radius:12px;transform:skewX(-24deg);padding-bottom:5px}.carousel-controls button:last-child{background:linear-gradient(100deg,var(--orange),var(--yellow))}.reference-cards{display:flex;gap:3.8%;align-items:flex-start}.reference-card{flex:1;min-width:0;background:#fff;padding:48px 50px;border-radius:34px;font-size:clamp(1rem,.886vw,1.063rem);line-height:1.58}.reference-card blockquote{margin:0}.review-platform{font-size:.875rem;line-height:1.4;color:#79564a;margin-bottom:20px}.review-date{font-size:.875rem;line-height:1.4;color:#75635c;margin-top:5px}.review-source{display:inline-block;margin-top:20px;font-size:.875rem;color:#922344;text-decoration:underline;text-underline-offset:4px}.review-source:hover{color:#c34638}.reference-name{font-weight:700;color:#de6631;margin-top:25px;font-size:clamp(1rem,.99vw,1.188rem)}
.contact{background:linear-gradient(111deg,#f53a40 12%,#ff6747 54%,#ffc143);color:#fff;padding:70px 0 80px}.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:16%}.contact h2{margin-bottom:42px}.contact h3{font-weight:700;font-size:1.125rem;line-height:1.4}.contact-information>h3{margin-bottom:14px}.contact address{font-style:normal;font-size:1rem;line-height:1.55}.contact address a,.contact address p{display:flex;align-items:baseline;gap:8px;width:fit-content}.contact address span{width:17px;flex-shrink:0}.contact address a:hover{text-decoration:underline}.contact-information>p{font-size:1rem;line-height:1.45}.contact-information .coverage{margin:34px 0 52px}.contact-information>p:last-child{margin-top:20px}.contact-form h3{margin-bottom:10px}.contact-form{padding-top:7px;min-width:0}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:block;margin-bottom:12px;min-width:0}.contact-form input,.contact-form textarea{display:block;width:100%;padding:16px;border:0;background:#ffeadacf;color:#282020;border-radius:0;font-family:MontserratMedium,Montserrat,sans-serif;font-size:1rem;min-width:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#40302c;opacity:1}.contact-form textarea{resize:vertical;min-height:260px}.form-submit{background:#fff;color:#98244a;font-weight:700;font-size:1rem;border:0;border-radius:10px;padding:15px 22px;margin-top:2px}.form-submit:hover{background:#fff5ec}.form-note,.form-feedback{font-size:.875rem;line-height:1.4;margin-top:12px;max-width:520px}.form-feedback:empty{display:none}
.gallery-dialog{max-width:min(94vw,950px);max-height:94dvh;background:#151515;color:#fff;border:0;border-radius:20px;padding:55px 28px 22px}.gallery-dialog::backdrop{background:#000d}.gallery-dialog figure>img{max-height:65dvh;max-width:100%;margin:0 auto}.gallery-dialog figcaption{font-size:1rem;text-align:center;margin-top:16px}.gallery-close{position:absolute;right:15px;top:6px;border:0;background:none;color:#fff;font-size:36px;min-width:44px;min-height:44px}.gallery-controls{display:flex;gap:28px;align-items:center;justify-content:center;margin-top:12px}.gallery-controls button{border:1px solid #777;border-radius:50%;width:44px;height:44px;background:none;color:#fff;font-size:22px}
@media(min-width:1920px){.hero{min-height:1231px;padding-top:121px;padding-bottom:350px}.about-copy{margin-top:175px}.about-text{margin-top:26px}.services{margin-top:-240px;padding:146px 0 250px}.brands{margin-top:-84px;padding-bottom:180px}.brand-panels{margin-top:102px}.references{padding:129px 0 142px}}
@media(max-width:1250px){.container{width:86%}.site-header nav{width:55%}.hero-layout{gap:35px}.hero-main{max-width:58%}.specialties{max-width:35%;gap:30px}.specialty>img{width:65px}.specialty fieldset{padding:9px 16px 18px}.specialty p{font-size:.875rem}.hero{padding-bottom:22vw}.about-copy h1{white-space:normal}.company-logo{width:77%}.about-copy{margin-top:7vw}.hero-action{justify-content:flex-start}.angle-button{min-width:215px;min-height:52px;padding:15px 22px}.service-groups{gap:25px 22px;margin-top:44px}.service-group{padding:10px 15px 20px;border-radius:26px}.service-group legend{padding:0 12px}.service-group li{min-height:85px;padding:12px 8px;border-radius:12px}.brand-panels{gap:12%;padding:0 4%}.brand-panel h3{white-space:normal;max-width:95%}.brand-logos{width:98%}.reference-card{padding:28px 24px;border-radius:26px}.contact-layout{gap:9%}.projects h2,.section-title-row{margin-bottom:42px}}
@media(max-width:800px){:root{scroll-padding-top:16px}.container{width:88%}.site-header{height:64px;max-height:none;padding:0 6%}.site-header nav{width:auto;gap:22px}.site-header nav a{font-size:.875rem}.hero{padding:55px 0 160px;min-height:0;background-position:58% center}.hero-layout{display:block}.hero-main{max-width:none;width:100%}.company-logo{width:310px;max-width:75%}.about-copy{margin-top:58px;max-width:620px}.about-label,.about-copy h1{font-size:clamp(1.8rem,5.5vw,2.7rem)}.about-text{font-size:1.063rem;line-height:1.5;margin-top:22px}.specialties{width:100%;max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:64px}.specialty>img{width:60px}.specialty fieldset{padding:10px 10px 18px;height:calc(100% - 55px);border-radius:21px}.specialty legend{font-size:1.25rem;padding:0 8px}.specialty p{font-size:.875rem;line-height:1.45}.services{margin-top:-95px;padding:110px 0 155px}.services-background{background:linear-gradient(105deg,#81204eee,#ff6050ee 48%,#ffcd47ed),url('assets/pipework.jpeg') center/cover;clip-path:polygon(0 6%,10% 0,100% 4%,100% 100%,10% 95%,0 100%)}.services-intro{gap:25px;font-size:1rem;line-height:1.5;margin-top:22px}.service-groups{grid-template-columns:1fr;gap:25px;margin-top:32px}.service-group legend{font-size:1.25rem;white-space:normal}.service-group ul{gap:14px}.service-group li{font-size:.95rem;min-height:86px}.supply ul{display:grid;grid-template-columns:repeat(3,1fr)}.supply li:last-child{grid-column:2/4}.brands{margin-top:-70px;padding-bottom:80px}.brand-panels{margin-top:60px;gap:15%;grid-template-columns:1.25fr 1fr;padding:0 6%}.brand-logos{gap:10px}.brand-panel{height:145px;padding:0 8px}.brand-panel:before{transform:skewX(-20deg) rotate(2deg);border-radius:26px}.brand-panel h3{font-size:.875rem;bottom:-16px}.brand-logos .atmos-logo{width:105px}.projects h2{margin-bottom:32px}.project-grid{grid-template-columns:repeat(2,1fr)}.project-image{aspect-ratio:1/1}.references{padding:65px 0}.reference-cards{gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.reference-card{flex:0 0 82%;scroll-snap-align:start;max-width:440px;font-size:1rem}.carousel-controls{gap:12px}.carousel-controls button{width:45px;height:38px;font-size:32px}.section-title-row{margin-bottom:30px}.contact{padding:55px 0}.contact-layout{grid-template-columns:1fr;gap:55px}.contact-information{max-width:520px}.contact h2{margin-bottom:28px}.contact-information .coverage{margin:25px 0 30px}.contact-form textarea{min-height:220px}}
@media(max-width:560px){.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;border:1px solid #ffffff99;background:transparent;border-radius:8px;width:44px;height:40px}.menu-toggle>span:not(.sr-only){width:20px;height:2px;background:#fff}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:18px 6% 24px;background:#791e4c;box-shadow:0 10px 20px #0003}.site-header nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.hero{padding-top:42px}.about-copy{margin-top:42px}.about-label,.about-copy h1{font-size:1.8rem}.specialties{grid-template-columns:1fr;gap:28px;margin-top:52px}.specialty{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center}.specialty>img{width:52px;margin:10px 0 0}.specialty fieldset{height:auto;padding:12px 15px 18px}.specialty p{font-size:.938rem}.specialty legend{font-size:1.375rem}.services{padding-top:92px;padding-bottom:130px}.services-intro{grid-template-columns:1fr;gap:18px}.service-group legend{font-size:1.1rem;line-height:1.35;padding:0 8px}.service-group{padding:8px 10px 14px;border-radius:22px}.service-group ul{gap:8px}.service-group li{font-size:.875rem;padding:13px 5px;min-height:83px}.repairs ul{display:grid;grid-template-columns:1fr 1fr}.repairs li:last-child{grid-column:1/-1;min-height:62px}.supply ul{grid-template-columns:1fr 1fr}.supply li:last-child{grid-column:1/-1}.brands{margin-top:-50px;padding-bottom:60px}.brand-panels{grid-template-columns:1fr;gap:56px;margin-top:45px;padding:0 10%}.brand-panel{height:145px}.brand-logos img{max-width:140px}.brand-logos{max-width:330px}.brand-panel h3{bottom:-13px;max-width:110%;font-size:.875rem}.brand-logos .atmos-logo{width:135px;max-width:75%}.references h2{font-size:1.35rem}.reference-card{flex-basis:90%;padding:25px}.name-fields{grid-template-columns:1fr;gap:0}.contact-form input,.contact-form textarea{padding:14px}.gallery-dialog{padding:50px 14px 18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}