:root{--garnet:#2a0a16;--gold:#c8a24a;--champagne:#ebd9a8;--pearl:#f3f0f2;--ink:#2a0a16;--ruby:#b3123f;--emerald:#0f7b5f;--amethyst:#7a3fa0;
--serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
body{margin:0;font:400 1.05rem/1.7 var(--sans);color:var(--ink);background:var(--pearl)}
body.lock{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{width:min(1160px,92%);margin:auto}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;margin:0 0 .6em}
h1{font-size:clamp(2.8rem,7vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.7rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:99}
.site-header{position:sticky;top:0;z-index:30;background:rgba(42,10,22,.95);backdrop-filter:blur(8px);color:var(--champagne);border-bottom:1px solid rgba(200,162,74,.35)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;min-width:0}
.brand img{width:52px;height:52px;flex:none}
.brand b{font:600 1.5rem/1 var(--serif);letter-spacing:.04em;display:block}
.brand i{font:italic 400 .85rem var(--serif);color:var(--gold)}
.tools{display:flex;align-items:center;gap:.5rem}
nav ul{display:flex;gap:1.6rem;list-style:none;margin:0 1rem 0 0;padding:0}
nav a{text-decoration:none;font-size:.95rem;padding:.3rem 0;border-bottom:1px solid transparent}
nav a:hover{border-color:var(--gold)}
.social{display:flex;gap:.2rem}
.social a{width:44px;height:44px;display:grid;place-items:center;color:var(--gold);border-radius:50%}
.social a:hover{color:var(--champagne);background:rgba(200,162,74,.15)}
.social svg{width:22px;height:22px}
.menu-btn,.close{display:none;width:44px;height:44px;background:none;border:1px solid var(--gold);color:var(--champagne);cursor:pointer;padding:0;place-items:center}
.menu-btn svg,.close svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.scrim{position:fixed;inset:0;background:rgba(20,4,10,.7);opacity:0;pointer-events:none;transition:opacity .25s;z-index:40}
.scrim.show{opacity:1;pointer-events:auto}
.btn{display:inline-block;background:linear-gradient(135deg,#e6c872,#b8923a);color:var(--garnet);padding:.85rem 2rem;text-decoration:none;border:0;cursor:pointer;font:500 1rem var(--sans);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:filter .2s}
.btn:hover{filter:brightness(1.12)}
.hero{background:radial-gradient(circle at 75% 40%,#6b1c3b 0,var(--garnet) 60%);color:var(--pearl);padding:clamp(3rem,8vw,7rem) 0;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
.hero h1{color:var(--champagne)}
.hero .tag{font:italic 1.5rem var(--serif);color:var(--gold);margin:0 0 1.2rem}
.hero p{max-width:34rem}.hero .cta{margin-top:1.8rem}
.gem{width:100%;max-width:420px;margin:auto;filter:drop-shadow(0 0 40px rgba(230,200,114,.35))}
.gem .spark{animation:spark 3.2s ease-in-out infinite}.gem .spark:nth-of-type(2n){animation-delay:-1.1s}.gem .spark:nth-of-type(3n){animation-delay:-2.1s}
@keyframes spark{0%,100%{opacity:.25}50%{opacity:1}}
.hero-tags{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(200,162,74,.4);font:italic 1.2rem var(--serif);color:var(--champagne)}
section{padding:clamp(3rem,7vw,6rem) 0}
.intro{text-align:center}.intro p{max-width:46rem;margin:0 auto 1rem}
.facilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:2.5rem;text-align:left}
.fac{background:#fff;padding:2rem 1.6rem;border-top:6px solid var(--g);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.fac h3{color:var(--g)}.fac p{margin:0;font-size:1rem}
.ruby{--g:var(--ruby)}.emerald{--g:var(--emerald)}.amethyst{--g:var(--amethyst)}
.dark{background:var(--garnet);color:var(--pearl)}.dark h2{color:var(--champagne)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:.8rem}
.gallery figure{margin:0;overflow:hidden;border:1px solid var(--gold);background:#000}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery .big{grid-column:span 2;grid-row:span 2}.gallery .wide{grid-column:span 2}
.fy1{object-position:50% 56%}.fy2{object-position:50% 12%}
.visit-sec{padding-top:0}
.visit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}
.visit h3{color:var(--gold)}.visit address{font-style:normal}.visit a{color:var(--champagne)}
.visit dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.2rem}.visit dt{font-weight:500}.visit dd{margin:0}
.closed{color:#f08aa5}
footer{background:#1b0610;color:var(--champagne);text-align:center;padding:2rem 0;font-size:.9rem}
.nf{min-height:100vh;display:grid;place-items:center;text-align:center;background:var(--garnet);color:var(--pearl);margin:0}.nf h1{color:var(--champagne)}
dialog{border:0;padding:0;max-width:min(480px,94vw);width:100%;max-height:94vh;overflow:auto;background:var(--garnet);color:var(--pearl);box-shadow:0 0 0 1px var(--gold),0 30px 80px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(20,4,10,.75)}
dialog form{padding:2rem 1.8rem}dialog h2{color:var(--champagne);font-size:2rem}
dialog label{display:block;font-size:.9rem;margin:.9rem 0 .2rem;color:var(--champagne)}
dialog input,dialog select,dialog textarea{width:100%;padding:.7rem;font:inherit;font-size:1rem;background:#fff;border:1px solid var(--gold);color:var(--ink)}
.x{position:absolute;right:.6rem;top:.4rem;background:none;border:0;color:var(--champagne);font-size:2rem;cursor:pointer;line-height:1;width:44px;height:44px}
.hp{position:absolute;left:-9999px}.msg{min-height:1.4rem;margin:.8rem 0 0}.msg.err{color:#f08aa5}
.fab{position:fixed;right:1rem;bottom:1rem;z-index:20}
@media(max-width:900px){
.site-header{backdrop-filter:none;background:var(--garnet)}
.hero .wrap{grid-template-columns:1fr}.gem{max-width:260px}
.menu-btn,.close{display:grid}
nav{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);background:var(--garnet);border-left:1px solid var(--gold);padding:4.5rem 1.5rem 2rem;transform:translateX(100%);visibility:hidden;transition:transform .28s,visibility .28s;z-index:50;overflow-y:auto}
nav.open{transform:none;visibility:visible}
nav .close{position:absolute;top:.8rem;right:.8rem}
nav ul{flex-direction:column;gap:0;margin:0}nav li{border-bottom:1px solid rgba(200,162,74,.25)}
nav a{display:block;padding:1rem 0;font-size:1.15rem;border:0}
.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}.gallery .wide{grid-column:span 1}}
@media(max-width:480px){.brand i{display:none}.brand b{font-size:1.25rem}
.gallery{grid-template-columns:1fr;grid-auto-rows:220px}.gallery .big,.gallery .wide{grid-column:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
