@layer compositions {
  /*
  WRAPPER COMPOSITION
  A common page-width wrapper/container.

  CUSTOM PROPERTIES AND CONFIGURATION
  --wrapper-max-width: The maximum width of the wrapper
  --wrapper-padding-inline: The inline padding of the wrapper
  */
  .wrapper {
    margin-inline: auto;
    max-inline-size: var(--wrapper-max-width, 1360px);
    padding-inline: var(--wrapper-padding-inline, 1rem);
  }
}