.container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.split {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
  gap: var(--s-9) var(--s-10);
}

.sticky-split {
  display: flex;
  flex-wrap: wrap;
  gap: 48px var(--s-10);
  align-items: flex-start;
}
.sticky-split__aside { flex: 1 1 280px; display: flex; flex-direction: column; gap: var(--s-5); }
.sticky-split__main { flex: 999 1 560px; min-width: 0; }
@media (min-width: 768px) {
  .sticky-split__aside { position: sticky; top: var(--s-11); }
}

.section-film { background: var(--c-film); color: var(--c-film-text); }
.section-film a { color: var(--c-film-text); }
.section-wing { background: var(--c-wing); }