@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#0a0b0d;
  --panel:#111317;
  --text:#f3f4f6;
  --muted:#9da3ad;
  --line:#292d34;
  --accent:#e3a52d;
  --accent2:#ffc857;
}
*{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;background:#f5f5f3;color:#17191c;font-family:Inter,Arial,sans-serif}
.navbar{height:78px;background:rgba(10,11,13,.96);display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:20;border-bottom:1px solid #24272c}
.logo{font-size:25px;font-weight:800;letter-spacing:2px;color:white;text-decoration:none}.logo span{color:var(--accent)}
nav{display:flex;gap:28px}nav a{color:#c9ccd1;text-decoration:none;font-size:14px;font-weight:600}nav a:hover{color:var(--accent)}
.hero{min-height:650px;background:radial-gradient(circle at 75% 45%,#30343a 0,#17191d 30%,#090a0c 70%);color:white;padding:90px 7%;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-content{max-width:680px;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--accent);font-weight:800;margin:0 0 18px}
h1{font-size:clamp(48px,7vw,88px);line-height:.98;margin:0 0 25px;letter-spacing:-4px}h1 span{color:var(--accent)}
.hero-text{font-size:18px;line-height:1.7;color:#b8bdc5;max-width:570px}
.buttons{display:flex;gap:13px;margin-top:32px}.btn{padding:15px 24px;text-decoration:none;font-weight:700;font-size:14px;border-radius:4px}.primary{background:var(--accent);color:#111}.secondary{border:1px solid #555b64;color:white}
.steel-art{position:absolute;right:2%;width:46%;height:75%;opacity:.45;transform:rotate(-8deg)}.beam{position:absolute;background:linear-gradient(90deg,#51565e,#a3a8ae,#444951);box-shadow:0 0 35px #000}.beam1{width:75%;height:35px;top:28%;right:5%;transform:rotate(90deg)}.beam2{width:95%;height:27px;top:49%;right:-8%;transform:rotate(28deg)}.beam3{width:80%;height:30px;top:58%;right:5%;transform:rotate(-55deg)}.bolt{position:absolute;width:16px;height:16px;border-radius:50%;background:#d2d5d9;box-shadow:inset 2px 2px 4px #666}.b1{top:31%;right:38%}.b2{top:46%;right:29%}.b3{top:59%;right:51%}.b4{top:65%;right:18%}
.section{padding:100px 7%}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section h2,.contact h2{font-size:clamp(34px,5vw,58px);letter-spacing:-2px;margin:0;line-height:1.05}.about>p{font-size:18px;line-height:1.9;color:#626871}
.dark{background:var(--bg);color:white}.section-heading{margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);padding:34px;min-height:260px;background:#0e1013}.card:hover{border-color:#5c6169}.number{color:var(--accent);font-weight:800;font-size:13px;margin-bottom:65px}.card h3{font-size:23px;margin:0 0 12px}.card p{color:var(--muted);line-height:1.7;margin:0}
.projects{background:#eee}.project-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.project{height:330px;background:#20242a;position:relative;overflow:hidden;display:flex;align-items:end;padding:25px}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(227,165,45,.25));}.p1{background:linear-gradient(145deg,#292d32,#0d0f12)}.p2{background:linear-gradient(35deg,#454a51,#171a1f)}.p3{background:linear-gradient(120deg,#363b42,#111317)}.project span{position:relative;color:white;font-size:12px;letter-spacing:2px;font-weight:800}.note{color:#777;margin-top:18px;font-size:13px}
.contact{padding:90px 7%;background:var(--accent);display:flex;justify-content:space-between;align-items:center;gap:40px}.contact .eyebrow{color:#181a1d}.contact p:not(.eyebrow){max-width:500px;line-height:1.7}.phone-list{display:flex;flex-direction:column;gap:12px}.phone-list a{font-size:25px;font-weight:800;color:#111;text-decoration:none;border-bottom:2px solid #111;padding-bottom:5px}
footer{background:#090a0c;color:#777;padding:35px 7%;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .logo{font-size:18px}
@media(max-width:800px){nav{display:none}.hero{min-height:600px}.steel-art{opacity:.2;width:100%;right:-20%}.about{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project{height:240px}.contact{flex-direction:column;align-items:flex-start}.phone-list a{font-size:20px}footer{flex-direction:column;gap:12px;align-items:flex-start}}
.project {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.project span {
    font-weight: bold;
    font-size: 18px;
}

.project img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
@media (max-width: 768px) {
    .project {
        width: 100%;
        height: auto !important;
    }

    .project img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }