/* About page visual fixes */
#top > div:first-child > img {
  filter: drop-shadow(0 18px 28px rgba(5, 12, 30, .42));
}

/* Make the hero background itself visibly lifted from the page. */
#top {
  z-index: 1;
}
#top > div:first-child {
  box-shadow: none;
}
#top > div:first-child::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0, 0, 0, .56), rgba(0, 0, 0, .34) 55%, rgba(0, 0, 0, .48));
}

#top > div:last-child {
  display: none;
}

/* Restore icon colors whose utility classes are not present in the compact CSS build. */
#vision-mission-values [class~="bg-rose-600"] {
  background-color: #e11d48;
}
#vision-mission-values [class~="bg-emerald-600"] {
  background-color: #059669;
}
#governance [class*="bg-rose-500/10"] {
  background-color: rgba(244, 63, 94, .10);
}
#governance [class~="text-rose-500"] {
  color: #f43f5e;
}

/* Governance statistics ribbon: restore its dark background and contrast. */
#governance [class*="bg-gradient-to-r"] {
  background: linear-gradient(90deg, #101b3d 0%, #0f172a 50%, #101b3d 100%);
  color: #fff;
}
#governance [class*="bg-gradient-to-r"] [class*="text-slate-300"] {
  color: #cbd5e1;
}

#gallery > div > div:last-child {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  #gallery > div > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  #gallery > div > div:last-child {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Gallery: square image cards with a simple right-aligned title below. */
#gallery .group {
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #fff;
}
#gallery .group > div:first-child {
  position: relative;
  inset: auto;
  width: 100%;
  aspect-ratio: 1 / 1;
  flex: 0 0 auto;
}
#gallery .group > div:first-child img {
  position: absolute;
  inset: 0;
}
#gallery .group > div:nth-child(2) {
  display: none;
}
#gallery .group > div:nth-child(3) {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 74px;
  padding: 1rem 1.25rem;
  background: #fff;
  color: #1f2937;
  text-align: right;
}
#gallery .group > div:nth-child(3) span,
#gallery .group > div:nth-child(3) p {
  display: none;
}
#gallery .group > div:nth-child(3) h3 {
  color: #1f2937;
  font-size: 1.05rem;
  line-height: 1.6;
  margin: 0;
  text-shadow: none;
}

/* Ensure the final CTA has a strong background and readable text. */
#about-final-cta > div > div {
  background: linear-gradient(135deg, #2459c7 0%, #101d42 52%, #070d1d 100%);
}
#about-final-cta [class~="text-royal-100"] {
  color: #dbeafe;
}
#about-final-cta [class~="text-royal-200"] {
  color: #bfdbfe;
}