.profile {
  display: block grid;
  grid: auto 1fr / auto 1fr;
  gap: var(--size-2);
  place-content: start;
  background-color: light-dark(var(--gray-1), var(--gray-9));

  & > img {
    grid-area: span 2 / 1;
  }

  & > strong {
    font-size: var(--size-4);
    line-height: 1;
    color: light-dark(var(--gray-7), var(--gray-3));
  }

  & > span {
    line-height: 1;
    color: light-dark(var(--gray-4), var(--gray-6));
  }
}
