body { margin:0; font-family:'Inter',sans-serif; background:#000; color:#d4af37; overflow-x:hidden; }
.navbar { display:flex;justify-content:space-between;align-items:center;padding:12px 24px;position:fixed;top:0;left:0;right:0;z-index:99;transition:background 0.3s; }
.navbar nav a { font-weight:800; color:#d4af37; margin:0 10px; text-decoration:none; transition:0.3s; }
.navbar nav a:hover { text-shadow:0 0 6px rgba(212,175,55,0.9); }
.nav-icons a { color:#d4af37; margin-left:15px; font-size:18px; transition:0.3s; }
.nav-icons a:hover { color:#f5d76e; }
.tagline-small { font-size:12px; font-style:italic; color:#f5d76e; }
.hero { position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff; overflow:hidden; }
.hero::before { content:''; background:url('images/texture1.jpg') center/cover no-repeat; position:absolute; top:0;left:0;right:0;bottom:0; z-index:-2; }
.hero::after { content:''; background:linear-gradient(180deg,rgba(0,0,0,0.85),rgba(0,0,0,0.95)); position:absolute; top:0;left:0;right:0;bottom:0; z-index:-1; }
.tagline { font-size:28px; font-weight:700; background:linear-gradient(90deg,#d4af37,#f5d76e,#d4af37); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-size:200% auto; animation:shimmer 6s linear infinite; margin-top:20px; }
@keyframes shimmer { 0%{background-position:0%}100%{background-position:200%} }
.section { padding:80px 20px; background:url('images/texture2.jpg') center/cover no-repeat; position:relative; }
.section::after { content:''; position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,0.85); z-index:-1; }
.section-banner { background:linear-gradient(90deg,#111,#d4af37,#111); padding:50px 20px; text-align:center; }
.section-banner h1 { font-family:'Playfair Display',serif; font-size:40px; font-weight:700; background:linear-gradient(90deg,#fff,#f5d76e); -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:shimmer 8s linear infinite; margin:0; }
.section-header { font-family:'Playfair Display',serif; font-size:28px; font-weight:700; text-align:center; margin-bottom:10px; }
.header-underline { height:3px; background:linear-gradient(90deg,#d4af37,#f5d76e); width:80px; margin:0 auto 20px; border-radius:2px; }
.card { border:1px solid #d4af37; border-radius:10px; padding:20px; margin:15px; transition:0.3s; background:rgba(0,0,0,0.7); }
.card:hover { box-shadow:0 0 20px rgba(212,175,55,0.6); transform:translateY(-5px); }
.services-grid { display:flex; flex-wrap:wrap; justify-content:center; }
.services-grid .card { flex:1 1 280px; max-width:300px; }
.founder-section { display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start; margin-top:30px; }
.founder-section img { max-width:280px; border-radius:12px; border:3px solid #d4af37; }
.founder-bio { flex:1; min-width:280px; }
.footer { background:#111; color:#d4af37; text-align:center; padding:20px; font-size:14px; margin-top:40px; }
.footer-icons a { color:#d4af37; margin:0 10px; font-size:18px; transition:0.3s; }
.footer-icons a:hover { color:#f5d76e; }
.btn { background:#d4af37; color:#000; font-weight:700; padding:12px 24px; border:none; border-radius:6px; cursor:pointer; text-decoration:none; display:inline-block; margin:10px; transition:0.3s; }
.btn:hover { background:#f5d76e; }
form input, form textarea, form select { width:100%; max-width:400px; margin:10px auto; display:block; padding:10px; border:1px solid #d4af37; border-radius:6px; background:#000; color:#f5d76e; }
form button { background:#d4af37; color:#000; font-weight:700; padding:10px 20px; border:none; border-radius:6px; cursor:pointer; transition:0.3s; display:block; margin:20px auto; }
form button:hover { background:#f5d76e; }

.navbar a {
  color: #000;
  text-decoration: none;
  padding: 10px 15px;
  font-weight: bold;
}
.navbar a:hover {
  color: #d4af37;
  border-bottom: 2px solid #d4af37;
  transition: color 0.3s, border-bottom 0.3s;
}


/* Navbar styling */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 10px 20px;
}
.navbar a {
  color: #000;
  margin: 0 10px;
  text-decoration: none;
  font-weight: bold;
}
.navbar a:hover {
  color: #d4af37;
  border-bottom: 2px solid #d4af37;
  transition: all 0.3s ease;
}
.contact-icons .icon {
  color: #d4af37;
  margin-left: 10px;
  font-size: 18px;
}

/* Section titles */
.section-title {
  color: #d4af37;
  font-size: 1.8em;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
}
.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 3px;
  background: #d4af37;
  transition: width 0.5s ease;
}
.section-title:hover::after {
  width: 100%;
}

/* Founder photo gold frame */
.founder-photo {
  display: block;
  margin: 20px auto;
  border: 4px solid #d4af37;
  max-width: 300px;
}

/* Core values grid */
.values-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
.value-card {
  border: 2px solid #d4af37;
  padding: 20px;
  min-width: 150px;
  text-align: center;
  color: #fff;
  background: #111;
  transition: transform 0.3s, box-shadow 0.3s;
}
.value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 15px #d4af37;
}


/* Navbar default: black text on hero */
.navbar a {
  color: #000;
}
.navbar.scrolled a {
  color: #d4af37;
}
.navbar a:hover {
  color: #d4af37;
  border-bottom: 2px solid #d4af37;
  transition: all 0.3s ease;
}
.contact-icons .icon {
  color: #d4af37;
  margin-left: 10px;
  font-size: 18px;
}


/* Card layout to match Mission & Vision */
.about.patterned .card {
  background: rgba(0,0,0,0.6);
  border: 1px solid #d4af37;
  border-radius: 12px;
  padding: 20px;
  margin: 20px auto;
  max-width: 900px;
  box-shadow: 0 0 10px rgba(212,175,55,0.4);
}


/* === forced gold icons + glow on hover === */
.nav-icons a, .nav-icons a *, .contact-icons a, .contact-icons a * {
  color: #d4af37 !important;
  transition: all 0.25s ease;
}
.nav-icons a:hover, .contact-icons a:hover {
  text-shadow: 0 0 10px rgba(212,175,55,0.9);
  transform: translateY(-2px);
}

/* footer icons */
.footer a.icon, .footer .icon, .site-footer a.icon {
  color: #d4af37 !important;
  transition: all 0.25s ease;
}
.footer a.icon:hover, .footer .icon:hover, .site-footer a.icon:hover {
  text-shadow: 0 0 10px rgba(212,175,55,0.9);
  transform: translateY(-2px);
}

/* Download button shimmer (consistent with CTAs) */
.download-btn, .btn {
  background: #d4af37;
  color: #000 !important;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  transition: all 0.28s ease;
}
.download-btn:hover, .btn:hover {
  box-shadow: 0 0 20px rgba(212,175,55,0.45), 0 8px 30px rgba(212,175,55,0.12);
  transform: translateY(-4px);
}



/* === Force contact icons gold solid (About Us fix) === */
header .contact-icons a, header .contact-icons a * {
  color: #d4af37 !important;
  opacity: 1 !important;
}
header .contact-icons a:hover {
  text-shadow: 0 0 10px rgba(212,175,55,0.9);
  transform: translateY(-2px);
}

/* === Force contact icons gold solid (About Us fix) === */
header .contact-icons a, header .contact-icons a * {
  color: #d4af37 !important;
  opacity: 1 !important;
}
header .contact-icons a:hover {
  text-shadow: 0 0 10px rgba(212,175,55,0.9);
  transform: translateY(-2px);
}

/* === Navbar adjustments for v11 === */
nav ul li a {
  font-size: 0.95rem !important;
  margin: 0 10px;
}

/* Responsive navbar */
@media (max-width: 768px) {
  nav ul {
    display: none;
    flex-direction: column;
    background: rgba(0,0,0,0.95);
    position: absolute;
    top: 60px;
    right: 0;
    width: 220px;
    padding: 1rem;
  }
  nav ul.show {
    display: flex;
  }
  nav .menu-toggle {
    display: block;
    cursor: pointer;
    color: #d4af37;
    font-size: 1.5rem;
    margin-right: 15px;
  }
}

@media (min-width: 769px) {
  nav .menu-toggle {
    display: none;
  }
}

/* === Force contact icons About Us fix === */
header .contact-icons a, header .contact-icons a * {
  color: #d4af37 !important;
  opacity: 1 !important;
}
header .contact-icons a:hover {
  text-shadow: 0 0 10px rgba(212,175,55,0.9);
  transform: translateY(-2px);
}