@layer layouts {
  .hm-l-page {
    max-width: 75rem;
    margin-inline: auto;
    padding: var(--hm-space-lg) var(--hm-space-md);
  }

  .hm-l-stack {
    display: flex;
    flex-direction: column;
    gap: var(--hm-space-md);
  }

  .hm-l-center {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: var(--hm-space-md);
  }

  .hm-l-inline {
    display: flex;
    align-items: center;
    gap: var(--hm-space-md);
  }

  .hm-l-split {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--hm-space-sm);
  }
}