{margin:0;padding:0;box-sizing:border-box}
body{background:#0b0b0b;color:#fff;font-family:Inter,sans-serif}
.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:24px 8%;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);z-index:99}
.navbar a{color:#fff;text-decoration:none;margin-left:20px}
.hero{height:100vh;background:url('images/project-1.webp') center/cover;display:flex;align-items:center;padding:0 8%;position:relative}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.65)}
.hero-content{position:relative;z-index:2;max-width:800px}
.hero-content span{color:#c8a96a;letter-spacing:3px}
.hero-content h1{font-family:'Playfair Display';font-size:5rem;margin:20px 0}
.btn{display:inline-block;padding:14px 30px;background:#c8a96a;color:#000;text-decoration:none;margin-top:20px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:80px 8%;text-align:center}
.stats h2{color:#c8a96a;font-size:3rem}
.section{padding:100px 8%}
.section h2{font-family:'Playfair Display';font-size:3rem;margin-bottom:20px}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:0 8% 100px}
.card{background:#141414;border:1px solid #2a2a2a;border-radius:20px;overflow:hidden}
.card img{width:100%;height:350px;object-fit:cover}
.card h3{padding:20px}
@media(max-width:768px){.hero-content h1{font-size:3rem}.stats,.projects{grid-template-columns:1fr}}