@layer components {
  /* The photo and the form beside it. Compounded with .row rather than left
     to sit after it in the file: it is a .row that differs, and a modifier
     that only wins because of where it happens to be written is a modifier
     that stops working the day the file is split. */
  .row.profile__photo {
    align-items: flex-start;
    gap: var(--space-4);
  }
}