@media (orientation: portrait) {
  body {
    gap: var(--gap-standard) var(--gap-half);
    padding: var(--gap-standard) var(--gap-half);
  }
  .card {
    padding: var(--gap-standard) var(--gap-half);
  }
  .flex {
    gap: var(--gap-standard) var(--gap-half);
  }
  .project {
    gap: var(--gap-standard) var(--gap-half);
  }
}

/* @media (orientation: portrait) and (min-aspect-ratio: 0.6/1) {} */