/* Дополнительная сетка и акценты для отдельных страниц */
.main {
  min-height: 40vh;
}

.hero--tight .hero__content {
  max-width: 42rem;
}

@media (min-width: 900px) {
  .intro-text--split .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem 2rem;
    align-items: start;
  }

  .intro-text--split .intro-text__title {
    grid-column: 1 / -1;
    margin-bottom: 0.35rem;
  }
}

.intro-text--wide .container {
  max-width: 960px;
}

.devices__grid--reverse {
  direction: rtl;
}

.devices__grid--reverse > * {
  direction: ltr;
}