/* ============================================================
   PAGE INFOS / À PROPOS
   ============================================================ */

.about-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px; margin-bottom: 40px;
}

.about-block {
  background: var(--c-bg-alt); border: 1px solid var(--c-border);
  border-radius: var(--radius-lg); padding: 28px;
  transition: all var(--transition);
}

.about-block:hover { 
  transform: translateY(-3px); box-shadow: var(--shadow-md); 
  border-color: rgba(8,145,178,0.3); 
}

.about-block__icon { font-size: 2rem; margin-bottom: 12px; }
.about-block h2 { font-size: 1.15rem; margin-bottom: 10px; }
.about-block ul { color: var(--c-text-soft); }
.about-block li { margin-bottom: 6px; }