html > body > #grid > main.landing {
  /** Required arguments with purportedly ridiculous defaults */
  --element-gap-inline: 200px;
  --element-gap-block: 200px;
  --element-color-lead: red;
  --element-heading-font-size: 200px;
  --element-em-text-overlay: red;

  display: grid;
  grid-template-columns: subgrid;
  gap: var(--element-gap-block) var(--element-gap-inline);
  padding-top: var(--element-gap-block);

  > h1 {
    font-size: max(var(--element-heading-font-size), 5vw);
  }

  > h2,
  > h3 {
    font-size: x-large;
  }

  > h3 {
    color: var(--element-color-lead);
  }

  > h1 + h3,
  > h2 + h3 {
    margin-top: calc(var(--element-gap-block) * -1);
  }

  > h2[data-icon]:not([data-icon='']) {
    &::before {
      display: block;
      text-align: center;
      padding-block: var(--element-gap-block);
    }
  }

  > article {
    --element-gap: var(--element-gap-block);
  }

  > *:not(.board) em {
    font-weight: bold;
    font-style: italic;
    background: var(--element-em-text-overlay);
    background-clip: text;
    color: transparent;
  }

  .tabs {
    *[data-icon]:not([data-icon=''])::before {
      color: inherit;
    }
  }
}