:root{
  --ink:#0e0f12;
  --coal:#14161b;
  --stone:#f6f2ea;
  --paper:#ffffff;
  --gold:#c9a44a;
  --muted:#7f8591;
  --shadow:0 18px 45px rgba(0,0,0,.12);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
}
.navbar{background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(180%) blur(10px)}
.navbar-brand{letter-spacing:.18em;font-weight:900}
.nav-link{font-weight:700;color:#2a2d33}
.nav-link:hover,.nav-link:focus{color:var(--gold)}
.brand-logo{height:34px;width:auto}
.hero{
  min-height:92vh;
  background:
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.25) 55%, rgba(0,0,0,.62)),
    url('images/hero.jpg') center/cover no-repeat;
  display:flex;
  align-items:center;
}
.hero h1{font-size:clamp(2.2rem,4.6vw,4.1rem);font-weight:900;letter-spacing:.01em}
.hero .lead{color:#ededed;max-width:900px;margin:18px auto 0}
.kicker{display:inline-flex;gap:10px;align-items:center;color:#f3f3f3;letter-spacing:.22em;text-transform:uppercase;font-weight:800;font-size:.82rem}
.kicker:before{content:"";width:52px;height:2px;background:var(--gold);display:inline-block;border-radius:10px}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#111;font-weight:900;border-radius:999px;padding:.9rem 1.3rem}
.btn-gold:hover{filter:brightness(.98)}
.btn-outline-gold{border:1px solid rgba(255,255,255,.8);color:#fff;border-radius:999px;padding:.9rem 1.3rem;font-weight:900}
.section{padding:90px 0}
.section-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;letter-spacing:.01em}
.subtle{color:var(--muted)}
.card-lux{background:var(--paper);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;height:100%;transition:transform .18s ease,border-color .18s ease}
.card-lux:hover{transform:translateY(-4px);border-color:rgba(201,164,74,.55)}
.media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.06)}
.media img{width:100%;height:100%;object-fit:cover;display:block}
.gallery img{border-radius:16px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.06)}
.band{background:linear-gradient(135deg,#0f1116,#1a1d24);color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.band .subtle{color:#c9cbd1}
.footer{background:#0c0d10;color:#b5b8c1;padding:64px 0}
.footer a{color:#fff;text-decoration:none}
.footer a:hover{text-decoration:underline}
.form-control,textarea{border-radius:16px;padding:14px 16px;border:1px solid rgba(0,0,0,.12)}
.form-control:focus,textarea:focus{box-shadow:0 0 0 .2rem rgba(201,164,74,.18);border-color:rgba(201,164,74,.75)}
.smallcaps{letter-spacing:.18em;text-transform:uppercase;font-weight:900;font-size:.78rem;color:var(--muted)}
.product-hero{
  min-height:55vh;
  background:
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.25) 55%, rgba(0,0,0,.62)),
    var(--hero-image) center/cover no-repeat;
  display:flex;
  align-items:center;
}


/* --- Updates: image-only product tiles --- */
.product-tile{
  position:relative;
  height: 280px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  overflow:hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
  transform: translateY(0);
  transition: transform .2s ease, box-shadow .2s ease;
}
.product-tile:before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.0) 35%, rgba(0,0,0,.55) 100%);
}
.product-tile:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(0,0,0,.14);
}
.product-tile__label{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  color:#fff;
  font-weight:700;
  letter-spacing:.4px;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}

/* --- Updates: contact left column --- */
.contact-info{
  background: var(--paper);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 18px 18px;
}
.contact-info__item a{color:inherit; text-decoration: underline;}

/* Products page cards */
.product-card{padding:18px}
.product-thumb{border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.10)}
.product-thumb img{width:100%;height:220px;object-fit:cover;display:block}
@media (max-width:767px){.product-thumb img{height:200px}}