/* cardstack landing page */
.cardstack-landing-page-container {
  --card-width: 33.125rem;
  --horizontal-card-gap: var(--boxel-sp-lg);

  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  margin: auto;
  padding: var(--boxel-sp);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cardstack-landing-page-org-grid {
  width: 100%;
  max-width: calc(var(--card-width) * 2 + var(--horizontal-card-gap) + var(--boxel-sp-lg) * 2);
  list-style-type: none;
  padding: 0;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-width), 1fr));
  grid-template-rows: auto auto;
  gap: var(--boxel-sp-xl) var(--horizontal-card-gap);
}

@media screen and (max-width: 35rem) {
  .cardstack-landing-page-org-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .cardstack-landing-page-org-grid > li {
    width: 100%;
    max-width: 100%;
  }
}