*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:#f5f3ee;font-family:Inter,Arial,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,calc(100% - 40px));margin:auto}
header{height:76px;background:#050505;border-bottom:1px solid #242424;position:sticky;top:0;z-index:20}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:.8px}
.brand img{width:42px;height:42px;object-fit:contain}
.brand b{font-weight:500;color:#b8b5ae;font-size:9px;letter-spacing:1.8px;margin-left:4px}
nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#c9c6bf}
nav a:hover{color:#d9a72f}
.contact-btn{border:1px solid #d9a72f;color:#d9a72f;padding:9px 17px;border-radius:4px}
.menu{display:none;background:none;border:0;color:#d9a72f;font-size:25px}
.hero{border-bottom:1px solid #242424;min-height:620px;display:flex;align-items:center}
.hero-content{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}
.gold-text{color:#d9a72f;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 18px}
h1{font-size:clamp(46px,6vw,72px);line-height:1.05;letter-spacing:-3px;margin:0}
h1 span,h2 span{color:#d9a72f}
.hero-desc{color:#99968f;max-width:570px;margin:25px 0 30px;font-size:16px}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 20px;border-radius:4px;font-size:13px;font-weight:700}
.btn.gold{background:#d9a72f;color:#080808}
.btn.dark{border:1px solid #444;color:#eee}
.hero-logo{text-align:center}
.hero-logo img{width:min(360px,80%);filter:drop-shadow(0 20px 50px #d9a72f12)}
.services,.projects{padding:100px 0;border-bottom:1px solid #242424}
.section-title{margin-bottom:45px}
.section-title h2,.about h2,.career-box h2,.contact h2{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-2px;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.service{border:1px solid #292929;background:#0b0b0b;padding:30px;min-height:220px}
.service:hover{border-color:#d9a72f}
.service>span,.project-number{color:#d9a72f;font-size:11px}
.service h3{font-size:20px;margin:30px 0 10px}
.service p,.project p{color:#8f8c86;font-size:13px;margin:0}
.about{padding:110px 0;background:#0b0b0b;border-bottom:1px solid #242424}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.about h2{margin-bottom:20px}
.about-grid>div:last-child{padding-top:30px}
.about-grid>div:last-child p{color:#9a9790;max-width:500px}
.text-link{display:inline-block;color:#d9a72f;margin-top:18px;font-size:13px;border-bottom:1px solid #6f5620;padding-bottom:4px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.project{background:#0b0b0b;border:1px solid #292929;padding:30px;min-height:230px}
.project:hover{border-color:#d9a72f}
.project h3{font-size:20px;margin:35px 0 10px}
.careers{padding:100px 0;border-bottom:1px solid #242424}
.career-box{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.career-box>div:last-child{padding-top:35px}
.career-box p{color:#929089;font-size:14px;max-width:470px}
.contact{padding:100px 0;background:#0b0b0b}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.contact h2{margin-bottom:20px}
.contact-grid>div>p{color:#8f8c86}
.email{display:inline-block;color:#d9a72f;margin-top:20px;font-size:17px}
form{display:flex;flex-direction:column;gap:14px}
input,textarea{width:100%;background:#080808;border:1px solid #333;color:#fff;padding:14px;font:inherit;font-size:13px;border-radius:3px;outline:none}
input:focus,textarea:focus{border-color:#d9a72f}
textarea{min-height:130px;resize:vertical}
form button{width:max-content;background:#d9a72f;color:#080808;border:0;border-radius:4px;padding:13px 21px;font-weight:700;cursor:pointer}
form small{color:#d9a72f}
footer{padding:30px 0;background:#030303}
.footer{display:flex;align-items:center;justify-content:space-between}
.footer p{font-size:10px;color:#666;margin:0}
@media(max-width:800px){nav{gap:15px}.hero-content{grid-template-columns:1fr}.hero-logo{display:none}.hero{min-height:560px}.about-grid,.career-box,.contact-grid{grid-template-columns:1fr;gap:30px}.about-grid>div:last-child,.career-box>div:last-child{padding-top:0}.project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:calc(100% - 28px)}header,.nav{height:68px}.menu{display:block}nav{display:none;position:absolute;top:62px;left:14px;right:14px;background:#0b0b0b;border:1px solid #333;padding:10px;flex-direction:column;align-items:stretch;gap:2px}nav.open{display:flex}nav a{padding:10px}.contact-btn{text-align:center}.hero-content{padding:70px 0}.hero h1{font-size:49px;letter-spacing:-2px}.hero-desc{font-size:14px}.services,.projects,.about,.careers,.contact{padding:75px 0}.service-grid,.project-grid{grid-template-columns:1fr}.service{min-height:auto}.career-box{gap:20px}.contact-grid{gap:45px}.footer{display:block}.footer p{margin-top:15px}.brand img{width:38px;height:38px}}