*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17191c;background:#fff}a{text-decoration:none;color:inherit}.nav{height:84px;padding:0 6%;display:flex;align-items:center;gap:32px;background:#0d1216;color:#fff;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:8px;font-size:30px;letter-spacing:1px;white-space:nowrap}.logo small{display:block;font-size:9px;letter-spacing:1.5px}.mark{color:#d7a23d;font-size:42px}.nav nav{display:flex;gap:26px;margin-left:auto}.nav nav a:hover{color:#d7a23d}.btn{display:inline-block;background:#d7a23d;color:white;padding:15px 24px;border:0;font-weight:700;cursor:pointer}.outline{background:transparent;border:1px solid #d7a23d}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:26px}.hero{min-height:610px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,7,9,.96) 0%,rgba(4,7,9,.8) 48%,rgba(4,7,9,.25) 100%),url('https://images.unsplash.com/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=1800&q=85') center/cover}.hero-inner{max-width:720px;padding:70px 6%;color:white}.eyebrow{color:#d7a23d;font-weight:700;letter-spacing:1.2px}.hero h1{font-size:64px;line-height:1.02;margin:18px 0}.hero p{font-size:19px;line-height:1.7}.actions{display:flex;gap:14px;margin-top:28px}.section{padding:70px 6%}.heading{text-align:center;margin-bottom:38px}.heading h2,.split h2,.contact h2{font-size:38px;margin:0 0 12px}.heading p{color:#666}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.cards article{border:1px solid #e4e4e4;padding:30px 22px;text-align:center;min-height:220px}.icon{font-size:40px;color:#d7a23d}.cards p,.why p{color:#555;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;background:#11171b;color:white}.split>div:first-child{padding:70px 12%}.split p{line-height:1.7;color:#d4d4d4}.feature-photo{min-height:470px;background:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1200&q=85') center/cover}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.project-grid img{width:100%;height:330px;object-fit:cover;display:block;border-radius:2px}
.project-grid img:hover{transform:scale(1.015);transition:transform .2s ease}
.pale{background:#f5f5f3}.why{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.why article{background:white;padding:28px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:75px 8%;background:#0d1216;color:white}.contact p{line-height:1.8;color:#ddd}.contact form{display:grid;gap:14px}.contact input,.contact textarea{width:100%;padding:15px;border:1px solid #555;background:#151c21;color:white;font:inherit}footer{padding:45px 6%;background:#080c0f;color:#bbb;text-align:center}footer .logo{justify-content:center;color:white;margin-bottom:18px}@media(max-width:900px){.nav{padding:0 5%}.nav nav{display:none;position:absolute;top:84px;left:0;right:0;background:#0d1216;padding:25px 6%;flex-direction:column}.nav nav.open{display:flex}.nav>.btn{display:none}.menu{display:block}.hero h1{font-size:48px}.cards{grid-template-columns:repeat(2,1fr)}.split,.contact{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.why{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.logo{font-size:23px}.hero{min-height:560px}.hero h1{font-size:42px}.hero-inner{padding:55px 6%}.cards,.why{grid-template-columns:1fr}.section{padding:55px 5%}.heading h2,.split h2,.contact h2{font-size:32px}.contact{padding:55px 6%}}