:root{
  --blue:#0f4c81;
  --gold:#c8a96a;
  --dark:#0b1a2a;
  --light:#f7f9fc;
  --ink:#222;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:var(--ink);background:#fff}
a{color:var(--blue);text-decoration:none}
.wrap{width:min(1100px,92vw);margin:0 auto}
header.hero{
  min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
  background:linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,.45)), url('../img/hero.jpg') center/cover no-repeat;
  padding:clamp(2rem,5vw,6rem) 1rem
}
h1,h2{line-height:1.2;margin:0 0 .5em 0}
h1{font-size:clamp(2.2rem,6vw,4rem)}
h2{font-size:clamp(1.4rem,3.2vw,2rem);color:var(--blue)}
.lead{font-size:clamp(1rem,2.6vw,1.25rem);opacity:.95}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:.9rem 1.1rem;border-radius:.7rem;margin:.25rem .4rem}
.btn.alt{background:var(--gold);color:#222}
section{padding:clamp(2.2rem,5vw,4rem) 0}
.card{background:var(--light);border:1px solid #e6ecf2;border-radius:1rem;padding:1rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gallery img{width:100%;height:260px;object-fit:cover;border-radius:.8rem}
.menu .item{background:#fff;border:1px solid #eef3f7;border-radius:.8rem;padding:1rem}
.menu .price{float:right;font-weight:700;color:var(--dark)}
.menu .desc{display:block;color:#555;margin-top:.25rem}
footer{background:var(--dark);color:#cfd9e3;padding:2rem 0}
.navbar{position:fixed;top:0;left:0;right:0;background:#ffffffe6;backdrop-filter:saturate(1.4) blur(6px);
  border-bottom:1px solid #e6ecf2;z-index:10}
.navbar .inner{width:min(1100px,92vw);margin:0 auto;display:flex;align-items:center;gap:.75rem;justify-content:space-between;padding:.6rem .2rem}
.logo{font-weight:800;color:var(--blue)}
.nav a{margin:0 .5rem}
main{margin-top:58px}