/* ══════════════════════════════════════════════
   CONCORDIA FORMATIONS — POURQUOI.CSS
   ══════════════════════════════════════════════ */

.pourquoi-grid {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: clamp(28px, 4vw, 52px); align-items: stretch;
}
@media (max-width: 991px) { .pourquoi-grid { grid-template-columns: 1fr; } }

.pourquoi-cards { margin-top: clamp(24px, 3vw, 36px); }
.pourquoi-cards .icon-card { padding: 22px 16px; }

.pourquoi-photo {
  position: relative; border-radius: var(--radius); overflow: hidden;
  min-height: 420px;
  box-shadow: 0 20px 50px rgba(15,33,72,.16);
}
.pourquoi-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pourquoi-photo-overlay {
  position: absolute; inset-inline: 0; bottom: 0;
  padding: 26px 24px;
  background: linear-gradient(to top, rgba(15,33,72,.94) 0%, rgba(15,33,72,.55) 60%, transparent 100%);
}
.pourquoi-photo-overlay::before {
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 90px; height: 90px;
  background: linear-gradient(45deg, var(--rouge), var(--rouge-s));
  clip-path: polygon(0 100%, 0 0, 100% 100%);
  opacity: .9;
}
.pourquoi-photo-overlay p {
  position: relative;
  font-family: var(--fd); font-weight: 800; font-size: 1.15rem;
  color: #fff; line-height: 1.3; margin-bottom: 14px;
}
.pourquoi-photo-overlay .btn-white { position: relative; }
@media (max-width: 991px) { .pourquoi-photo { min-height: 320px; } }