.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}


.home-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 20px;
  background: var(--color-base-200);
  border-radius: var(--radius-l);
  border: 1.5px solid transparent;
  cursor: pointer;
  text-decoration: none;
  /* aspect-ratio: 3 / 4; */
  transition: background 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.15s;
  user-select: none;
}


.home-box .title {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-base-900);
  line-height: 1.2;
}

.home-box .description {
  font-size: 11px;
  font-weight: 400;
  color: var(--color-base-600);
  line-height: 1.4;
}