@import '/assets/app/shared/styles/site/index.615452d2f7b1a18.css';

/* The home page: the name and introduction, the five newest pieces, and the contact links. */
.studio-home {
  display: flex;
  flex-direction: column;
  gap: var(--space-14);
}

.studio-home-intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.studio-home-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
}

.studio-home-links a {
  color: var(--ink-dim);
  text-decoration: underline;
  text-decoration-color: var(--rule-strong);
  text-underline-offset: 0.25em;
}

.studio-home-links a:hover {
  color: var(--ink);
  text-decoration-color: currentColor;
}