:root{--bg:#0b0b0d;--elev:#151518;--text:#e9e6df;--muted:#b8b2a7;--gold:#d4af37;--gold-2:#b8911b;--accent:#f4e7c3}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui}
a{color:var(--accent);text-decoration:none}p{color:var(--muted);line-height:1.7;margin:0 0 1rem}
h1,h2,h3,h4{font-family:"Playfair Display",serif;margin:0 0 .6rem}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.flex{display:flex;gap:1rem}.between{justify-content:space-between}.center{align-items:center}
.nb-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(11,11,13,.95),rgba(11,11,13,.65));backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid rgba(212,175,55,.18)}
.nb-header .logo{gap:.6rem}.nb-header .logo img{height:34px}.nb-header .logo span{font-family:"Playfair Display",serif;letter-spacing:.06em}
.nav{display:flex;gap:1.2rem}.nav a{padding:12px 2px;color:var(--muted)}.nav a:hover{color:var(--text)}
.menu-btn{display:none;background:transparent;border:0}.menu-btn span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1b1a17;padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(0,0,0,.3);box-shadow:0 2px 14px rgba(212,175,55,.25);font-weight:600}
.btn-ghost{border:1px solid var(--gold);color:var(--text);padding:.6rem 1rem;border-radius:999px}
.hero{background:radial-gradient(1200px 400px at 20% -20%, rgba(212,175,55,.18), transparent 60%),radial-gradient(1000px 400px at 80% -30%, rgba(212,175,55,.12), transparent 60%)}
.hero .inner{padding:80px 0 90px}.kicker{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;font-size:.8rem}
.display{font-size:3rem;line-height:1.05;margin:.5rem 0 1rem}
.section{padding:40px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(212,175,55,.18);padding:22px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.small{font-size:.85rem;color:var(--muted)}
.nb-footer{border-top:1px solid rgba(212,175,55,.18);padding:40px 0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.floating-cta{position:fixed;right:18px;bottom:70px;padding:.9rem 1.1rem;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1b1a17;border-radius:999px;border:1px solid rgba(0,0,0,.35);box-shadow:0 6px 24px rgba(212,175,55,.35);z-index:60}
.floating-call{position:fixed;left:18px;bottom:18px;padding:.9rem 1.1rem;background:#17c964;color:#0b0b0d;border-radius:999px;border:1px solid rgba(0,0,0,.35);box-shadow:0 6px 24px rgba(0,0,0,.35);z-index:61;display:none}
@media(max-width:740px){.floating-call{display:inline-flex}.floating-cta{bottom:70px} .nav{position:fixed;inset:60px 14px auto 14px;background:#151518;border:1px solid rgba(212,175,55,.2);border-radius:18px;padding:10px;display:none;flex-direction:column}.nav.open{display:flex}.menu-btn{display:block}}





.socials svg, .socials img{width:50px;height:50px;max-width:12vw;max-height:12vw}
@media(max-width:740px){.socials svg, .socials img{width:30px;height:30px}}






/* Social bar — text only, equal width with dividers */
.socials{
  display:flex;
  width:100%;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.socials a{
  flex:1;
  text-align:center;
  font-size:1rem;
  font-weight:600;
  color:var(--muted);
  padding:16px 0;
  transition:color .2s;
  border-right:1px solid rgba(255,255,255,.1);
}
.socials a:last-child{border-right:0}
.socials a:hover,.socials a:focus{color:gold}


/* ===== Luxury Services Menu ===== */
.menu-wrap{max-width:1000px;margin:0 auto}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.menu-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(212,175,55,.22);border-radius:18px;padding:22px}
.menu-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.menu-title h3{font-family:"Playfair Display",serif;font-size:1.25rem;letter-spacing:.02em}
.menu-title .pill{font-size:.75rem;border:1px solid rgba(212,175,55,.5);color:var(--accent);padding:.2rem .5rem;border-radius:999px;white-space:nowrap}
.menu-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px dashed rgba(212,175,55,.22)}
.menu-item:last-child{border-bottom:0}
.menu-item .name{font-weight:600}
.menu-item .desc{grid-column:1 / -1;color:var(--muted);font-size:.92rem;margin-top:.15rem}
.menu-item .price{font-weight:700;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1b1a17;border-radius:999px;padding:.15rem .6rem;border:1px solid rgba(0,0,0,.2)}
.menu-note{color:var(--muted);font-size:.9rem;margin-top:8px}
.menu-section{margin-top:10px}
.menu-section h4{font-size:1rem;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin:0 0 4px}
.menu-feature{display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:linear-gradient(135deg, rgba(212,175,55,.12), rgba(184,145,27,.10));border:1px solid rgba(212,175,55,.35);border-radius:18px;padding:18px;margin:0 0 22px}
.menu-feature h3{margin:0;font-size:1.3rem}
.menu-feature p{margin:0}
.menu-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.menu-cta .btn-ghost{border-color:rgba(212,175,55,.5)}
.kicker-line{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;font-size:.8rem;margin-bottom:6px}

@media(max-width:900px){
  .menu-grid{grid-template-columns:1fr}
}


/* ===== Minimal Services (v20) ===== */
.filters{
  position:sticky; top:58px; z-index:30;
  background:rgba(11,11,13,.9); backdrop-filter:blur(6px) saturate(130%);
  border:1px solid rgba(212,175,55,.18);
  border-radius:12px; padding:8px; margin:20px 0 26px;
  display:flex; flex-wrap:wrap; gap:8px;
}
.filter-pill{
  padding:.45rem .8rem; border:1px solid rgba(212,175,55,.35); border-radius:999px;
  color:var(--text); font-size:.9rem; cursor:pointer; user-select:none;
}
.filter-pill[aria-pressed="true"]{ background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#1b1a17; border-color:rgba(0,0,0,.2) }

.menu-clean{max-width:900px;margin:0 auto}
.menu-group{margin:16px 0 24px}
.menu-group h3{font-family:"Playfair Display",serif; font-size:1.25rem; margin:0 0 8px}
.row{display:grid; grid-template-columns:1fr auto 24px; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.06)}
.row:last-child{border-bottom:0}
.row .name{font-weight:600}
.row .price{font-weight:700}
.row .toggle{opacity:.6; cursor:pointer; transition:transform .2s}
.row[aria-expanded="true"] .toggle{transform:rotate(180deg); opacity:1}
.row + .desc{display:none; color:var(--muted); font-size:.92rem; margin:-4px 0 12px 0}
.row[aria-expanded="true"] + .desc{display:block}

.note{color:var(--muted); font-size:.9rem; margin-top:10px}

@media(max-width:900px){
  .menu-clean{padding:0 2px}
}


/* ===== Elegant Services (v21) ===== */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
.menu-elegant{max-width:1100px;margin:0 auto}
.e-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.e-item{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(212,175,55,.18);border-radius:16px;padding:16px 18px}
.e-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.e-head h3{font-family:'Great Vibes', cursive;font-size:1.6rem;line-height:1;color:#f4e7c3;margin:0}
.e-rule{flex:1;height:1px;background:rgba(255,255,255,.16)}
.e-price{font-weight:800;font-size:1.2rem}
.e-desc{color:var(--muted);font-size:.92rem}
@media(max-width:900px){.e-grid{grid-template-columns:1fr}}