/* Home Page — Hero & unique home sections */

/* ── Hero ── */
#hero {
  position: relative; min-height: 100vh;
  display: flex; align-items: center;
}
#hero .container { width: 100%; }
.hero-bg {
  position: absolute; inset: 0;
  background: url('../assets/images/banner/hero-banner.jpeg') center/cover no-repeat;
  animation: hero-zoom 9s ease forwards;
}
@keyframes hero-zoom { from{transform:scale(1.06)} to{transform:scale(1)} }
.hero-ov {
  position: absolute; inset: 0;
  background: linear-gradient(130deg, rgba(26,10,2,.82) 0%, rgba(107,53,24,.52) 55%, rgba(26,10,2,.72) 100%);
}
.hero-content { position: relative; z-index: 2; max-width: 700px; text-align: left; }
.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(203,148,104,.18); border: 1px solid rgba(203,148,104,.45);
  color: var(--g3); padding: 7px 18px; border-radius: 50px;
  font-size: 11.5px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; margin-bottom: 22px;
}
.hero-h1 {
  font-family: var(--ff-h);
  font-size: clamp(2.8rem, 5.8vw, 4.4rem);
  font-weight: 900; color: var(--white); line-height: 1.14; margin-bottom: 18px;
}
.hero-h1 em {
  font-style: normal;
  background: linear-gradient(130deg, var(--g3), var(--g5));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-p { font-size: 16.5px; color: rgba(255,255,255,.78); line-height: 1.72; margin-bottom: 34px; max-width: 490px; }
.hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-scroll {
  position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%);
  z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 6px;
  color: rgba(255,255,255,.55); font-size: 10.5px; letter-spacing: 2.5px;
  text-transform: uppercase; animation: bob 2.2s ease-in-out infinite;
}
.hero-scroll i { color: var(--g4); font-size: 16px; }
@keyframes bob { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(7px)} }

/* ── Services section bg ── */
#services { background: var(--cream); }

/* ── About section ── */
#about { background: var(--creamD); }

/* ── Academy / Why ── */
#academy-preview { background: var(--cream); }
#why { background: linear-gradient(135deg, var(--brown), var(--g9)); }
#why h2.title { color: var(--white); }
#why .sub { color: rgba(255,255,255,.68); }
#why .label { color: var(--g3); }

/* ── Gallery section bg ── */
#gallery-preview { background: var(--creamD); }

/* ── Testimonials ── */
#testimonials { background: var(--creamD); }

/* ── Awards ── */
#awards { background: var(--cream); }

/* ── Brands ── */
#brands { background: var(--creamD); padding: 70px 0; }

/* ── Contact ── */
#contact { background: var(--cream); }

@media (max-width: 768px) {
  .hero-btns { flex-direction: column; align-items