*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#f4f4f1;line-height:1.5}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#f4f4f1;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.logo>b{display:grid;place-items:center;width:38px;height:38px;border:2px solid #171717;font-size:22px}.logo span{font-size:15px}.logo small{display:block;font-size:8px;letter-spacing:.16em;font-weight:500;margin-top:1px}nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}nav a:hover{opacity:.55}.talk,.btn{display:inline-block;padding:12px 18px;border:1px solid #171717;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.talk{background:#171717;color:#fff}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;padding:90px 8vw;align-items:center;background:#e9e9e5}.hero label,label{font-size:10px;letter-spacing:.16em;font-weight:700}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.95;margin:20px 0 25px;letter-spacing:-.045em}.hero h1 i{font-weight:400}.hero p{max-width:650px;font-size:18px;color:#555;margin-bottom:30px}.btn{margin-right:10px}.btn.dark{background:#171717;color:#fff}.visual{height:430px;position:relative;display:grid;place-items:center;overflow:hidden}.circle{position:absolute;border-radius:50%;border:1px solid #aaa}.c1{width:360px;height:360px}.c2{width:250px;height:250px}.gear{font-size:145px;opacity:.85}.tag{position:absolute;background:#fff;padding:12px 15px;font-size:9px;letter-spacing:.1em;box-shadow:0 8px 25px #0001}.tag b{font-size:11px}.t1{top:55px;left:20px}.t2{right:15px;bottom:50px}section{padding:100px 8vw}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#171717;color:#fff}.about h2,.head h2,.process h2,.contact h2{font-size:clamp(36px,4vw,62px);line-height:1;margin:16px 0;letter-spacing:-.035em}.about p{color:#bbb;font-size:17px}.head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.head p{max-width:300px;color:#666}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;border-left:1px solid #ccc}.cards article{padding:32px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;min-height:230px}.cards em{font-style:normal;font-size:11px;color:#777}.cards h3{font-size:20px}.cards p,.industries p,.projects small,.steps p{color:#666}.industries{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#dcdcd7}.industries>div{padding:90px 8vw;min-height:330px}.industries>div+div{border-left:1px solid #aaa}.industries h2{font-size:38px;margin:15px 0}.white{background:#fff}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.projects article{min-height:230px;padding:30px;background:#ddd;display:flex;flex-direction:column;justify-content:end}.projects article:nth-child(2){background:#cfcfc9}.projects article:nth-child(3){background:#bfc0bb}.projects article:nth-child(4){background:#d7d7d2}.projects h3{font-size:28px;margin:8px 0 0}.process{background:#e9e9e5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa;margin-top:45px}.steps>div{background:#e9e9e5;padding:28px;min-height:180px}.steps b{font-size:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#171717;color:#fff}.contact p{color:#aaa;max-width:520px}.contactbox{display:flex;flex-direction:column;gap:8px;padding:10px 0}.contactbox small{color:#777;font-size:9px;letter-spacing:.14em;margin-top:8px}.contactbox strong{font-size:20px}.contactbox .btn{margin-top:25px;width:max-content}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 8vw;background:#111;color:#aaa;font-size:11px}footer .logo{color:#fff}@media(max-width:800px){nav{display:none}.hero,.about,.contact,.industries,.cards,.projects,.steps{grid-template-columns:1fr}.hero{padding-top:65px}.visual{height:330px}.industries>div+div{border-left:0;border-top:1px solid #aaa}.head{display:block}.head p{margin-top:20px}section{padding:75px 6vw}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:52px}footer{padding:25px 6vw}}