body{margin:0;background:#050505;color:white;font-family:Arial,sans-serif}header{height:100vh;padding:8%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#0008,#0008),url('assets/hero.jpg') center/cover}.logo{font-size:80px;color:#d4af37;letter-spacing:15px}h1,h2{color:#d4af37}a{background:#d4af37;color:#000;padding:15px;width:max-content;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 8%}article,.grid div{background:#111;border:1px solid #333;padding:25px}img{width:100%;height:200px;object-fit:cover}footer{text-align:center;padding:50px}