@media (max-width: 768px) {
  body { display: block !important; }
  
  .sidebar {
    position: relative !important;
    width: 100% !important;
    min-height: auto !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 1.2rem 1.5rem !important;
    border-right: none !important;
    border-bottom: 0.5px solid rgba(0,0,0,0.09) !important;
    flex-wrap: wrap !important;
  }

  .sidebar-logo { position: relative !important; top: auto !important; left: auto !important; }
  .sidebar-logo img { width: 140px !important; }

  nav ul { 
    flex-direction: row !important; 
    flex-wrap: wrap !important;
    padding-top: 0.5rem !important;
    width: 100% !important;
    gap: 0 !important;
  }

  nav ul li a {
    font-size: 0.85rem !important;
    padding: 0.4rem 0.6rem !important;
    border-bottom: none !important;
    border-top: none !important;
  }

  nav ul li:first-child a { border-top: none !important; }

  .sidebar-bottom { display: none !important; }

  main, .main-content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .hero {
    min-height: 500px !important;
  }

  .hero-title {
    font-size: 1.8rem !important;
  }
@media (max-width: 768px) {
  .founder-layout {
    grid-template-columns: 1fr !important;
  }

  .founder-photo-col {
    border-right: none !important;
    border-bottom: 0.5px solid rgba(0,0,0,0.09) !important;
    max-height: 350px !important;
    overflow: hidden !important;
  }

  .founder-photo-col img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: top center !important;
  }

  .founder-content-col {
    padding: 2rem 1.5rem !important;
  }

  .founder-text {
    max-width: 100% !important;
  }

  .page-header {
    padding: 2rem 1.5rem !important;
  }

  .main {
    margin-left: 0 !important;
    width: 100% !important;
  }
}