@charset "UTF-8";
/* stylelint-disable */
/* ---------- example ---------- */
/*
.selector {
  // только в промежутке tablet..desktop
  @include media-between(tablet, desktop) { ... }

  // ровно «только tablet» (1024..1239)
  @include media-only(tablet) { ... }

  // ≥ 1440
  @include for-desktop { ... }

  // ≤ 767
  @include small-tablet { ... }
}
*/
/* ---------- helpers ---------- */
/* Min-width */
/* Max-width */
/* stylelint-disable */
/* stylelint-disable */
@keyframes ticker-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc((var(--ticker-size, 100%) + var(--ticker-gap, 0px)) * -1));
  }
}
@keyframes ticker-right {
  from {
    transform: translateX(calc((var(--ticker-size, 100%) + var(--ticker-gap, 0px)) * -1));
  }
  to {
    transform: translateX(0);
  }
}
@keyframes ticker-top {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc((var(--ticker-size, 100%) + var(--ticker-gap, 0px)) * -1));
  }
}
@keyframes ticker-bottom {
  from {
    transform: translateY(calc((var(--ticker-size, 100%) + var(--ticker-gap, 0px)) * -1));
  }
  to {
    transform: translateY(0);
  }
}
.article-hero {
  padding: calc(var(--header-height) + 14rem) 0 0;
  position: relative;
  z-index: 1;
}
.article-hero:before {
  width: 100vw;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #34373C 0%, #34373C 82%, #f0f2f5 0%, #f0f2f5 100%);
  z-index: -1;
  pointer-events: none;
}
.article-hero__inner h1 {
  margin: 0;
  padding-bottom: 4rem;
  border-bottom: 0.1rem solid rgba(254, 254, 254, 0.28);
  color: #fefefe;
  font-family: var(--font-title);
  font-size: 6rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
.article-hero__meta {
  margin-top: 3.2rem;
  display: flex;
  align-items: center;
  gap: 5.6rem;
}
.article-hero__crumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  padding: 1.2rem 2rem;
  background: rgba(254, 254, 254, 0.1);
  color: #fefefe;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  position: relative;
}
.article-hero__crumb::after {
  content: "";
  position: absolute;
  right: -3rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 1.6rem;
  background: rgba(254, 254, 254, 0.28);
}
.article-hero__date {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: #fefefe;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--font-title);
}
.article-hero__date img {
  width: 2.8rem;
  height: 2.8rem;
}
.article-hero__image-wrap {
  margin-top: 4rem;
}
.article-hero__image-wrap img {
  width: 100%;
  height: auto;
  min-height: 54rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.sp-toc {
  border: 0.1rem solid rgba(52, 55, 60, 0.1);
  background: #fefefe;
  padding: 3.6rem 2.8rem 2.8rem;
  position: sticky;
  top: var(--header-height);
  align-self: start;
}
.sp-toc .sp-toc__item--has-children .sp-toc__sublist {
  display: flex;
  flex-direction: column;
}
.sp-toc .sp-toc__toggle {
  width: 9px;
  flex-shrink: 0;
  height: 9px;
  position: relative;
  z-index: 1;
}
.sp-toc .sp-toc__toggle:before, .sp-toc .sp-toc__toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: var(--cl-e);
  transition: all 0.3s;
}
.sp-toc .sp-toc__toggle:before {
  width: 100%;
  height: 1px;
}
.sp-toc .sp-toc__toggle:after {
  width: 1px;
  height: 100%;
}
.sp-toc .sp-toc__toggle.active:after {
  opacity: 0;
}
.sp-toc .sp-toc__parent-wrapper {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
.sp-toc__title {
  font-size: 2.8rem;
  color: var(--color-text-main);
  font-family: var(--font-title);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
.sp-toc .sp-toc__item.sp-toc__item--child .sp-toc__link {
  padding: 0.4rem 0 0.4rem 2rem;
  color: #34373C;
  font-family: var(--font-family);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 177%;
  text-transform: capitalize;
}
.sp-toc .sp-toc__content {
  grid-column: 1/-1;
}
.sp-toc > .sp-toc__list {
  list-style: none;
  counter-reset: toc;
  margin: 3.6rem 0 0;
  padding: 0 0 0 2rem;
  display: grid;
  position: relative;
  --toc-progress: 0%;
}
.sp-toc > .sp-toc__list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.2rem;
  background: #d6dbe1;
}
.sp-toc > .sp-toc__list::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.2rem;
  height: var(--toc-progress);
  background: var(--color-accent);
  transition: height 0.22s ease;
}
.sp-toc > .sp-toc__list > .sp-toc__item {
  counter-increment: toc;
  display: grid;
  grid-template-columns: 2rem 1fr;
  padding: 1.2rem 0;
  font-size: 1.8rem;
}
.sp-toc > .sp-toc__list > .sp-toc__item::before {
  content: counter(toc) ".";
  color: var(--color-accent);
  font-family: var(--font-title);
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.77;
  flex: 0 0 auto;
}
.sp-toc > .sp-toc__list > .sp-toc__item a {
  color: #34373c;
  text-decoration: none;
  font-family: var(--font-title);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.35;
  text-transform: capitalize;
}
.sp-toc > .sp-toc__list > .sp-toc__item a:hover, .sp-toc > .sp-toc__list > .sp-toc__item a:focus-visible {
  color: var(--color-accent);
}
.sp-toc > .sp-toc__list > .sp-toc__item a.is-active {
  color: #34373c;
}

