/* Recognition section */

.recognition__banner {
  position: relative;
  overflow: hidden;
  padding: 2.5rem;
  border-radius: 1.5rem;
  background: var(--gradient-hero);
  color: var(--primary-foreground);
}

.recognition__blob {
  position: absolute;
  top: -4rem;
  right: -4rem;
  width: 16rem;
  height: 16rem;
  border-radius: 9999px;
  background-color: color-mix(in oklch, var(--accent) 30%, transparent);
  filter: blur(64px);
}

.recognition__inner {
  position: relative;
  display: grid;
  gap: 2rem;
  align-items: start;
}

.recognition__icon {
  background-color: var(--accent);
  color: var(--accent-foreground);
}

.recognition__title {
  font-size: clamp(1.875rem, 3vw, 2.25rem);
  font-weight: 700;
}

.recognition__text {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: color-mix(in oklch, var(--primary-foreground) 90%, transparent);
}

.recognition__text strong {
  font-weight: 600;
  color: var(--accent);
}

@media (min-width: 768px) {
  .recognition__banner {
    padding: 3.5rem;
  }

  .recognition__inner {
    grid-template-columns: auto 1fr;
  }
}