@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&family=Inter:wght@300;400;500;600;700&display=swap");

:root {
  --ink:#1a1815;
  --muted:#6b645a;
  --line:#d9d1c2;
  --paper:#f4efe4;
  --cream:#f9f5eb;
  --forest:#1f3128;
  --forest-deep:#16241d;
  --oxblood:#7a2e26;
  --gold:#b99a5f;
  --white:#fffdf7;
  --display:"Fraunces","Cormorant Garamond",Georgia,"Times New Roman",serif;
  --text:"Inter",Aptos,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--text); line-height:1.58; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
.site-header { position:fixed; inset:0 0 auto; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:22px; padding:22px clamp(20px,4vw,52px); color:var(--white); transition:background .22s ease,color .22s ease,padding .22s ease,border .22s ease; }
.site-header.scrolled { padding-block:12px; color:var(--forest-deep); background:rgba(249,245,235,.93); border-bottom:1px solid rgba(31,49,40,.16); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
.brand { font-family:var(--display); font-size:24px; font-weight:500; letter-spacing:0; }
nav { display:flex; align-items:center; gap:24px; }
nav a { font-size:12px; text-transform:uppercase; letter-spacing:.16em; font-weight:700; }
.hero { min-height:100svh; position:relative; isolation:isolate; display:grid; align-items:end; padding:132px clamp(20px,4vw,54px) 76px; color:var(--white); background:var(--forest-deep) url("assets/hero.jpg") center/cover no-repeat; }
.hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(14,26,20,.8),rgba(14,26,20,.44) 48%,rgba(14,26,20,.16)),linear-gradient(0deg,rgba(14,26,20,.75),rgba(14,26,20,0) 45%); }
.hero-inner { width:min(820px,100%); }
.kicker,.section-kicker { margin:0 0 15px; font-size:12px; text-transform:uppercase; letter-spacing:.16em; font-weight:800; }
h1,h2,h3 { font-family:var(--display); letter-spacing:0; line-height:1.02; font-weight:400; }
h1 { margin:0; font-size:clamp(52px,10vw,124px); }
.hero p { width:min(630px,100%); margin:22px 0 0; color:rgba(255,253,247,.9); font-size:clamp(17px,2vw,22px); }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:47px; padding:13px 21px; border-radius:999px; border:1px solid currentColor; font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.btn:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(0,0,0,.16); }
.btn.primary { color:var(--forest-deep); background:var(--white); border-color:var(--white); }
.btn.dark { color:var(--white); background:var(--forest); border-color:var(--forest); }
.btn.claret { color:var(--white); background:var(--oxblood); border-color:var(--oxblood); }
section { padding:clamp(76px,10vw,132px) clamp(20px,4vw,54px); }
.wrap { width:min(1210px,100%); margin:0 auto; }
.intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(30px,6vw,84px); align-items:start; }
.section-kicker { color:var(--oxblood); }
.intro h2,.menu-head h2,.visit h2 { margin:0; font-size:clamp(36px,5.4vw,76px); }
.intro p { margin:0; font-size:20px; color:var(--muted); }
.detail-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:46px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.detail-strip div { padding:20px; border-right:1px solid var(--line); }
.detail-strip div:last-child { border-right:0; }
.detail-strip span { display:block; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.14em; font-weight:700; }
.detail-strip strong { display:block; margin-top:8px; font-family:var(--display); font-size:23px; font-weight:400; }
.gallery { background:var(--cream); }
.gallery-grid { display:grid; grid-template-columns:1.15fr .85fr 1fr; grid-auto-rows:250px; gap:14px; }
.gallery-item { position:relative; margin:0; overflow:hidden; border-radius:8px; background:#dfd6c7; border:1px solid var(--line); }
.gallery-item img { width:100%; height:100%; object-fit:cover; }
.gallery-item figcaption { position:absolute; left:12px; bottom:12px; padding:7px 10px; border-radius:999px; background:rgba(22,36,29,.78); color:var(--white); font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
.item-1 { grid-row:span 2; }
.item-4 { grid-column:span 2; }
.menu-section { background:var(--forest-deep); color:var(--white); }
.menu-head { display:flex; justify-content:space-between; gap:34px; align-items:end; margin-bottom:34px; }
.menu-head p { max-width:480px; margin:0; color:rgba(255,253,247,.72); }
.menu-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(255,253,247,.18); }
.menu-grid article { min-height:220px; padding:24px; background:rgba(255,253,247,.04); border-right:1px solid rgba(255,253,247,.18); }
.menu-grid article:last-child { border-right:0; }
.menu-grid h3 { margin:0; font-size:28px; }
.menu-grid p { margin:18px 0 0; color:rgba(255,253,247,.73); }
.review-card { display:grid; grid-template-columns:.8fr 1.2fr; gap:42px; padding:42px; border:1px solid var(--line); border-radius:8px; background:var(--white); }
.stars { color:var(--oxblood); letter-spacing:.16em; font-size:18px; }
.quote { margin:0; font-family:var(--display); font-size:clamp(30px,4vw,54px); line-height:1.12; }
.visit-grid { display:grid; grid-template-columns:420px 1fr; gap:22px; align-items:stretch; }
.visit-card,.map-card { background:var(--white); border:1px solid var(--line); border-radius:8px; }
.visit-card { padding:26px; }
.hours { padding:0; margin:28px 0; list-style:none; display:grid; gap:9px; }
.hours li { display:flex; justify-content:space-between; gap:18px; padding-bottom:8px; border-bottom:1px solid var(--line); }
.hours span { color:var(--muted); }
.map-card { padding:12px; display:grid; grid-template-rows:auto 1fr; gap:10px; min-height:520px; }
.map-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:4px 4px 0; }
.map-card-head span { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.14em; font-weight:800; }
.map-card-head a { color:var(--oxblood); font-weight:800; font-size:13px; }
iframe { width:100%; height:100%; min-height:460px; border:0; border-radius:6px; background:#e8dfcf; }
footer { padding:36px clamp(20px,4vw,54px); background:var(--forest-deep); color:rgba(255,253,247,.78); }
footer .wrap { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.mobile-bar { display:none; position:fixed; z-index:30; left:12px; right:12px; bottom:12px; gap:8px; padding:8px; border-radius:999px; border:1px solid rgba(255,255,255,.55); background:rgba(249,245,235,.9); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:0 12px 30px rgba(0,0,0,.18); }
.mobile-bar a { flex:1; min-height:44px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.mobile-bar .call { background:var(--forest); color:var(--white); }
.mobile-bar .map { background:var(--oxblood); color:var(--white); }
@media (max-width:900px) {
  nav { display:none; }
  .site-header { padding:18px 18px; }
  .hero { min-height:96svh; padding:124px 20px 92px; background-position:center; }
  .actions .btn { width:100%; }
  .intro,.review-card,.visit-grid { grid-template-columns:1fr; }
  .detail-strip { grid-template-columns:1fr; }
  .detail-strip div { border-right:0; border-bottom:1px solid var(--line); }
  .detail-strip div:last-child { border-bottom:0; }
  .gallery-grid { grid-template-columns:1fr; grid-auto-rows:auto; }
  .gallery-item,.item-1,.item-4 { grid-column:auto; grid-row:auto; aspect-ratio:4/3; }
  .menu-head { display:block; }
  .menu-head p { margin-top:16px; }
  .menu-grid { grid-template-columns:1fr; }
  .menu-grid article { min-height:0; border-right:0; border-bottom:1px solid rgba(255,253,247,.18); }
  .menu-grid article:last-child { border-bottom:0; }
  .map-card { min-height:420px; }
  iframe { min-height:360px; }
  footer { padding-bottom:94px; }
  footer .wrap { display:block; }
  .mobile-bar { display:flex; }
}