*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Georgia,serif;background:#1A1106;color:#F5E6D3;}nav{position:fixed;top:0;width:100%;background:rgba(26,17,6,0.95);backdrop-filter:blur(10px);z-index:1000;padding:20px 40px;display:flex;justify-content:space-between;}
.logo{font-size:1.5rem;font-weight:700;color:#D4AF37;}nav ul{display:flex;list-style:none;gap:30px;}nav a{color:#F5E6D3;text-decoration:none;transition:color 0.3s;}nav a:hover{color:#D4AF37;}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:url('https://images.unsplash.com/photo-1436076863939-06870fe779c2?w=1920&h=1080&fit=crop') center/cover;position:relative;}
.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(26,17,6,0.7);}
.hero h1{position:relative;z-index:2;font-size:clamp(3rem,8vw,6rem);margin-bottom:20px;line-height:1;}
.hero p{position:relative;z-index:2;font-size:1.5rem;margin-bottom:40px;letter-spacing:2px;}
.btn{padding:18px 50px;background:#D4AF37;color:#1A1106;text-decoration:none;font-weight:700;border-radius:4px;transition:all 0.3s;display:inline-block;}
.btn:hover{background:#C19B2E;transform:translateY(-3px);}
.beers{padding:100px 20px;background:#2A2013;}
.beers h2{text-align:center;font-size:3rem;margin-bottom:60px;color:#D4AF37;}
.beer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;}
.beer{text-align:center;background:#1A1106;padding:20px;border-radius:8px;transition:transform 0.3s;}
.beer:hover{transform:translateY(-10px);}
.beer img{width:100%;border-radius:8px;margin-bottom:20px;}
.beer h3{font-size:1.5rem;margin-bottom:10px;color:#D4AF37;}
.beer p{color:#B8A68F;}
.taproom{padding:100px 40px;text-align:center;}
.taproom h2{font-size:3rem;margin-bottom:20px;color:#D4AF37;}
.taproom p{font-size:1.2rem;margin-bottom:50px;}
.details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:900px;margin:0 auto;text-align:left;}
.details strong{display:block;font-size:1.3rem;color:#D4AF37;margin-bottom:10px;}
.details p{color:#B8A68F;line-height:1.7;}
footer{background:#0D0A04;padding:40px;text-align:center;color:#B8A68F;}
@media (max-width:768px){.beer-grid,.details{grid-template-columns:1fr;}}