/*==================================================
ENVIRONMENT
==================================================*/

.environment {
  padding: 120px 0;

  background: var(--primary-soft);
}

.environment-grid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 32px;
}

.environment-card {
  background: var(--white);

  border-radius: var(--radius-lg);

  overflow: hidden;

  box-shadow: var(--shadow-sm);

  transition: var(--normal);
}

.environment-card:hover {
  transform: translateY(-8px);

  box-shadow: var(--shadow-md);
}

.environment-image {
  aspect-ratio: 16/10;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--background-muted);

  color: var(--primary);

  font-weight: 700;
}

.environment-card h3 {
  padding: 24px;

  text-align: center;
}