/* ====== À PROPOS PAGE ====== */
/* Warm, welcoming aesthetic celebrating the founders */

:root {
  --page-accent: #D09A40;
  --page-primary: #8B6F47;
  --page-bg-light: #F0E6C5;
  --page-bg-secondary: #E8D7C3;
}

.page-a-propos section:nth-child(1) {
  background: linear-gradient(135deg, var(--page-bg-light) 0%, var(--page-bg-secondary) 100%);
}

.page-a-propos h1 {
  color: var(--page-primary);
  position: relative;
  padding-bottom: 1rem;
}

.page-a-propos h1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, var(--page-accent), var(--color-gold-light));
  border-radius: 2px;
}

.page-a-propos .card {
  border-left: 5px solid var(--page-accent);
}

.page-a-propos h3 {
  color: var(--page-accent);
}

.page-a-propos .grid-2 section {
  background-color: var(--page-bg-light);
}

/* Responsive */
@media (max-width: 768px) {
  .page-a-propos h1 {
    font-size: 2.5rem;
  }

  .page-a-propos h1::after {
    width: 80px;
  }
}