.projects{text-align:center;padding:80px 40px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.project-card{padding:10px;transition:all .3s;box-shadow:0 5px 15px #0003}.project-card:hover{transform:scale(1.05)}.project-card img{object-fit:cover;width:100%;height:200px}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{color:#fff;background:#111;overflow-x:hidden}.container{width:90%;max-width:1200px;margin:auto}.gold{color:#b8965c}.btn{color:#111;cursor:pointer;background:#b8965c;border:none;padding:12px 28px;font-weight:700;transition:all .3s}.btn:hover{background:#e6b97a}.section{padding:100px 0}img{width:100%;display:block}.navbar{z-index:1000;background:#111;border-bottom:1px solid #333;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.nav-links{gap:30px;display:flex}.nav-links a{color:#fff;font-size:15px;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#b8965c}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#fff;width:25px;height:3px}.hero{background-color:#0000;background-image:linear-gradient(#0009,#000000d9),url(https://images.unsplash.com/photo-1503387762-592deb58ef4e);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;height:90vh;display:flex}.hero h1{margin-bottom:20px;font-size:60px}.hero p{max-width:500px;margin-bottom:30px;font-size:20px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.project-card{cursor:pointer;position:relative;overflow:hidden}.project-card img{object-fit:cover;height:300px;transition:all .4s}.project-card:hover img{transform:scale(1.1)}.project-overlay{background:#000000b3;width:100%;padding:20px;position:absolute;bottom:0}@media (width<=900px){.hero h1{font-size:40px}.hero p{font-size:16px}}@media (width<=768px){.nav-links{background:#111;flex-direction:column;align-items:center;gap:20px;width:100%;padding:30px 0;display:none;position:absolute;top:70px;left:0}.nav-links.active,.hamburger{display:flex}.section{padding:70px 0}.hero{text-align:center;height:80vh}.hero .container{flex-direction:column;align-items:center;display:flex}}@media (width<=500px){.hero h1{font-size:32px}}