:root{--ink:#231f20;--ink2:#2f2a2b;--gold:#f9c300;--paper:#f7f1e3;--text:#efe8d6;--muted:#b9b09a;--dk:#5b5348;--serif:"Cormorant Garamond",Georgia,serif;--script:"Pinyon Script","Snell Roundhand",cursive}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(249,195,0,.2);scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--ink);color:var(--text);font:1.25rem/1.65 var(--serif)}
a{color:inherit}img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 max(24px,env(safe-area-inset-left)) 0 max(24px,env(safe-area-inset-right))}
header{position:sticky;top:0;z-index:20;background:rgba(35,31,32,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-top:env(safe-area-inset-top);border-bottom:1px solid rgba(249,195,0,.25)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:1.9rem var(--script);color:var(--gold)}
.brand img{width:44px;height:44px}
nav{display:flex;gap:22px;align-items:center}
nav a,nav button{text-decoration:none;font:inherit;font-size:1.1rem;color:var(--text);background:none;border:0;cursor:pointer}
nav a:hover,nav button:hover{color:var(--gold)}
.hero{padding:64px 0 76px}
.hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
.hero h1{font-weight:500;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.2;color:var(--paper);margin-bottom:16px}
.hero p{color:var(--muted);font-size:1.3rem;max-width:46ch}
.quick{margin-top:22px;display:flex;gap:10px 28px;flex-wrap:wrap;font-size:1.1rem}
.quick b{color:var(--gold);font-weight:600}
.logo-ring{width:min(360px,76vw);justify-self:center;border-radius:50%;box-shadow:0 0 0 6px var(--ink),0 0 0 8px var(--gold),0 0 80px rgba(249,195,0,.18);animation:rise 1s ease-out both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:12px 26px;border-radius:999px;text-decoration:none;font:600 1.12rem var(--serif);border:1.5px solid var(--gold);cursor:pointer;transition:.2s;background:none;color:var(--gold)}
.btn.solid{background:var(--gold);color:var(--ink)}.btn.solid:hover{background:var(--paper)}
.btn:not(.solid):hover{background:var(--gold);color:var(--ink)}
section{padding:76px 0}
.light{background:var(--paper);color:var(--ink)}
h2{font:400 clamp(2.5rem,6vw,3.5rem)/1.1 var(--script);color:var(--gold);margin-bottom:10px}
.light h2{color:#a67f00}
h3{font-size:1.45rem;font-weight:600;line-height:1.25}
.lead{max-width:60ch;color:var(--muted);margin-bottom:34px}.light .lead,.light p{color:var(--dk)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e4d9bd}
.card img{width:100%;aspect-ratio:3/4;object-fit:cover}
.card div{padding:14px 16px 18px}.card p{font-size:1.08rem;margin-top:4px}
.menu{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:34px}
.item{padding:16px 0;border-bottom:1px dotted rgba(35,31,32,.35)}.item p{font-size:1.1rem}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.box{border:1px solid rgba(249,195,0,.4);border-radius:14px;padding:28px;background:var(--ink2)}
.box h3{color:var(--gold);font-size:1.7rem;margin-bottom:8px}.box p{color:var(--muted);margin-bottom:12px}
.box ul{margin:0 0 20px 20px;color:var(--text)}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.tabs button{font:600 1.05rem var(--serif);padding:10px 22px;border-radius:999px;border:1.5px solid var(--gold);background:none;color:var(--gold);cursor:pointer}
.tabs button[aria-pressed=true]{background:var(--gold);color:var(--ink)}
.gallery{columns:3;column-gap:14px}
.gallery figure{break-inside:avoid;margin-bottom:14px;border-radius:10px;overflow:hidden;cursor:zoom-in}
.gallery img{width:100%;height:auto}.gallery figure[hidden]{display:none}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;list-style:none}
.chips li{border:1px solid var(--gold);color:#7a5c00;border-radius:999px;padding:4px 16px;font-size:1.05rem;background:#fff}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.about p+p{margin-top:14px}
.facts{list-style:none;border-left:2px solid var(--gold);padding-left:24px}.facts li{padding:8px 0}
.facts b{display:block;color:var(--gold);font-size:1.3rem}
details{border-bottom:1px solid rgba(249,195,0,.3);padding:14px 0}
summary{cursor:pointer;font-weight:600;font-size:1.25rem;color:var(--gold)}details p{margin-top:8px;color:var(--muted)}
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:48px}
.details p{margin-bottom:12px}.details b{display:block;color:var(--gold)}.details a{text-decoration-color:var(--gold)}
form{display:grid;gap:12px;background:var(--ink2);padding:26px;border-radius:14px;border:1px solid rgba(249,195,0,.3)}
label{font-size:1.05rem;color:var(--muted);display:grid;gap:4px}
input,textarea{-webkit-appearance:none;appearance:none}
input,select,textarea{font:inherit;font-size:1.1rem;padding:10px 14px;border-radius:8px;border:1px solid #5a5254;background:var(--ink);color:var(--text);width:100%}
form .btn{justify-self:start}.note{font-size:.95rem;color:var(--muted)}
.map{margin-top:40px;border-radius:14px;overflow:hidden;border:1px solid rgba(249,195,0,.3)}.map iframe{width:100%;height:380px;border:0;display:block}
.social{display:flex;flex-direction:column;gap:12px;margin-top:10px}.social a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.social a:hover span{color:var(--gold)}
footer{padding:34px 0;border-top:1px solid rgba(249,195,0,.25);text-align:center;color:var(--muted);font-size:1rem}
footer nav{justify-content:center;margin:10px 0;gap:18px}footer nav a{font-size:1rem}
.wa{position:fixed;right:18px;bottom:18px;z-index:30;background:#25d366;color:#fff;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.4)}
dialog{margin:auto;width:min(880px,94vw);max-height:90vh;overflow:auto;background:var(--ink);color:var(--text);border:1px solid var(--gold);border-radius:16px;padding:30px}
dialog[open]{position:fixed;inset:0;margin:auto;z-index:50}
body.lock{overflow:hidden}
.bar{display:none}
dialog::backdrop{background:rgba(0,0,0,.75)}
dialog .x{position:absolute;right:14px;top:10px;font-size:2rem;background:none;border:0;color:var(--gold);cursor:pointer}
.pk{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}
.pk div{border:1px solid rgba(249,195,0,.35);border-radius:12px;padding:18px}
.pk h3{color:var(--gold)}.pk ul{margin:8px 0 8px 20px;font-size:1.1rem}.pk em{color:var(--muted);font-size:1rem}
#lb{padding:0;width:auto;background:none;border:0}#lb img{max-height:88vh;border-radius:8px}
.doc{max-width:760px;margin:0 auto;padding:56px 24px}.doc h1{font:400 3rem var(--script);color:var(--gold)}.doc h2{font:600 1.5rem var(--serif);color:var(--gold);margin:26px 0 6px}.doc p,.doc li{color:var(--text)}.doc ul{margin-left:22px}
@media(max-width:860px){.cards{grid-template-columns:1fr 1fr}.gallery{columns:2}.hero .wrap,.about,.contact,.feat,.menu,.pk{grid-template-columns:1fr}.hero .wrap{gap:32px}.logo-ring{order:-1;width:min(240px,60vw)}nav .hide{display:none}section{padding:56px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

@media(max-width:860px){
html{scroll-padding-top:112px}
header .wrap{height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
nav{width:100%;overflow-x:auto;gap:20px;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav .hide{display:inline-block}
body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
.wa{display:none}
.bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink);border-top:1px solid var(--gold);padding-bottom:env(safe-area-inset-bottom)}
.bar a{flex:1;text-align:center;text-decoration:none;color:var(--gold);font:600 1.05rem var(--serif);padding:14px 4px;min-height:52px}
.bar a+a{border-left:1px solid rgba(249,195,0,.3)}
.bar a.g{background:#25d366;color:#fff}
dialog{width:96vw;padding:22px 18px}
.hero{padding:36px 0 52px}
.btn{min-height:46px}
}

.ic{width:30px;height:30px;flex:none;display:inline-block}
.wi{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:8px;display:inline-block}
.soc{display:flex;justify-content:center;gap:18px;margin:6px 0 12px}.soc .ic{width:34px;height:34px}