/* Страница: картина автора во всю ширину окна, сверху и снизу затемнение — шапка и текст читаются поверх неба. */

.page {
  min-height: 100vh;
  font-family: var(--font-text);
  font-size: var(--text-size);
  line-height: var(--text-line);
  color: var(--color-text);
  background-color: var(--color-bg);
  background-image:
    linear-gradient(to bottom, rgba(6, 5, 8, 0.6) 0, rgba(6, 5, 8, 0) 220px),
    linear-gradient(to bottom, rgba(11, 10, 16, 0) 55%, var(--color-bg) 100%),
    url('../../assets/img/background.jpg');
  background-size: auto, auto, cover;
  background-position: top, top, center top;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}

/* Колонка содержимого: широкоформатный макет, до --page-max по центру. Сверху — место под свисающий логотип. */
.page__main {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: calc(var(--logo-height) - var(--nav-height) - var(--logo-lift) + var(--space-4)) var(--page-gutter)
    var(--space-5);
}