:root{
  --dark:#24100f;
  --brown:#3a1c17;
  --cream:#fff4dc;
  --gold:#d9a15b;
  --soft:#fffaf0;
  --text:#2b201c;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  overflow-x:hidden;
}

body{
  margin:0;
  font-family:Inter,system-ui,sans-serif;
  color:var(--text);
  background:var(--soft);
  overflow-x:hidden;
}

img,
video,
iframe{
  max-width:100%;
}

a{
  text-decoration:none;
  color:inherit;
}

.nav{
  position:fixed;
  z-index:20;
  top:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 5vw;
  background:rgba(36,16,15,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  min-width:0;
}

.brand img{
  width:44px;
  height:44px;
  object-fit:contain;
  flex:0 0 auto;
}

.brand span{
  white-space:nowrap;
}

.nav nav{
  display:flex;
  gap:26px;
  font-size:14px;
}

.nav a:hover{
  color:var(--gold);
}

.nav-cta,
.btn{
  border-radius:999px;
  padding:12px 18px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.nav-cta{
  background:var(--gold);
  color:#21100d;
  white-space:nowrap;
  flex:0 0 auto;
}

.hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:grid;
  align-items:center;
  padding:120px 7vw 80px;
  overflow:hidden;
  color:white;
}

.hero video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(25,9,8,.86),rgba(25,9,8,.5),rgba(25,9,8,.18));
}

.hero-content{
  position:relative;
  max-width:760px;
  z-index:2;
}

.eyebrow{
  color:var(--gold);
  text-transform:capitalize;;
  letter-spacing:.18em;
  font-weight:900;
  font-size:13px;
}

.dark{
  color:#9b642a;
}

h1,
h2{
  font-family:'Cormorant Garamond',serif;
  line-height:.95;
  margin:0 0 22px;
}

h1{
  font-size:clamp(48px,8vw,110px);
}

h2{
  font-size:clamp(34px,5vw,68px);
}

.lead{
  font-size:20px;
  line-height:1.7;
  max-width:650px;
  color:#fff3df;
}

.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:34px;
}

.primary{
  background:var(--gold);
  color:#21100d;
}

.ghost{
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
}

.hero-card{
  position:absolute;
  right:6vw;
  bottom:38px;
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,244,220,.13);
  border:1px solid rgba(255,255,255,.24);
  padding:12px 18px;
  border-radius:22px;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  font-weight:800;
  z-index:2;
}

.hero-card img{
  width:56px;
}

.strip{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  background:var(--dark);
  color:var(--cream);
  padding:20px;
}

.strip span{
  border:1px solid rgba(217,161,91,.35);
  border-radius:999px;
  padding:10px 16px;
}

.section{
  padding:95px 7vw;
}

.split,
.location{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:55px;
  align-items:center;
}

.section p{
  font-size:17px;
  line-height:1.8;
}

.photo-frame,
.map-card{
  margin:0;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(56,26,17,.18);
}

.photo-frame img{
  width:100%;
  display:block;
}

.features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:30px;
}

.features div,
.menu-grid article{
  background:white;
  border:1px solid #eadcc5;
  border-radius:24px;
  padding:22px;
}

.features b{
  color:var(--gold);
}

.features h3,
.menu-grid h3{
  margin-bottom:6px;
}

.features p,
.menu-grid p{
  font-size:14px;
  line-height:1.6;
  margin:0;
}

.section-head{
  text-align:center;
  max-width:850px;
  margin:0 auto 38px;
}

.menu{
  background:#fff1d8;
}

.menu-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.menu-grid span{
  font-size:38px;
}

.menu-btn{
  display:flex;
  width:max-content;
  max-width:100%;
  margin:30px auto 0;
}

.video-section{
  display:grid;
  grid-template-columns:.75fr 1fr;
  gap:38px;
  align-items:center;
  background:var(--dark);
  color:#fff;
  padding:80px 7vw;
}

