:root{--navy:#060833;--orange:#fa5b0b;--text:#15172c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}header{height:94px;display:grid;grid-template-columns:350px 1fr 90px 410px;background:#fff;position:relative;z-index:10}.logo-box{display:grid;place-items:center;border-right:1px solid #eee}.logo-box img{width:240px;height:auto;max-height:88px;object-fit:contain}nav{display:flex;align-items:center;justify-content:center;gap:42px}nav a{font-size:14px}.hamb{border:0;border-left:1px solid #eee;background:#fff;display:grid;place-content:center;gap:9px}.hamb i{display:block;width:27px;height:1px;background:#111}.hamb i:last-child{width:15px}.info{background:var(--orange);color:#fff;display:grid;grid-template-columns:155px 1fr;align-items:center;padding:0 28px;gap:18px}.info a,.info button{display:block;margin:6px 0}.info button{border:0;background:none;color:#fff;font:700 17px Arial;cursor:pointer}.hero{height:706px;position:relative;background:url('img/hero.jpg') center/cover no-repeat;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0,rgba(255,255,255,.72) 35%,rgba(255,255,255,.04) 70%)}.hero-copy{position:absolute;left:6%;top:27%;max-width:690px}.hero h1{font-size:72px;line-height:1.04;color:var(--navy);margin:0 0 18px;letter-spacing:-.04em}.hero p{font-size:16px;margin:0 0 32px}.buttons{display:flex;gap:15px}.buttons a,.orange{min-width:170px;padding:20px 28px;text-align:center;background:var(--orange);color:#fff}.buttons a:last-child{background:var(--navy)}.arrows{position:absolute;bottom:0;left:0;display:flex;gap:8px}.arrows button{width:76px;height:76px;border:0;background:#fff;font-size:42px;color:var(--navy)}.section{padding:95px max(6%,calc((100% - 1400px)/2))}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;background:#fff}.about-img{min-height:610px;background:url('img/about.jpg') center/cover no-repeat}.about-copy{padding:20px 0}.about-copy>span,.title span,.services>div>span,.contact>div>span{font-size:13px;color:var(--orange);font-weight:bold;letter-spacing:.17em}.about h2,.title h2,.services h2,.contact h2{font-size:48px;line-height:1.15;color:var(--navy);margin:18px 0}.about p{line-height:1.7;color:#555}.about ol{padding:15px 0;list-style-position:inside}.about li{font-size:20px;font-weight:bold;padding:20px 0;border-bottom:1px solid #eee}.orange{display:inline-block;margin-top:15px}.projects{background:#f6f6f6}.title{text-align:center;max-width:700px;margin:0 auto 45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{background:#fff;padding-bottom:28px}.pic{height:330px;background-size:cover;background-position:center}.one{background-image:url('img/hero.jpg')}.two{background-image:url('img/about.jpg')}.three{background-image:url('img/hero.jpg');background-position:right}.cards h3{font-size:23px;color:var(--navy);margin:22px 25px 15px}.cards a{font-size:12px;font-weight:bold;color:var(--orange);margin-left:25px}.services{padding:95px max(6%,calc((100% - 1400px)/2));background:var(--navy);color:#fff}.services h2{color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #343657}.service-grid article{padding:40px 35px 20px 0;border-right:1px solid #343657;margin-right:35px}.service-grid article:last-child{border:0}.service-grid b{color:var(--orange)}.service-grid h3{font-size:23px;margin:55px 0 15px}.service-grid p{color:#c5c6d0;line-height:1.7}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-list{background:#f5f5f5;padding:12px 35px}.contact-list a,.contact-list p{display:block;padding:22px 0;border-bottom:1px solid #ddd;font-size:18px;font-weight:bold;margin:0}.contact-list small{display:block;color:var(--orange);font-size:11px;letter-spacing:.12em;margin-bottom:7px}footer{background:#05061f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:45px 6%}footer img{width:250px}.wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;background:#25d366;color:#fff;border-radius:50%;display:grid;place-items:center;padding:0;box-shadow:0 8px 25px rgba(0,0,0,.25);z-index:20;transition:transform .2s ease}.wa:hover{transform:scale(1.08)}.wa svg{width:34px;height:34px}
@media(max-width:1000px){header{height:112px;grid-template-columns:1fr 84px}.logo-box{border:0;justify-content:start;padding-left:25px}.logo-box img{width:min(68vw,420px)}nav,.info{display:none}.hamb{grid-column:2}.hamb.open+ .info{display:grid;position:absolute;top:112px;left:0;right:0;height:125px;grid-template-columns:1fr 1.5fr}.hero{height:calc(100vh - 112px);min-height:720px;background-position:center}.hero-copy{left:26px;right:20px;top:18%}.hero h1{font-size:clamp(54px,10.5vw,82px)}.hero p{font-size:clamp(18px,4vw,28px);line-height:1.55}.buttons a{font-size:20px;padding:25px;min-width:0}.arrows{display:none}.about{grid-template-columns:1fr;padding:70px 26px}.about-img{min-height:460px}.about h2,.title h2,.services h2,.contact h2{font-size:42px}.cards{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #343657;margin:0}.contact{grid-template-columns:1fr}.section,.services{padding:70px 26px}footer{flex-direction:column;gap:20px;text-align:center}}
@media(max-width:560px){header{height:165px}.logo-box img{width:78vw}.hamb.open+ .info{top:165px}.hero{height:calc(100vh - 165px);min-height:760px}.hero h1{font-size:49px}.buttons{display:block}.buttons a{display:block;width:72%;margin:12px 0}.about-img{min-height:390px}.about h2,.title h2,.services h2,.contact h2{font-size:34px}.info{padding:0 18px}.info button{font-size:15px}.info a{font-size:13px}}