:root{
  --gns-bg:#0f0f13;
  --gns-gold:#d4af37;
  --gns-gold-800:#b9922f;
  --gns-text:#222;
}

body{
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--gns-text);
}

.navbar{
  background:rgba(15,15,19,.6);
  backdrop-filter:saturate(140%) blur(8px);
  transition:all .25s ease;
}
.navbar.scrolled{
  background:rgba(15,15,19,.9);
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.navbar .navbar-brand{font-family:'Playfair Display',serif;letter-spacing:.3px}
.brand-mark{color:var(--gns-gold)}

.btn-gold{
  background:linear-gradient(135deg,var(--gns-gold),var(--gns-gold-800));
  color:#111;
  border:none;
}
.btn-gold:hover{filter:brightness(.95);color:#111}

.section-padding{padding:80px 0}
.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6c757d;font-size:.8rem}
.section-title{font-family:'Playfair Display',serif}

/* Hero */
.hero{
  position:relative;
  min-height:100vh;
  color:#fff;
  /*background:linear-gradient(135deg,var(--gns-gold),var(--gns-gold-800));*/
  background-image: url("../../assets/img/hero-bg.png");  /* your image path  */
  background-size: cover;        /* make image cover full area */
  background-position: center;   /* center the image */
  background-repeat: no-repeat;  /* avoid tiling */
  min-height: 100vh;             /* full screen height */
}
.hero .hero-overlay{position:absolute;inset:0}
.hero .tagline{background:rgba(163, 144, 39, 0.888), #f6ff00, rgba(163, 144, 39, 0.888);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);border-radius:50px;padding:8px 14px}
.hero .hero-title{font-family:'Playfair Display',serif}

/* Cards */
.service-card,.why-card,.testimonial-card{border-radius:14px;background:#fff}
.icon-circle{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(212,175,55,.15);color:var(--gns-gold);font-size:1.35rem}
.why-icon{font-size:1.6rem;color:var(--gns-gold)}

/* About */
.about-image img{transition:transform .6s ease}
.about-image:hover img{transform:scale(1.04)}

/* Gallery */
.gallery-item img{transition:transform .6s ease,box-shadow .3s ease}
.gallery-item:hover img{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.25)}

/* Contact */
.contact-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f3f4f6;color:#111;font-size:1.1rem}

/* Footer */
footer{background:#fafafa}

/* Back to top (also re-used as CTA circle) */
.back-to-top{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;padding:0}

@media (max-width: 575.98px){
  .section-padding{padding:60px 0}
}