/* =========================
   GLOBAL
========================= */
body {
  scroll-behavior: smooth;
}

/* =========================
   NAVBAR
========================= */
.navbar-brand span {
  letter-spacing: 0.5px;
}

.nav-link {
  font-weight: 500;
}

/* =========================
   CAROUSEL / HERO
========================= */

.ibs-hero {
  min-height: 520px;
}

.ibs-hero-overlay {
  background: linear-gradient(
    90deg,
    rgba(204, 239, 255, 0.92),
    rgba(204, 239, 255, 0.55),
    rgba(204, 239, 255, 0.15)
  );
}

.ibs-hero-card {
  max-width: 720px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(6px);
}

/* =========================
   CARDS
========================= */
.card {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.card-img-top {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* =========================
   FOOTER
========================= */
footer {
  font-size: 0.9rem;
}

/* =========================
   UTILITIES
========================= */
.text-justify {
  text-align: justify;
}
/* =========================
   SECTION SURFACE (Premium)
========================= */
.ibs-section-surface {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}