/* Utkum — refined layout and movement */
.ui-icon{width:23px;height:23px;flex-shrink:0;display:inline-block;vertical-align:middle}.topbar{background:#142337;border:0;padding:0;position:relative}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:24px}.topbar-contact{display:flex;gap:25px;align-items:center}.topbar a{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:12px;font-weight:600}.topbar .ui-icon{width:16px;height:16px;color:#ff9b35}.topbar-message{display:flex!important;align-items:center;gap:14px;color:#c6ced9;font-size:12px}.topbar-message i{width:3px;height:3px;background:#ff982d;border-radius:50%}.topbar-cta{align-self:stretch;background:#ff8200;padding:0 23px;border-radius:0 0 0 15px}.topbar .topbar-cta .ui-icon{color:white}.icon-button{display:inline-grid;place-items:center;border-radius:8px}.header .ref-drawer-button{background:#f4f6f8;border:0}.header-actions>.btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.close-dialog{display:grid;place-items:center;border:0;background:#f0f3f6;border-radius:50%;width:38px;height:38px;z-index:3}.ref-prev .ui-icon{transform:rotate(180deg)}.ref-slide-controls{bottom:78px}.reference-hero{overflow:hidden}.ref-slide{position:absolute;inset:0;transform:translateX(100%);visibility:hidden;transition:transform .7s cubic-bezier(.22,.65,.3,1);pointer-events:none;display:flex!important}.ref-slide.is-active{transform:translateX(0);visibility:visible;pointer-events:auto}.ref-slide.is-leaving{transform:translateX(-100%);visibility:visible}.ref-slide>img{animation:none;transform:scale(1.03);transition:transform 3.5s linear}.ref-slide.is-active>img{transform:scale(1.08)}.reference-hero:focus-within .ref-slide>img{transition:none}.ref-about-image{overflow:hidden;border-radius:12px;isolation:isolate}.ref-about-image>img{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s}.ref-about-image:hover>img{transform:scale(1.085);filter:saturate(1.08)}.experience-band{z-index:1;border-radius:0 8px 8px 0;box-shadow:0 8px 30px #0002}.experience-band .ui-icon{width:38px;height:38px}.section{position:relative;isolation:isolate}.section:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:url('construction-pattern.svg');background-size:610px 420px;opacity:.055}.section:nth-of-type(2n):before{background-position:right 30px top 50px}.section>.wrap{position:relative}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;padding:7px 0 25px}.service-grid .roof-service{margin:0;border:1px solid #e2e6eb;box-shadow:0 10px 26px #16253a06;border-radius:8px}.service-grid .roof-service>a{border-radius:8px 8px 0 0}.service-grid .roof-service>div{min-height:190px}.expertise-rail{scroll-snap-type:none;overflow:hidden;padding:15px 0 30px}.expertise-rail>*{flex:0 0 calc((100% - 84px)/4)}.expertise-rail .metal-service{border:1px solid #e8ebef;border-radius:12px}.pill-link .ui-icon{width:15px;height:15px}.ref-counters{background:#142337;color:white;padding:65px 0}.ref-counters:before{opacity:.12;filter:invert(1)}.counter-box{border:1px solid #ffffff24;background:linear-gradient(145deg,#ffffff0e,#ffffff03);border-radius:16px;padding:32px 24px;text-align:left;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}.counter-box:hover{transform:translateY(-5px);border-color:#ff982d}.counter-box:after{content:'';width:130px;height:130px;border:1px solid #ffffff09;border-radius:50%;position:absolute;right:-45px;bottom:-40px}.counter-box>.counter-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ff982d55;background:#ff982d12;border-radius:14px;margin-bottom:24px}.counter-icon .ui-icon{width:30px;height:30px}.counter-box strong{font-size:46px;letter-spacing:-2px;line-height:1.1;color:white}.counter-box h3{font-family:inherit;font-size:17px;font-weight:700;margin:15px 0 6px;color:#fff}.counter-box p{font-size:12px;color:#b7c2d0;line-height:1.7}.roof-project{transition:background .5s,color .5s,transform .5s;box-shadow:0 10px 30px #13233a12}.roof-project.is-centered{background:#ff8200;color:white;transform:translateY(-5px)}.roof-project.is-centered p,.roof-project.is-centered .text-link{color:white}.project-rail{padding-top:15px;scroll-snap-type:none}.ref-contact-box{grid-template-columns:1.2fr .9fr;align-items:stretch;border-left:0;border-top:4px solid var(--orange);padding:40px;gap:55px}.ref-contact-box>div:first-child{order:2}.ref-contact-box>div:last-child{order:1}.ref-contact-box>div:first-child>img{border-radius:12px;height:100%;max-height:none;min-height:620px}.blog-date{display:none}.footer{background:linear-gradient(90deg,#0c1c2bf2,#0c1c2bd4),url('company/a-079.jpg') center 52%/cover}.footer p{color:#c2cad3}.footer-grid{padding-top:15px}.floating a{display:flex;gap:9px;align-items:center;background:#16884c;box-shadow:0 6px 22px #1233;font-size:14px}.floating .ui-icon{width:21px;height:21px}.info-drawer{max-width:460px;width:94%;padding:45px 34px;background:#fff;border:0}.info-drawer::backdrop,.contact-modal::backdrop{background:#0a172ba8;backdrop-filter:blur(5px)}.drawer-brand{display:flex;align-items:center;gap:14px;margin:8px 0 30px}.drawer-brand strong{font-size:28px;letter-spacing:2px;line-height:1.2}.drawer-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.info-drawer>img{height:215px;width:100%;border-radius:12px;margin-bottom:28px}.info-drawer .eyebrow{font-size:11px;margin-bottom:10px}.info-drawer h2{font-size:29px;line-height:1.3}.info-drawer>p{line-height:1.9}.info-drawer>a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9edf1}.info-drawer .drawer-phone{justify-content:flex-start;gap:12px;color:#df7200;font-size:21px;font-weight:700;padding:20px 0}.info-drawer .btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:25px}.drawer-note{font-size:12px!important;color:#7b8795;margin-top:20px}.contact-modal{width:min(780px,calc(100% - 28px));max-width:780px;max-height:90dvh;padding:40px;border:0;border-radius:16px}.contact-modal h2{font-size:32px;padding-right:25px}.modal-intro{margin:12px 0 28px;font-size:14px}.contact-modal input,.contact-modal select,.contact-modal textarea{border-radius:7px;background:#f7f9fb}.contact-modal .form-grid{gap:18px}.product-filters{justify-content:center;gap:10px;margin:28px 0 12px}.product-filters button{border:1px solid #e2e7ed;border-radius:30px;background:white;padding:10px 22px;font-size:13px;cursor:pointer}.product-filters button.active{background:#142337;color:white;border-color:#142337;box-shadow:0 5px 12px #14233722}.filter-status{text-align:center}.filter-grid>[hidden]{display:none!important}.map-frame{border-radius:14px;overflow:hidden;box-shadow:0 15px 50px #17263b10;border:1px solid #e4e9ee;background:#fff}.map-frame iframe{width:100%;height:420px;border:0;display:block}.map-caption{display:flex;align-items:center;gap:15px;padding:24px 30px}.map-caption>.ui-icon{color:#ff8200;width:30px;height:30px}.map-caption small{display:block;font-size:12px;color:#718090;margin-top:4px}.upload-box{border:1.5px dashed #b6c5d5;border-radius:12px;background:#f7f9fc;position:relative;display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center;gap:8px}.upload-box:focus-within,.upload-box:hover{border-color:#ff8200;background:#fff8ef}.upload-box>.ui-icon{width:34px;height:34px;color:#ff8200;margin-bottom:6px}.upload-box strong{font-size:14px}.upload-box span{font-size:12px;color:#718090}.upload-box input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-status{font-size:13px;margin:10px 0;color:#55677c}.upload-remove{border:0;background:#fff0e2;color:#a05000;padding:7px 14px;border-radius:5px;cursor:pointer}.team-social .ui-icon{width:18px;height:18px}.ref-title>span:before{animation:none;left:39px}
@media(max-width:1100px){.topbar-message{display:none!important}.expertise-rail>*{flex-basis:calc((100% - 56px)/3)}.header-actions>.btn{display:none}.ref-contact-box{gap:30px;padding:28px}}
@media(max-width:800px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-rail>*{flex-basis:calc((100% - 28px)/2)}.ref-contact-box{display:flex;flex-direction:column}.ref-contact-box>div:first-child>img{min-height:0;height:360px}.topbar .topbar-cta{display:none}.topbar .wrap{min-height:40px}.counter-box{padding:24px 18px}.counter-box strong{font-size:36px}.counter-box h3{font-size:15px}.ref-contact-box>div:first-child{order:2}.ref-contact-box>div:last-child{order:1}}
@media(max-width:520px){.service-grid{grid-template-columns:1fr;gap:40px}.expertise-rail>*{flex-basis:85%}.expertise-rail .metal-service img{height:230px}.topbar-contact{gap:22px}.topbar a{font-size:11px}.contact-modal{padding:30px 20px}.contact-modal h2{font-size:27px}.counter-box strong{font-size:32px}.counter-box p{font-size:11px}.counter-box h3{font-size:14px}.counter-box>.counter-icon{width:48px;height:48px;margin-bottom:20px}.product-filters{gap:7px}.product-filters button{padding:8px 14px;font-size:12px}.map-frame iframe{height:330px}.ref-contact-box{padding:22px}.ref-contact-box>div:first-child>img{height:290px}}
@media(prefers-reduced-motion:reduce){.ref-slide,.ref-slide>img,.ref-about-image>img{transition:none}.section:before{animation:none}}

@media(min-width:981px){.header .mobile-toggle{display:none}}


.expertise-rail{scroll-behavior:auto!important}.service-grid .roof-service>.btn{border-radius:25px}.flip-front>span>.ui-icon{width:32px;height:32px}

/* Keep the contact photograph from determining the grid row height. */
.ref-contact-box>div:first-child{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:12px}
.ref-contact-box>div:first-child>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:cover;object-position:center;margin:0}
.ref-contact-box>div:last-child{min-width:0}
@media(max-width:800px){.ref-contact-box>div:first-child{flex:none;height:320px}.ref-contact-box>div:first-child>img{height:100%;min-height:0;max-height:100%}}
@media(max-width:520px){.ref-contact-box>div:first-child{height:260px}}