*{margin:0;padding:0;box-sizing:border-box}
:root{--cream:#faf6ef;--black:#111}
body{background:var(--cream);color:var(--black);font-family:'Syne',sans-serif;overflow-x:hidden}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;position:relative}
.logo{font-size:13px;letter-spacing:3px;font-weight:600}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:11px;text-decoration:none;color:var(--black);letter-spacing:1px}
.book-btn{background:var(--black);color:#fff !important;padding:10px 18px;border-radius:999px}
.hamburger{display:none;cursor:pointer;font-size:22px}
.hero{display:flex;align-items:center;gap:40px;padding:40px 40px 60px;min-height:75vh}
.hero-text{flex:1}
.hero-text h1{font-family:'Bodoni Moda',serif;font-size:clamp(48px,6vw,84px);line-height:0.9;font-weight:800}
.hero-text p{margin-top:20px;max-width:380px;font-size:14px;line-height:1.6;color:#555}
.hero-text button{margin-top:24px;background:var(--black);color:#fff;border:none;padding:14px 26px;border-radius:999px}
.hero-image{flex:1.1}
.hero-image img{width:100%;height:600px;object-fit:cover;border-radius:28px;display:block}
@media(max-width:768px){
  .nav-links{display:none;position:absolute;top:70px;right:20px;background:#faf6ef;flex-direction:column;padding:24px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.12);z-index:99}
  .nav-links.active{display:flex !important}
  .hamburger{display:block !important}
  .navbar{padding:18px 24px}
  .hero{flex-direction:column !important;padding:20px 24px 30px !important;gap:24px !important}
  .hero-image{width:100%}
  .hero-image img{height:auto !important;aspect-ratio:4/3}
}