/* ===== Luxury Palette ===== */
:root{
  --ink:#0E2A24; --ink-2:#1C3A33; --bronze:#A9947B; --gold:#C9B695;
  --stone:#7B7260; --sand:#EDE6D9; --charcoal:#1B1B1B;
}
body{background:var(--sand);} .container{max-width:1200px;}
/* Nav */
.navbar{background:var(--ink); color:var(--sand); border-bottom:1px solid color-mix(in oklab,var(--bronze) 25%,transparent);}
.navlink{color:color-mix(in oklab,var(--sand) 85%,transparent); }
.navlink:hover{color:var(--gold);}
.logo-sub{font-size:11px;letter-spacing:.25em;opacity:.9;font-weight:600}
/* Hero */
.hero{position:relative;color:var(--sand)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(rgba(14,42,36,.65),rgba(14,42,36,.65));}
.hero .grain{position:absolute;inset:0;background:radial-gradient(1200px 600px at 70% 30%,rgba(255,255,255,.06),transparent 60%);pointer-events:none;}
/* Surfaces */
.bronze-stainless{
  background:
    radial-gradient(1200px 600px at 70% 30%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(to bottom right, #a19480 0%, #7b7260 50%, #c9b695 100%);
}
.lux-card{background:rgba(255,255,255,.05);border:1px solid color-mix(in oklab,var(--bronze) 30%,transparent);
  backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.18);border-radius:16px;}
/* Buttons */
.btn-primary{background:var(--ink);color:var(--sand);border:1px solid color-mix(in oklab,var(--bronze) 40%,transparent);
  border-radius:9999px;padding:.75rem 1.25rem;font-weight:600;box-shadow:0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06);
  transition:all .3s ease;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35);background:#17392f;}
.btn-secondary{background:transparent;color:var(--sand);border:1px solid var(--bronze);border-radius:9999px;padding:.75rem 1.25rem;
  font-weight:600;transition:all .3s ease;backdrop-filter:blur(2px);}
.btn-secondary:hover{background:color-mix(in oklab,var(--bronze) 18%,transparent);border-color:var(--gold);}
.fade-image{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 68%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,1) 68%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
/* Fallback */
@supports not (color: color-mix(in oklab, white, black)) {
  .btn-primary{border-color:rgba(169,148,123,.35)} .btn-secondary:hover{background:rgba(169,148,123,.15)}
  .lux-card{border-color:rgba(169,148,123,.30)}
}
/* Footer */
.footer{background:var(--ink);color:var(--sand);border-top:1px solid color-mix(in oklab,var(--bronze) 25%,transparent);}