main {
    padding: 40px;
}

.tile {
    margin-bottom: 1.5rem;
}

.badge-container {
    display: flex;
    gap: 4px;
    align-items: center;
}

.project-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.project-year {
  background: linear-gradient(90deg, var(--pink), var(--purple));
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: bold;
}