/* ==========================================================================
   Страница «О компании» (about.html). Подключается после style.css.
   ========================================================================== */

/* --- Вступление: текст + видео ------------------------------------------- */

.about__intro {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 64px;
}

.about__title { width: 100%; }

.about__intro-text {
  width: calc(35.29% - 80px);
  margin: 0 80px 0 0;
}
.about__intro-text p { margin: 1em 0; }

.about__intro-video {
  flex-grow: 1;
  width: 640px;
}
.about__video { padding-top: 56.25%; }

@media (max-width: 1199px) {
  .about__intro { display: block; }
  .about__intro-text { width: 100%; max-width: 880px; margin: 0 0 40px; }
  .about__intro-video { width: 100%; }
}

@media (max-width: 767px) {
  .about__intro { padding-bottom: 32px; }
  .about__title { margin-bottom: 7px; }
  .about__intro-text { margin-bottom: 46px; font-size: .875rem; line-height: 1.375rem; }
  .about__video .video__play svg { width: 56px; height: 56px; }
}

/* --- Факты --------------------------------------------------------------- */

.about__facts::before { height: 490px; }
.about__bg img {
  opacity: .4;
  filter: brightness(80%);
  object-position: 0 90%;
}

.about__facts-inner { padding: 40px; }

.about__facts-title {
  margin: 0 0 50px;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.375rem;
}

.about__facts-columns { width: 23.61%; }
.columns--facts svg {
  width: 80px;
  height: 80px;
  margin-bottom: 33px;
  stroke: var(--c-white);
  stroke-width: 2;
}

@media (max-width: 1199px) {
  .about__facts-columns { width: 33.33%; }
  .columns--icons .about__facts-columns { margin-bottom: 57px; }
}

@media (max-width: 767px) {
  .about__facts::before { min-height: 342px; }
  .about__facts-inner { padding: 16px; }
  .about__facts-title { margin-bottom: 32px; font-size: 1.375rem; line-height: 1.875rem; }
  .about__facts-columns { width: 77.84%; }
  .columns--icons .about__facts-columns { margin-bottom: 32px; padding-left: 67px; }
  .columns--facts svg { top: 0; width: 40px; height: 40px; }
}

@media (max-width: 375px) {
  .columns--icons .about__facts-columns { margin-bottom: 16px; }
  .columns--facts svg { top: 2px; }
}

/* --- Пресса о нас -------------------------------------------------------- */

.about__media {
  border-top: 1px solid var(--c-line);
  border-bottom: 1px solid var(--c-line);
}

.about__media-inner { padding: 40px 40px 8px; }

.about__media-title {
  margin: 0;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.375rem;
}

.about__media-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 73px 0 0;
}
.about__media-list li { margin-right: 8.75%; }
.about__media-list li:nth-child(6n) { margin-right: 0; }
.about__media-list a {
  display: inline-block;
  vertical-align: middle;
  padding: 40px 0;
  transition: opacity .3s;
}
.about__media-list a:hover { opacity: .6; }
.about__media-list a:focus { outline: none; }
.about__media-list a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

@media (max-width: 1199px) {
  .about__media-inner { padding: 32px 40px 40px; }
  .about__media-list { margin-top: 0; padding-top: 25px; }
  .about__media-list li { width: 33.33%; margin: 0; }
  .about__media-list li:nth-child(3n+2) { text-align: center; }
  .about__media-list li:nth-child(3n) { text-align: right; }
  .about__media-list a { padding: 28px 0; }
}

@media (max-width: 767px) {
  .about__media-inner { padding: 16px; min-height: 250px; }
  .about__media-title { font-size: 1.375rem; line-height: 1.625rem; }
  .about__media-list { padding-top: 55px; }
  .about__media-list li { transform: scale(.82); transform-origin: left center; }
  .about__media-list li:nth-child(3n+2) { transform-origin: center center; }
  .about__media-list li:nth-child(3n) { transform-origin: right center; }
  .about__media-list a { padding: 4px; }
}