/* ==============================================
   COMPONENT: Awards
   Description: Awards & Recognition page — grid layouts for awards, ecosystem recognition, and certifications sections
   ============================================== */

/* --- Awards section --- */

.awards-section {
  padding-block: var(--space-16);
}

@media (min-width: 768px) {
  .awards-section {
    padding-block: var(--space-20);
  }
}

.awards-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gap);
  margin-top: var(--space-10);
}

@media (min-width: 768px) {
  .awards-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .awards-section__grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }
}

/* --- Ecosystem recognition section --- */

.ecosystem-section {
  padding-block: var(--space-16);
  background: var(--color-bg-section);
}

@media (min-width: 768px) {
  .ecosystem-section {
    padding-block: var(--space-20);
  }
}

.ecosystem-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gap);
  margin-top: var(--space-10);
}

@media (min-width: 768px) {
  .ecosystem-section__grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }
}

/* --- Certifications section --- */

.certifications-section {
  padding-block: var(--space-16);
}

@media (min-width: 768px) {
  .certifications-section {
    padding-block: var(--space-20);
  }
}

.certifications-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gap);
  margin-top: var(--space-10);
}

@media (min-width: 768px) {
  .certifications-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .certifications-section__grid {
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
  }
}