/* About page specific styles */
.about-page { padding-top: 0; }

.about-stats .display-4 { letter-spacing: -0.5px; }
.about-stats .card { transition: transform .2s ease, box-shadow .2s ease; }
.about-stats .card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.12); }

.about-roadmap .card { transition: transform .2s ease; }
.about-roadmap .card:hover { transform: translateY(-6px); }

/* Section headings */
.about-page h1.display-5 { letter-spacing: -0.8px; }
.about-page h2.h3 { letter-spacing: -0.4px; }

/* Media polish */
.about-page .ratio { box-shadow: 0 12px 28px rgba(0,0,0,.12); border-radius: 16px; }

/* CTA card */
.about-page .card.bg-light { border-radius: 16px; }

/* Responsive spacing tweaks for hero + map */
@media (max-width: 992px) {
  .about-page .row.align-items-center.mb-5 { row-gap: 1.25rem; }
  .about-page .ratio { box-shadow: 0 8px 18px rgba(0,0,0,.1); border-radius: 12px; }
}

@media (max-width: 576px) {
  .about-page .row.align-items-center.mb-5 { margin-bottom: 1.5rem !important; }
  .about-page .container .btn.btn-lg { padding: .6rem 1rem; font-size: 1rem; }
}

/* Timeline modern responsive */
.about-timeline .timeline { position: relative; }
.about-timeline .timeline-line {
  position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: var(--bs-border-color, #e9ecef);
  transform: translateX(-50%);
}
.about-timeline .timeline-icon {
  width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}
.about-timeline .card { border-radius: 14px; }
.about-timeline .card:hover { transform: translateY(-4px); transition: transform .2s ease; }
.about-timeline .timeline-year { vertical-align: middle; }

@media (max-width: 991.98px) {
  .about-timeline .timeline-line { display: none; }
}