body{margin:0;font-family:Arial,sans-serif;background:#111;color:#eee} .hero{height:100vh;background:#222 center/cover;display:flex;align-items:center;justify-content:center}.overlay{text-align:center;background:rgba(0,0,0,.45);padding:40px}h1{font-size:72px;letter-spacing:8px;margin:0}.sub{font-size:24px}.btn{display:inline-block;margin-top:20px;padding:12px 28px;border:1px solid #fff;color:#fff;text-decoration:none}section{max-width:1100px;margin:auto;padding:70px 20px}.grid,.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card,.ph{background:#1b1b1b;padding:24px;border:1px solid #333}.ph{height:180px;display:flex;align-items:center;justify-content:center;color:#777}footer{text-align:center;padding:50px;background:#181818}