/* Секция «О компании» на главной (перенесена со страницы about в bitex).
   На десктопе текст слева закреплён и листается вбок, пока справа
   прокручиваются фотографии. На мобильных — текст над каждым фото. */

.about-label {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #000;
}

.about-story-panel {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem 2rem 2.5rem;
}

.about-text-track {
  display: flex;
  height: 100%;
  will-change: transform;
  transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .about-story-panel {
    padding: 2.5rem 2.75rem 3rem;
  }
  .about-story-layout {
    align-items: start;
  }
  .about-story-sticky {
    position: sticky;
    top: calc(var(--header-h, 60px) + 1.5rem);
    height: calc(100vh - var(--header-h, 60px) - 3rem);
  }
  .about-story-sticky__inner {
    height: 100%;
    overflow: hidden;
  }
  .about-story-step {
    height: calc(100vh - var(--header-h, 60px) - 3rem);
  }
}