.support-grid[data-astro-cid-umrkld37] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  gap: var(--space-m);
}

.support-card[data-astro-cid-umrkld37] {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  padding: clamp(1.5rem, 1rem + 2vw, 2.4rem);
  border-radius: var(--radius-xl);
  color: var(--ink);
  text-decoration: none;
  box-shadow: inset 0 0 0 1px var(--line);
  transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
}

.support-card[data-astro-cid-umrkld37]:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-2), inset 0 0 0 1px var(--line);
}

.support-card--roast[data-astro-cid-umrkld37] {
  background: var(--peach);
}

.support-card--sky[data-astro-cid-umrkld37] {
  background: color-mix(in oklab, var(--sky) 22%, var(--surface));
}

.support-card[data-astro-cid-umrkld37] h2[data-astro-cid-umrkld37] {
  font-size: var(--step-3);
}

.support-card[data-astro-cid-umrkld37] p[data-astro-cid-umrkld37] {
  color: var(--muted);
}

.support-card__icon[data-astro-cid-umrkld37] {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background: var(--surface);
}

.support-card__more[data-astro-cid-umrkld37] {
  margin-top: auto;
  font-weight: 700;
  color: var(--link);
}

.support-contact[data-astro-cid-umrkld37] {
  display: grid;
  justify-items: start;
  gap: var(--space-s);
  padding-top: var(--space-xl);
}

.support-contact[data-astro-cid-umrkld37] h2[data-astro-cid-umrkld37] {
  font-size: var(--step-3);
}