
@font-face{font-family:"Open Sans";src:url("assets/fonts/open-sans-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.imagepro-canvas{margin:0;color:#101010;background:#fff;font-family:"Open Sans",Arial,sans-serif}
h1,h2,h3,a,button{font-family:inherit}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:3px solid #978135;outline-offset:5px}
.skip{position:absolute;left:16px;top:-80px;padding:12px;background:#fff;z-index:10}
.skip:focus{top:10px}
.header{min-height:clamp(49px,4.9vw,72px);padding:5px 2.7%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e6deae}
.logo-link{display:block;min-width:0}
.logo{display:block;width:clamp(240px,29.2vw,430px);max-width:100%;height:auto}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:20px;color:#000}
.phone{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:7px 16px;border:1px solid #000;border-radius:30px;color:#000;white-space:nowrap;font-size:16px;font-weight:700;letter-spacing:.3px}
.phone svg{width:18px;height:25px;flex-shrink:0}
.social{display:flex;align-items:center;gap:16px;color:#000}
.social svg{display:block;width:25px;height:25px;fill:currentColor}
.hero,.technology{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;isolation:isolate}
.hero{min-height:280px;aspect-ratio:2000/668}
.technology{min-height:300px;aspect-ratio:1000/319}
.hero>img,.technology>img{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);max-width:none;display:block;object-fit:cover;object-position:center;z-index:0}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.24) 55%,rgba(0,0,0,.12) 100%);pointer-events:none;z-index:1}
.hero-content,.technology-inner{position:relative;z-index:2;flex:0 1 1200px;width:100%;max-width:1200px;min-width:0;margin:0 auto;padding:40px 24px;color:#fff;text-align:center}
.hero h1,.technology h2{width:100%;margin:0;font-size:clamp(28px,3.8vw,55px);font-weight:400;text-align:center;overflow-wrap:break-word}
.hero h1{line-height:1.18}
.technology h2{line-height:1.4}
.intro{width:90%;max-width:1200px;min-height:24.8vw;margin:0 auto;padding:60px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center}
.intro h2{margin:0;font-size:clamp(20px,2.4vw,34px);font-weight:700;line-height:1.4}
.services-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:13px 25px;background:#e6deae;color:#30302f;border:1px solid #e6deae;border-radius:5px;font-size:15px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background-color .15s,border-color .15s}
.services-link:hover{background:#d9cf96;border-color:#d9cf96;text-decoration:none}
.services-link:focus-visible{outline:3px solid #766627;outline-offset:4px}
.footer{min-height:130px;padding:23px 20px 12px;text-align:center;background:#30302f;color:#fff}
.footer h2{margin:0;font-size:16px;font-weight:700;line-height:1.2}
.footer address,.footer address a,.footer address p,.footer address strong{font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:1.6;font-weight:400;font-style:normal}
.footer strong,.footer a{display:block}
.footer a{width:fit-content;max-width:100%;margin:auto;overflow-wrap:anywhere}
.footer a:hover{color:#e6deae}
.footer a[href^="mailto"]{text-decoration:underline}
.street{margin:15px 0 0}
@media(max-width:700px){
.header{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;min-height:90px;padding:17px 20px;gap:16px}
.header .logo-link{display:flex;align-items:center;justify-content:center;justify-self:center;width:100%;min-width:0;margin:0}
.header .logo{display:block;width:340px;max-width:100%;height:auto;margin:0 auto}
.header-right{width:100%;min-width:0;flex-wrap:wrap;justify-content:center;gap:14px}
.hero,.technology{aspect-ratio:auto;min-height:330px}
.hero>img,.technology>img{object-position:48% center}
.hero-content,.technology-inner{flex-basis:488px;width:100%;max-width:488px;margin:0 auto;padding:45px 24px}
.hero h1,.technology h2{font-size:clamp(25px,7.5vw,30px);font-weight:400;line-height:1.3;text-align:center;text-shadow:0 1px 8px #0005}
.technology h2 br{display:none}
.intro{min-height:260px;padding:60px 0;gap:25px}
.intro h2{font-size:21px}
.footer{padding:25px 20px}
.footer h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.services-link{transition:none}}

.imagepro-page{font-family:"Open Sans",Arial,sans-serif;color:#101010;background:#fff}.imagepro-page h1,.imagepro-page h2,.imagepro-page p,.imagepro-page figure{margin:0}.imagepro-page .intro h2{font-weight:700}.imagepro-page .street{margin-top:15px}.imagepro-page .hero h1,.imagepro-page .technology h2{color:#fff}.imagepro-page .logo-link{margin:0}.imagepro-page .hero>figure,.imagepro-page .technology>figure{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);z-index:0}.imagepro-page .hero>figure img,.imagepro-page .technology>figure img{width:100%;height:100%;object-fit:cover;display:block}.imagepro-page .logo-link img{display:block;width:100%;height:auto}.imagepro-page .header .logo-link{width:clamp(240px,29.2vw,430px);max-width:100%}.imagepro-page .footer .gb-text{font-size:16px;line-height:1.6;font-weight:400}.imagepro-page .footer h2.gb-text{font-weight:700;line-height:1.2}.imagepro-page .footer .street{margin-top:15px}.imagepro-page .social .gb-text{line-height:1}.imagepro-page .social svg{display:block}.imagepro-page .phone .gb-shape svg{height:25px;width:18px;fill:none}.imagepro-page .services-link:hover{text-decoration:none}
@media(max-width:700px){.imagepro-page .header .logo-link{width:340px;max-width:100%}.imagepro-page .hero>figure img,.imagepro-page .technology>figure img{object-position:48% center}}

.imagepro-page a{color:inherit;text-decoration:none}.imagepro-page a:hover{text-decoration:underline}.imagepro-page .services-link:hover{text-decoration:none}.imagepro-page .footer a[href^="mailto"]{text-decoration:underline}.imagepro-page .footer a:hover{color:#e6deae}.imagepro-page .hero>figure,.imagepro-page .technology>figure{max-width:none}