.video-section video{
  width:100%;
  border-radius:30px;
  box-shadow:0 30px 70px rgba(0,0,0,.35);
  display:block;
}

.gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.gallery img{
  width:100%;
  height:330px;
  object-fit:cover;
  border-radius:26px;
  box-shadow:0 18px 44px rgba(56,26,17,.12);
  display:block;
}

.contact-cards{
  display:grid;
  gap:12px;
  margin-top:24px;
}

.contact-cards a{
  display:block;
  background:var(--dark);
  color:#fff;
  border-radius:18px;
  padding:16px 18px;
  font-weight:800;
  text-align:center;
}

.map-card iframe{
  border:0;
  width:100%;
  height:420px;
  display:block;
}

footer{
  text-align:center;
  background:#180b0a;
  color:#fff;
  padding:48px 20px;
}

footer img{
  width:96px;
}

footer p{
  font-weight:800;
}

/* Tablet */
@media(max-width:1024px){
  .menu-grid,
  .gallery{
    grid-template-columns:repeat(2,1fr);
  }

  .features{
    grid-template-columns:1fr;
  }

  .split,
  .location,
  .video-section{
    grid-template-columns:1fr;
  }

  .hero-card{
    display:none;
  }
}

/* Mobil */
@media(max-width:768px){
  .nav{
    padding:10px 16px;
    gap:10px;
  }

  .brand img{
    width:40px;
    height:40px;
  }

  .brand span{
    font-size:15px;
  }

  .nav nav{
    display:none;
  }

  .nav-cta{
    padding:10px 13px;
    font-size:13px;
  }

  .hero{
    min-height:92vh;
    min-height:92svh;
    padding:110px 24px 58px;
    align-items:end;
  }

  .hero-shade{
    background:linear-gradient(180deg,rgba(25,9,8,.28),rgba(25,9,8,.68),rgba(25,9,8,.92));
  }

  h1{
    font-size:clamp(42px,13vw,62px);
  }

  h2{
    font-size:clamp(32px,10vw,46px);
  }

  .lead{
    font-size:16px;
    line-height:1.65;
  }

  .hero-actions{
    gap:10px;
    margin-top:26px;
  }

  .hero-actions .btn{
    width:100%;
  }

  .strip{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding:16px 18px;
    scrollbar-width:none;
  }

  .strip::-webkit-scrollbar{
    display:none;
  }

  .strip span{
    flex:0 0 auto;
    font-size:14px;
  }

  .section{
    padding:68px 22px;
  }

  .section p{
    font-size:15.5px;
    line-height:1.75;
  }

  .features,
  .menu-grid,
  .gallery{
    grid-template-columns:1fr;
  }

  .features div,
  .menu-grid article{
    border-radius:20px;
    padding:20px;
  }

  .photo-frame,
  .map-card{
    border-radius:24px;
  }

  .video-section{
    padding:68px 22px;
    gap:26px;
  }

  .video-section video{
    border-radius:22px;
  }

  .gallery img{
    height:260px;
    border-radius:22px;
  }

  .map-card iframe{
    height:340px;
  }

  .contact-cards a{
    padding:15px 16px;
  }

  footer{
    padding:42px 18px;
  }
}

/* Küçük mobil */
@media(max-width:430px){
  .nav{
    padding:9px 12px;
  }

  .brand span{
    display:none;
  }

  .nav-cta{
    font-size:12px;
    padding:9px 11px;
  }

  .hero{
    padding:100px 18px 48px;
  }

  .eyebrow{
    font-size:11px;
    letter-spacing:.14em;
  }

  h1{
    font-size:43px;
  }

  h2{
    font-size:34px;
  }

  .lead{
    font-size:15px;
  }

  .btn{
    padding:12px 15px;
    font-size:14px;
  }

  .section{
    padding:58px 18px;
  }

  .gallery img{
    height:230px;
  }

  .map-card iframe{
    height:300px;
  }
}