*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#111;color:#fff}
a{color:#fff;text-decoration:none}
header{position:sticky;top:0;background:#050505ee;padding:20px;z-index:5;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:28px;color:#d4a33a;font-weight:bold}
nav a{margin:0 10px}
.hero{height:80vh;background:linear-gradient(#0008,#000),url('/assets/images/backgrounds/beer.jpg') center/cover;display:flex;align-items:center;justify-content:center;text-align:center}
.hero h1{font-size:60px}
.container{padding:50px 8%}
.card{background:#222;padding:25px;border:1px solid #c99b35;border-radius:12px;margin:20px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
img{max-width:100%}
.bar{height:25px;background:#c99b35;color:#111;padding-left:10px}
footer{background:#000;padding:30px;text-align:center}
.timeline div{padding:20px;border-left:3px solid #c99b35;margin:20px}