.desc-aside {
  position: relative;
  padding: 8rem 0;
  overflow: visible;
  z-index: 1;
  display: grid;
  grid-template-columns: clamp(850px, 64.573vw, 105.9rem) minmax(0, 1fr);
  gap: 6.4rem;
  align-items: start;
}
.desc-aside .editor {
  gap: 0;
}
.desc-aside .editor > :first-child {
  margin-top: 0 !important;
}
.desc-aside .editor > * {
  margin: 0;
}
.desc-aside .editor > p {
  color: rgba(52, 55, 60, 0.7);
}
.desc-aside .editor > p strong {
  color: #34373c;
}
.desc-aside .editor p a {
  color: var(--color-accent);
  font-weight: 700;
  text-decoration: none;
}
.desc-aside .editor p a:hover, .desc-aside .editor p a:focus-visible {
  color: var(--color-accent-dark);
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.desc-aside .editor .h1, .desc-aside .editor .h2, .desc-aside .editor .h3, .desc-aside .editor .h4, .desc-aside .editor .h5, .desc-aside .editor .h6, .desc-aside .editor h1, .desc-aside .editor h2, .desc-aside .editor h3, .desc-aside .editor h4, .desc-aside .editor h5, .desc-aside .editor h6 {
  margin-top: 4.8rem;
}
.desc-aside .editor .h1 + p, .desc-aside .editor .h2 + p, .desc-aside .editor .h3 + p, .desc-aside .editor .h4 + p, .desc-aside .editor .h5 + p, .desc-aside .editor .h6 + p, .desc-aside .editor h1 + p, .desc-aside .editor h2 + p, .desc-aside .editor h3 + p, .desc-aside .editor h4 + p, .desc-aside .editor h5 + p, .desc-aside .editor h6 + p {
  margin-top: 2.4rem;
}
.desc-aside .editor .h1 + div, .desc-aside .editor .h2 + div, .desc-aside .editor .h3 + div, .desc-aside .editor .h4 + div, .desc-aside .editor .h5 + div, .desc-aside .editor .h6 + div, .desc-aside .editor h1 + div, .desc-aside .editor h2 + div, .desc-aside .editor h3 + div, .desc-aside .editor h4 + div, .desc-aside .editor h5 + div, .desc-aside .editor h6 + div {
  margin-top: 2.4rem;
}
.desc-aside .editor .h1 + ul, .desc-aside .editor .h2 + ul, .desc-aside .editor .h3 + ul, .desc-aside .editor .h4 + ul, .desc-aside .editor .h5 + ul, .desc-aside .editor .h6 + ul, .desc-aside .editor h1 + ul, .desc-aside .editor h2 + ul, .desc-aside .editor h3 + ul, .desc-aside .editor h4 + ul, .desc-aside .editor h5 + ul, .desc-aside .editor h6 + ul {
  margin-top: 2.4rem;
}
.desc-aside .editor > p + p {
  margin-top: 2.4rem;
}
.desc-aside .editor > p + ul {
  margin-top: 2.4rem;
}
.desc-aside .editor > ul + p {
  margin-top: 3.2rem;
}
.desc-aside .editor > p + img,
.desc-aside .editor > img + h2 {
  margin-top: 4.8rem;
}
.desc-aside .editor div > p + p {
  margin-top: 2.4rem;
}
.desc-aside .editor div > p + ul {
  margin-top: 2.4rem;
}
.desc-aside .editor div > ul + p {
  margin-top: 3.2rem;
}
.desc-aside .editor div > p + img,
.desc-aside .editor div > img + h2 {
  margin-top: 4.8rem;
}
.desc-aside .emoji {
  width: 2rem;
  height: 2rem;
}
.desc-aside [class*=wp-image-] {
  width: calc(100% + 50vw - 50%);
  margin-left: calc(50% - 50vw);
  max-width: none;
  height: 44rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-single {
  background: #F6F8FA;
  position: relative;
  z-index: 1;
  margin-top: calc(var(--header-height) * -1);
}
.blog-single__inner {
  display: flex;
  flex-direction: column;
}
.blog-single .logos-sliders {
  display: flex;
  align-items: center;
  flex-direction: column;
  --ticker-gap: clamp(44px, 4vw, 9.2rem);
  gap: var(--ticker-gap);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.blog-single .logos-sliders:before, .blog-single .logos-sliders:after {
  top: 0;
  bottom: 0;
  width: 8.5rem;
  display: flex;
  position: absolute;
  background: linear-gradient(90deg, var(--section-bg) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  z-index: 10;
}
.blog-single .logos-sliders:before {
  left: 0;
}
.blog-single .logos-sliders:after {
  right: 0;
  transform: scaleX(-1);
}
.blog-single .logos-sliders li {
  display: flex;
  align-items: center;
  width: 100%;
}
.blog-single .logos-sliders li:nth-child(even) .logos-sliders__line {
  white-space: nowrap;
  animation: ticker-right 200s linear infinite;
}
.blog-single .logos-sliders li:nth-child(odd) .logos-sliders__line {
  white-space: nowrap;
  animation: ticker-left 200s linear infinite;
}
.blog-single .logos-sliders__line {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--ticker-gap);
}
.blog-single .logos-sliders__line .logo-slide {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  max-width: none;
  flex: 0 0 auto;
  box-sizing: content-box;
}
.blog-single .logos-sliders__line .logo-slide img, .blog-single .logos-sliders__line .logo-slide svg {
  position: static;
  padding-right: clamp(44px, 4vw, 9.2rem);
  max-width: none;
  flex: 0 0 auto;
  box-sizing: content-box;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 35.4rem;
}
@media (max-width: 1440px){
  .desc-aside {
    grid-template-columns: 2.5fr 1.5fr;
  }
}
@media (max-width: 1080px){
  .article-hero {
    padding: calc(var(--header-height) + 36px) 0 0;
  }
}
@media (max-width: 1024px){
  .article-hero__inner h1 {
    font-size: 48px;
  }
  .sp-toc {
    position: relative;
    top: auto;
    width: 100%;
  }
  .desc-aside {
    gap: 24px;
    display: flex;
    flex-direction: column-reverse;
  }
  .desc-aside .editor .h1, .desc-aside .editor .h2, .desc-aside .editor .h3, .desc-aside .editor .h4, .desc-aside .editor .h5, .desc-aside .editor .h6, .desc-aside .editor h1, .desc-aside .editor h2, .desc-aside .editor h3, .desc-aside .editor h4, .desc-aside .editor h5, .desc-aside .editor h6 {
    margin-top: 2.4rem;
  }
  .desc-aside .editor > ul + p {
    margin-top: 2.4rem;
  }
  .desc-aside .editor > p + img,
  .desc-aside .editor > img + h2 {
    margin-top: 2.4rem;
  }
  .desc-aside .editor > p + img {
    width: 100%;
    margin-left: 0;
  }
  .desc-aside .editor div > ul + p {
    margin-top: 24px;
  }
  .desc-aside .editor div > p + img,
  .desc-aside .editor div > img + h2 {
    margin-top: 24px;
  }
  .desc-aside .editor div > p + img {
    width: 100%;
    margin-left: 0;
  }
  .desc-aside {
    padding: 16px 0 88px;
  }
}
@media (max-width: 1023.98px){
  .desc-aside [class*=wp-image-] {
    margin-top: 24px;
    width: 100%;
    margin-left: 0;
  }
  .blog-single .logos-sliders__line .logo-slide img, .blog-single .logos-sliders__line .logo-slide svg {
    max-height: 160px;
  }
}
@media (max-width: 575.98px){
  .blog-single .logos-sliders__line .logo-slide img, .blog-single .logos-sliders__line .logo-slide svg {
    max-height: 80px;
  }
}
/*# sourceMappingURL=single-blog.css.map */