/* Mobile responsiveness for About page */
@media (max-width: 575.98px) {
  .hero-panel { padding: 1.25rem !important; }
  .hero-panel h1 { font-size: 2rem; line-height: 1.2; }
  .lead { font-size: 1rem; }
  .btn-cta { width: 100%; justify-content: center; }
  .dot-wave { display: none !important; }
}
@media (max-width: 767.98px) {
  .hero-panel { padding: 1.5rem !important; }
  .hero-panel h1 { font-size: 2.25rem; }
}

/* Contain decorative elements to avoid horizontal scroll */
.hero-panel { overflow: hidden; }
/* About page tweaks (inherits theme from landing.css) */
body.about { background: #000; }

/* Slightly adjust hero spacing for reading */
body.about .hero-panel { padding-top: 2.5rem; padding-bottom: 2.5rem; }

/* Glassy card helper */
.glassy {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(6px);
}

/* Improve contrast on active nav */
.nav-link.active { color: #fff !important; font-weight: 600; }