.skin.root {
  --column-sidebar: c2/c7;
  --column-main: c7/c14;
  --after-left: c7;
  --before-right: c7;
}

@media screen and (max-width: 1024px) {
  .skin.root {
    --after-left: c3;
    --before-right: c2;
  --column-sidebar: c2/c3;
  --column-main: c2/c3;
  }
}

.skin.intro {
  grid-column: var(--before-left) / var(--before-right);
}