.destination-index {
  padding-block-start: var(--space-2xl);
}

.destination-row {
  position: relative;
  display: grid;
  min-block-size: 8.5rem;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-xs) var(--space-md);
  align-content: center;
  border-block-start: var(--rule-hairline) solid var(--color-rule);
  text-decoration: none;
  transition: background-color var(--dur-short) var(--ease-out);
}

.destination-row:last-child {
  border-block-end: var(--rule-hairline) solid var(--color-rule);
}

.destination-row__path {
  grid-column: 1;
  color: var(--color-muted);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
}

.destination-row__title {
  grid-column: 1;
  font-size: var(--text-xl);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.1;
  transition: transform var(--dur-short) var(--ease-out);
}

.destination-row__description {
  grid-column: 1;
  max-inline-size: 34ch;
  color: var(--color-muted);
}

.destination-row::after {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  color: var(--color-accent);
  font-size: var(--text-lg);
  transition: transform var(--dur-short) var(--ease-out);
}

.contact-index {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-xl);
  padding-block: var(--space-2xl) var(--space-3xl);
}

.contact-index a,
.section-heading a,
.dev-contact a,
.back-link,
.project-empty a {
  display: inline-flex;
  min-block-size: 2.75rem;
  align-items: center;
  color: var(--color-accent);
  font-weight: 700;
  white-space: nowrap;
}