*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Inter',sans-serif;
background:#0f0f0f;
color:#fff;
scroll-behavior:smooth;
}

/* NAVBAR GLASS */

.glass-nav{
background:rgba(0,0,0,0.45);
backdrop-filter:blur(12px);
}

.navbar-brand{
font-family:'Playfair Display',serif;
font-size:28px;
color:#fff;
}

.nav-link{
color:#ddd !important;
margin-left:20px;
transition:.3s;
}

.nav-link:hover{
color:#d4af37 !important;
}

/* HERO */

.hero{
height:100vh;
background:url('https://images.unsplash.com/photo-1504674900247-0877df9cc836') center/cover fixed;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

.hero h1{
font-family:'Playfair Display',serif;
font-size:75px;
}

.hero p{
color:#ddd;
margin:20px 0;
font-size:20px;
}

/* BUTTON */

.book-btn{
background:linear-gradient(45deg,#d4af37,#f5e6a9);
border:none;
color:#000;
padding:14px 34px;
border-radius:30px;
font-weight:600;
transition:.4s;
}

.book-btn:hover{
transform:scale(1.08);
}

/* SECTION TITLE */

.section-title{
font-family:'Playfair Display',serif;
font-size:42px;
}

/* FOOD CARD */

.food-card{
background:#161616;
border:none;
border-radius:20px;
overflow:hidden;
transition:.4s;
}

.food-card img{
height:260px;
object-fit:cover;
}

.food-card:hover{
transform:translateY(-15px);
box-shadow:0 30px 60px rgba(0,0,0,.6);
}

.food-card h6{
color:#d4af37;
}

/* PARALLAX */

.parallax{
height:400px;
background:url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0') center/cover fixed;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

.parallax h2{
font-family:'Playfair Display',serif;
font-size:50px;
}

/* GALLERY */

.gallery-img{
width:100%;
height:320px;
object-fit:cover;
border-radius:20px;
transition:.4s;
cursor:pointer;
}

.gallery-img:hover{
transform:scale(1.08);
}

/* RESERVATION */

.reservation-section{
padding:80px 20px;
display:flex;
justify-content:center;
}

.reservation-box{
background:#161616;
padding:50px;
border-radius:20px;
width:600px;
box-shadow:0 20px 80px rgba(0,0,0,.7);
}

.form-control{
background:#0f0f0f;
border:none;
color:#fff;
padding:14px;
}

footer{
text-align:center;
padding:30px;
color:#aaa;
}

/* MOBILE */

@media(max-width:768px){

.hero h1{
font-size:42px;
}

.reservation-box{
width:95%;
padding:30px;
}

.parallax h2{
font-size:32px;
}

}