.presentation-wrap {
  display: grid;
  grid-template-columns: min(1095px, 57.0313vw) min(516px, 26.875vw);
  justify-content: space-between;
  align-items: start;
  gap: 1.5rem;
}

.presentation-main-card {
  width: 100%;
}

/* Même recette que .news-card (home.css) : overflow sur la carte, pas de radius sur l’img */
.presentation-side-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 1;
}

.presentation-side-body {
  padding: 1.5rem 2.25rem 1.875rem;
  text-align: center;
}

.presentation-side-title {
  font-size: 1rem;
  font-weight: 700;
  color: #697277;
  margin: 0 0 1rem;
}

.presentation-side-text {
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.55;
  margin: 0 0 1.25rem;
}

.presentation-side-link {
  display: inline-block;
  min-width: 132px;
  text-align: center;
  padding: 0.625rem 1.25rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  color: #ffffff;
  text-decoration: none;
  background: transparent linear-gradient(86deg, #e50c2a 0%, #ee731c 100%) 0% 0% no-repeat padding-box;
}

@media (max-width: 1200px) {
  .presentation-wrap {
    grid-template-columns: 1fr;
  }
}
