.wordmark {
  align-items: baseline;
  display: flex;
  gap: 0.55rem;
  letter-spacing: normal;
}

.wordmark .artist-name-primary {
  letter-spacing: 0.42em;
}

.wordmark .artist-name-secondary {
  font-size: 0.58em;
  font-weight: 400;
  letter-spacing: 0.08em;
  opacity: 0.72;
}

.artist-name-lockup-profile {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.12em;
}

.artist-name-lockup-profile .artist-name-secondary {
  font-size: 0.34em;
  letter-spacing: 0.02em;
  line-height: 1.15;
}

.artist-name-lockup-footer {
  align-items: baseline;
  display: flex;
  gap: 0.6em;
}

.artist-name-lockup-footer .artist-name-secondary,
.copyright .artist-name-secondary {
  font-size: 0.72em;
}

@media (min-width: 768px) {
  .works-grid {
    column-count: 2;
    column-gap: 3vw;
    display: block;
  }

  .works figure {
    break-inside: avoid;
    display: inline-block;
    margin: 0 0 7rem;
    width: 100%;
  }

  .works figure:nth-child(3),
  .works figure:nth-child(6) {
    grid-column: auto;
  }

  .work-wide .image-frame,
  .work-square .image-frame {
    aspect-ratio: auto;
  }

  .image-frame img {
    height: auto;
    object-fit: contain;
  }

  .works figure:hover img {
    transform: none;
  }
}