@font-face{font-family:Fraunces;src:url(fonts/Fraunces.ttf);font-weight:100 900}
@font-face{font-family:Manrope;src:url(fonts/Manrope.ttf);font-weight:200 800}
@font-face{font-family:ElMessiri;src:url(fonts/ElMessiri.ttf);font-weight:400 700}
:root{--cream:#F3EBDD;--sand:#E7DCC8;--esp:#2A1D17;--card:#3F5B45;--brass:#C08A3E}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:Manrope,sans-serif;color:var(--esp);background:var(--cream);font-size:17px;line-height:1.65}
img{display:block;max-width:100%;object-fit:cover}
h1,h2,h3{font-family:Fraunces,serif;font-weight:500;line-height:1.08;font-variation-settings:'SOFT' 100,'opsz' 120}
h2{font-size:clamp(30px,4vw,48px);margin:.3em 0 .5em}
.ar,i{font-family:ElMessiri,serif;font-style:normal}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12.5px;font-weight:700;color:var(--card)}
.btn{display:inline-block;background:var(--brass);color:#fff;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px}
.btn.sm{padding:10px 18px;font-size:14px}.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.7)}.btn.ghost.dark{border-color:var(--esp);color:var(--esp)}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.nav{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;color:#fff}
.brand{color:#fff;text-decoration:none;font-family:Fraunces;font-weight:600;letter-spacing:.2em;font-size:22px;display:flex;align-items:center;gap:10px}.brand i{letter-spacing:0;font-size:20px;color:#E6C48A}
.pod{width:14px;height:24px;border:2.5px solid #E6C48A;border-radius:50%}
.nav nav a{color:#fff;text-decoration:none;margin:0 16px;font-weight:600;font-size:15px;opacity:.9}
.hero{position:relative;height:clamp(620px,100vh,880px);background:url(img/hero.jpg) center/cover;color:#fff;display:flex;align-items:center}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,8,.55),rgba(20,12,8,.25) 40%,rgba(20,12,8,.8))}
.hero-in{position:relative;max-width:1180px;margin:auto;padding:0 32px;width:100%}
.hero .eyebrow{color:#E6C48A}
.hero h1{font-size:clamp(52px,8.4vw,116px);margin:14px 0 12px;font-weight:400}.hero h1 em{color:#E6C48A;font-style:italic}
.hero .ar{font-size:28px;opacity:.95}
.hero-foot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:18px;border-top:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:600;letter-spacing:.04em;backdrop-filter:blur(6px);background:rgba(20,12,8,.25)}
section{padding:110px 0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.story{background:var(--cream)}
.pics{position:relative;height:560px}.pics .p1{width:72%;height:440px;border-radius:220px 220px 16px 16px}.pics .p2{position:absolute;right:0;bottom:0;width:48%;height:300px;border-radius:16px;border:10px solid var(--cream)}
.facts{display:flex;gap:28px;margin-top:34px;border-top:1px solid #d6c8b0;padding-top:24px}.facts b{font-family:Fraunces;font-size:34px;font-weight:500;color:var(--card);display:block}.facts span{font-size:14px;color:#6c5a4a}
.menu{background:var(--card);color:var(--cream)}.menu .eyebrow{color:#E6C48A}
.head{text-align:center;margin-bottom:46px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cards article{background:#F3EBDD;color:var(--esp);border-radius:22px;overflow:hidden}
.cards img{height:240px;width:100%}.cards article>div{padding:26px}
.cards h3{font-size:28px;margin-bottom:12px}
.cards li{list-style:none;display:flex;justify-content:space-between;border-bottom:1px dashed #cdbda4;padding:9px 0;font-size:15.5px}.cards li span{font-weight:700;color:var(--card)}
.cards ul{padding:0}.note{text-align:center;margin-top:30px;opacity:.85;font-size:15px}
.band{padding:0;background:var(--brass);overflow:hidden}
.marq{display:flex;white-space:nowrap;animation:m 30s linear infinite}.marq span{font-family:Fraunces;font-size:30px;padding:16px 0;color:#fff;font-style:italic}
@keyframes m{to{transform:translateX(-50%)}}
.gallery{background:var(--sand)}
.grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:16px}.grid img{width:100%;height:100%;border-radius:18px}.grid .g1{grid-row:span 2}.grid .g4{grid-column:span 2}
.visit{background:var(--esp);color:var(--cream)}.visit .eyebrow{color:#E6C48A}
table{width:100%;border-collapse:collapse;margin:10px 0 24px}td{padding:13px 0;border-bottom:1px solid rgba(243,235,221,.18)}td:last-child{text-align:right;font-weight:700}
.addr small{opacity:.6}.visit .btn.ghost.dark{border-color:var(--cream);color:var(--cream)}
.map{position:relative;border-radius:24px;overflow:hidden;height:420px}.map svg{width:100%;height:100%}.map span{position:absolute;bottom:12px;left:14px;font-size:12px;background:rgba(255,255,255,.8);color:var(--esp);padding:4px 10px;border-radius:99px}
footer{background:#2A1D17;color:var(--cream);text-align:center;padding:60px 24px}footer img{width:300px;margin:0 auto 6px}footer .small{opacity:.55;font-size:13px;margin-top:10px}
@media(max-width:820px){.nav nav{display:none}.nav{padding:18px 20px}section{padding:76px 0}.two{grid-template-columns:1fr;gap:40px}.pics{height:420px}.pics .p1{height:340px}.pics .p2{height:210px}.cards{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 160px 200px}.grid .g1{grid-row:auto;grid-column:span 2}.grid .g4{grid-column:span 2}.hero-foot{display:none}.hero h1{font-size:54px}.facts{gap:16px}.facts b{font-size:26px}.map{height:300px}}