/* Marukantar — Custom Styles */
:root{
  --brand:#E7A84F;      /* desert saffron */
  --brand-dark:#8B3E2F; /* maroon clay */
  --ink:#0F2A3D;        /* deep blue */
  --sand:#F7EDE2;       /* soft sand */
  --soft:#FBF7F1;       /* paper */
}

*{ box-sizing:border-box; }
body{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  color:var(--ink);
  background:#fff;
}

.py-6{ padding:4.5rem 0; }
.bg-soft{ background:var(--soft); }

/* Nav */
.glassy-nav{
  backdrop-filter:saturate(180%) blur(8px);
  background:rgba(255,255,255,.7);
  border-bottom:1px solid rgba(0,0,0,.05);
}
.navbar-brand{ color:var(--ink) !important; }
.nav-link{ color:#24445a !important; opacity:.9; }
.nav-link:hover{ opacity:1; }

.btn-brand{
  background:var(--brand); color:#1d1b16;
  border:none;
}
.btn-brand:hover{ background:#f0b762; color:#1d1b16; }
.btn-outline-brand{
  color:var(--brand-dark);
  border:1px solid var(--brand-dark);
}
.btn-outline-brand:hover{ background:var(--brand-dark); color:#fff; }

/* Hero */
.hero-section{
  position:relative; overflow:hidden;
  padding-top:6.25rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.92) 52%, rgba(251,247,241,.96) 100%),
    url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80');
  background-size:cover;
  background-position:center;
}
.hero-badge{ backdrop-filter: blur(4px); }

.hero-overlay{
  position:absolute; inset:0;
  background-image:
    radial-gradient(600px 200px at 15% 20%, rgba(139,62,47,.08), transparent 60%),
    radial-gradient(600px 200px at 85% 10%, rgba(231,168,79,.12), transparent 60%);
  pointer-events:none;
}

.hero-heading{ gap:.6rem; display:flex; flex-direction:column; }
.hero-pretitle{ font-size:clamp(1.4rem, 3vw, 2rem); letter-spacing:.015em; }
.hero-typing{ font-size:clamp(1.8rem, 4vw, 2.7rem); font-weight:800; color:var(--brand-dark); display:inline-flex; align-items:center; min-height:3rem; }
.hero-typing .cursor{ margin-left:.25rem; animation:blink 1s steps(2, start) infinite; font-weight:400; }
.hero-quote{ font-size:1.15rem; color:#5a2b21; }
.text-brand{ color:var(--brand-dark); }
.hindi{ font-family:'Martel', serif; color:#63321f; }

@keyframes blink{ to{ visibility:hidden; } }

/* Cards & features */
.shadow-soft{ box-shadow:0 10px 30px rgba(15,42,61,.06); }
.card{ border-radius:16px; }
.feature{
  padding:1.25rem; border-radius:14px; background:#fff;
  border:1px solid rgba(0,0,0,.06); box-shadow:0 6px 16px rgba(15,42,61,.05);
}
.feature .icon{
  width:44px; height:44px; border-radius:10px;
  display:grid; place-items:center; margin-bottom:.5rem;
  background:linear-gradient(135deg, var(--sand), #fff);
  border:1px solid rgba(0,0,0,.06);
}
.feature .icon i{ font-size:1.25rem; color:#5a2b21; }

/* Mission points */
.mission-points li{
  padding:.6rem .25rem; display:flex; gap:.6rem; align-items:flex-start;
  font-weight:500;
}
.mission-points i{ color:var(--brand-dark); margin-top:.2rem; }

/* Timeline */
.timeline{ counter-reset: step; margin:0; padding-left:.2rem; }
.timeline li{ list-style:none; position:relative; padding-left:2.2rem; margin:1rem 0; }
.timeline li:before{
  counter-increment: step; content: counter(step);
  position:absolute; left:0; top:.1rem;
  width:28px; height:28px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--brand); color:#1d1b16; font-weight:700;
  box-shadow:0 4px 10px rgba(231,168,79,.35);
}

/* Impact metrics */
.metric{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:14px; padding:1.5rem 1rem;
  box-shadow:0 8px 20px rgba(15,42,61,.06);
}
.metric .value{ font-size:2rem; font-weight:800; color:#5a2b21; }
.metric .label{ font-weight:600; color:#6b7d8a; }

/* Story */
.story .card-body{ padding:1.25rem 1.25rem; }
.bg-brand-soft{ background:rgba(231,168,79,.18) !important; color:#5a2b21; }

/* Desert feature */
.desert-feature{
  background:linear-gradient(135deg, rgba(231,168,79,.12), rgba(247,237,226,.88));
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 16px 32px rgba(15,42,61,.08);
}
.desert-feature img{
  width:100%; height:100%; object-fit:cover;
}
.desert-feature .content{
  padding:2.5rem;
}
.desert-feature .badge{
  background:rgba(99,50,31,.12);
  color:#5a2b21;
}

/* Theory cards */
.theory-grid{
  display:grid;
  gap:1.5rem;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
}
.theory-card{
  padding:1.75rem;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(139,62,47,.18);
  box-shadow:0 12px 24px rgba(15,42,61,.08);
}
.theory-card h6{
  font-weight:700;
  color:var(--brand-dark);
}
.theory-card p{
  margin-bottom:0;
  color:#4f2c22;
}

/* Gallery */
.gallery-grid{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
}
.gallery-grid figure{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(15,42,61,.1);
}
.gallery-grid img{
  width:100%; height:100%; object-fit:cover;
}
.gallery-grid figcaption{
  position:absolute;
  inset:auto 0 0 0;
  padding:0.75rem 1rem;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%);
  color:#fff;
  font-weight:600;
  letter-spacing:.01em;
}

@media (max-width: 991.98px){
  .desert-feature .content{ padding:1.75rem; }
}

/* Contact */
.contact-list li{ margin:.4rem 0; }
.contact-list i{ color:var(--brand-dark); margin-right:.5rem; }

/* Footer */
footer{ background:#fff; }

/* Responsiveness tweaks */
@media (max-width: 991.98px){
  .hero-heading{ align-items:center; text-align:center; }
}
