/* =========================================
   ACCUEIL (index.html)
   ========================================= */

.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-bottom: 40px;
  padding-bottom: 20px;
  align-items: end;
  margin-top: auto;
}

.intro h1 {
  font-size: 42px; font-weight: 700;
  margin-bottom: var(--space-sm); line-height: 1.2;
}

.intro p {
  font-size: 18px; color: var(--color-accent);
  line-height: 1.7;
}

@media (max-width: 768px) {
  .hero { grid-template-columns: 1fr; text-align: center; }
}