/* Start:/local/templates/syntexpo/css/main.css?178647313826997*/
/**
 * Syntexpo — главная страница
 * Подключение: <link rel="stylesheet" href="css/main.css">
 *
 * Макет: https://www.figma.com/design/xGFeLKx9uGUl3LvexiCgoO/
 * Hero: node 409:14694; страница: «Главная» (409:14690)
 */

@import "/local/templates/syntexpo/css/tokens.css?v=2";
@import "/local/templates/syntexpo/css/base.css?v=2";
@import "/local/templates/syntexpo/css/layout.css?v=2";
@import "/local/templates/syntexpo/css/components.css?v=2";

/* ─── Страница ─── */

.page {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

/* ─── Hero с фоновым изображением ─── */

.hero {
  position: relative;
}

.hero--with-bg {
  background-color: var(--color-black);
  background-size: cover;
  background-position: center;
}

.hero--with-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(29, 30, 32, 0.85);
  pointer-events: none;
}

.hero--with-bg .hero__content,
.hero--with-bg .hero__marquee {
  position: relative;
  z-index: 1;
}

.hero {
  padding-top: var(--header-height);
}

.hero__marquee {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-top: 41px;
  height: 107.25px;
  background: var(--color-black);
  border-block: 2px solid var(--color-bg);
}

.hero__marquee .marquee {
  width: 100%;
  margin-top: -9px;
}

/* ─── Секция портфолио ─── */

.section-portfolio .section__header {
  margin-bottom: var(--space-block);
}

.section-portfolio .section__title {
  max-width: var(--col-wide);
}

.section-portfolio .grid-half {
  gap: var(--space-gap-md);
}

.section-portfolio .section__actions {
  margin-top: 64px;
}

/* ─── Секция услуг ─── */

.section-services .section__header {
  margin-bottom: var(--space-block);
}

.section-services .section__title {
  max-width: 940px;
}

@media (min-width: 1241px) and (max-width: 1919.98px) {
  .section-services {
    --services-content-width: calc(100vw - 2 * var(--space-page));
    --services-title-width: min(940px, calc(var(--services-content-width) * 940 / 1856));
  }

  .section-services .service-accordion__title {
    flex: 0 0 var(--services-title-width);
    max-width: var(--services-title-width);
  }
}

@media (min-width: 541px) and (max-width: 1240px) {
  .section-services {
    --services-content-width: calc(100vw - 2 * var(--space-page-mobile) - 48px);
    --services-title-width: min(940px, calc(var(--services-content-width) * 940 / 1856));
  }

  .section-services .service-accordion__title,
  .section-services .h3.service-accordion__title {
    flex: 0 0 var(--services-title-width);
    max-width: var(--services-title-width);
    width: auto;
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
  }
}

/* ─── Секция кейсов ─── */

.section-cases .section__header {
  margin-bottom: var(--space-block);
}

.section-cases .section__actions {
  margin-top: 64px;
}

.cases-grid {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-inline: var(--space-page);
}

.cases-grid__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-gap-md);
}

@media (min-width: 1241px) {
  .cases-grid__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cases-grid .case-card {
    width: 100%;
    max-width: none;
  }

  .section-cases .case-card__media {
    height: auto;
    aspect-ratio: 602 / 500;
  }
}

@media (max-width: 1240px) {
  .section-cases .case-card {
    width: 100%;
    max-width: none;
  }
}

/* ─── Секция партнёров ─── */

.section-partners .section__header {
  margin-bottom: var(--space-block);
}

.partners-logos {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  width: 100%;
}

.section-partners .partners-marquee .logos-row {
  padding-inline: 0;
}

.partners-marquee {
  overflow: hidden;
  width: 100%;
}

.partners-marquee__track {
  display: flex;
  width: max-content;
  opacity: 0;
  animation: partners-marquee-ltr 55s linear infinite;
}

.partners-marquee__track.is-ready {
  opacity: 1;
}

.partners-marquee--end .partners-marquee__track {
  animation-duration: 65s;
  align-items: flex-end;
}

.partners-marquee:hover .partners-marquee__track {
  animation-play-state: paused;
}

@keyframes partners-marquee-ltr {
  from { transform: translateX(calc(-1 * var(--marquee-shift, 0px))); }
  to { transform: translateX(0); }
}

.section-partners .logo-card {
  min-height: 0;
}

.section-partners .logo-card img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: contain;
  filter: grayscale(1) saturate(0);
  transition: filter var(--transition-base);
}

.section-partners .logo-card:hover img {
  filter: none;
}

/* Размеры логотипов по макету Figma 409:14786 */
.section-partners .logo-card--sber-zvuk img { width: 426px; height: 70px; }
.section-partners .logo-card--moscow img { width: 362px; height: 93px; }
.section-partners .logo-card--profi img { width: 280px; height: 72px; }
.section-partners .logo-card--minpromtorg img { width: 422px; height: 71px; }
.section-partners .logo-card--zvuk img { width: 280px; height: 72px; }
.section-partners .logo-card--rostov img { width: 343px; height: 90px; }
.section-partners .logo-card--sber-market img { width: 503px; height: 70px; }
.section-partners .logo-card--leningrad img { width: 313px; height: 80px; }
.section-partners .logo-card--otis img { width: 280px; height: 72px; }

/* ─── Секция преимуществ (409:15250) ─── */

.section-advantages {
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 120px;
  padding-bottom: 0;
  background: var(--color-bg);
}

.advantages {
  display: flex;
  flex-direction: column;
  gap: 120px;
  padding-bottom: 0;
}

.advantages__block {
  padding-inline: var(--space-page);
}

/* Почему нас выбирают */

.advantages-why__title {
  margin: 0 0 var(--space-block);
}

.advantages-why__title-line {
  display: inline;
}

.advantages-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.advantage-stat {
  padding: 82px 32px 32px 0;
}

@media (min-width: 1241px) {
  .advantages-why .advantages-grid {
    width: 100%;
    height: 506px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .advantage-stat {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 32px 32px 32px 0;
  }

  .advantage-stat:nth-child(even) {
    padding: 32px;
  }
}

@media (min-width: 1921px) {
  .advantages__block.advantages-why {
    padding-inline: 0;
  }

  .advantages-why__title {
    padding-inline: var(--space-page);
  }

  .advantages-why .advantages-grid {
    width: 100%;
    grid-template-columns: minmax(0, 914fr) minmax(0, 941fr);
  }

  .advantages-why .advantage-stat:nth-child(1),
  .advantages-why .advantage-stat:nth-child(3),
  .advantages-why .advantage-stat:nth-child(2),
  .advantages-why .advantage-stat:nth-child(4) {
    width: auto;
    max-width: none;
  }

  .advantages-why .advantage-stat:nth-child(odd) {
    padding-left: var(--space-page);
  }

  .advantages-why .advantage-stat:nth-child(even) {
    padding-right: var(--space-page);
  }
}

@media (min-width: 1920px) and (max-width: 1920px) {
  .advantages-why .advantages-grid {
    grid-template-columns: 914px 941px;
  }

  .advantages-why .advantage-stat:nth-child(1),
  .advantages-why .advantage-stat:nth-child(3) {
    width: 914px;
    max-width: 914px;
  }

  .advantages-why .advantage-stat:nth-child(2),
  .advantages-why .advantage-stat:nth-child(4) {
    width: 941px;
    max-width: 941px;
  }
}

.advantage-stat {
  border-bottom: 1px solid var(--color-black);
}

.advantage-stat:nth-child(odd) {
  border-right: 1px solid var(--color-black);
}

.advantage-stat:nth-child(even) {
  padding-left: 32px;
  padding-right: 0;
}

.advantage-stat__head {
  display: flex;
  align-items: flex-end;
  gap: var(--space-gap-sm);
  flex-wrap: wrap;
  text-transform: uppercase;
}

.advantage-stat__value {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  color: var(--color-green);
}

.advantage-stat__label {
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-line);
  color: var(--color-black);
}

.advantage-stat__label--strong {
  font-weight: 700;
}

.advantage-stat__text {
  margin: var(--space-gap-sm) 0 0;
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  color: var(--color-black);
  opacity: 0.75;
}

.advantage-stat__text--mobile {
  display: none;
}

@media (min-width: 1241px) {
  .advantages-why .advantage-stat {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding-top: 81px;
    padding-bottom: 32px;
  }

  .advantages-why .advantage-stat:nth-child(even) {
    padding-top: 81px;
    padding-bottom: 32px;
  }

  .advantages-why .advantage-stat__head {
    gap: 16px;
    flex-wrap: nowrap;
  }

  .advantages-why .advantage-stat__value {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -1px;
  }

  .advantages-why .advantage-stat__label {
    font-size: 28px;
    line-height: 36px;
    opacity: 1;
  }

  .advantages-why .advantage-stat__text {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 22px;
    opacity: 0.75;
  }
}

/* Команда */

@media (min-width: 1241px) {
  .advantages__block:has(> .advantages-team) {
    padding: 32px;
  }

  .advantages__block .advantages-team {
    width: 100%;
    min-height: 800px;
  }

  .advantages-team__title-line {
    display: block;
    white-space: nowrap;
  }

  .advantages-team__content {
    max-width: none;
    gap: 24px;
  }

  .advantages-team__quote {
    max-width: 736px;
  }

  .advantages-team__text {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
}

.advantages-team {
  position: relative;
  min-height: 800px;
  padding: var(--space-page);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}

.advantages-team__media {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.advantages-team__img,
.advantages-team__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.advantages-team__overlay {
  opacity: 0.15;
}

.advantages-team__content {
  position: relative;
  z-index: 1;
  max-width: var(--col-narrow);
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  color: var(--color-white);
}

.advantages-team__title {
  margin: 0;
  text-transform: uppercase;
}

.advantages-team__title-line {
  display: inline;
}

.advantages-team__title-line--mobile {
  display: none;
}

.advantages-team__quote {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.advantages-team__text {
  margin: 0;
}

/* 6 шагов — sticky scroll */

.advantages-steps {
  --steps-count: 6;
  --steps-viewport-h: 486px;
  --steps-viewport-offset-y: 0px;
  --steps-heading-gap: 24px;
  --steps-layout-t: 0;
  --steps-list-block-h: 606px;
  --steps-list-viewport-h: 486px;
  padding-inline: var(--space-page);
}

.advantages-steps:not(.is-static) {
  height: calc(var(--steps-count) * 100vh);
}

.advantages-steps__sticky {
  position: sticky;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
  display: grid;
  grid-template-columns: minmax(0, var(--col-narrow)) minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 0;
  row-gap: 40px;
  align-content: end;
  align-items: start;
  padding-bottom: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.advantages-steps__intro {
  grid-column: 1;
  grid-row: 1;
  max-width: var(--col-narrow);
  display: flex;
  flex-direction: column;
  padding-top: 120px;
}

.advantages-steps__cta {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  margin: 0;
  margin-bottom: 120px;
}

.advantages-steps__heading {
  display: flex;
  flex-direction: column;
  gap: var(--steps-heading-gap, 24px);
}

.advantages-steps.is-static .advantages-steps__heading {
  gap: 24px;
}

.advantages-steps__heading .h2 {
  margin: 0;
}

.advantages-steps__title--services {
  display: none;
}

.page--services .advantages-steps__title--default {
  display: none;
}

.page--services .advantages-steps__title--services {
  display: block;
}

.page--services .advantages-steps__title--services .advantages-steps__title-line {
  display: block;
}

@media (min-width: 1025px) {
  .step-card__title {
    white-space: nowrap;
  }

  .step-card__title .step-card__title-line {
    display: inline;
  }

  .step-card__title .step-card__title-line + .step-card__title-line::before {
    content: ' ';
  }
}

@media (max-width: 1024px) {
  .step-card__title .step-card__title-line {
    display: block;
  }
}

.advantages-steps__heading .text-large {
  margin: 0;
}

.advantages-steps__subtitle-mobile {
  display: none;
}

.advantages-steps__viewport {
  grid-column: 2;
  grid-row: 1 / span 2;
  position: relative;
  align-self: end;
  justify-self: end;
  min-height: var(--steps-viewport-h, 486px);
  height: var(--steps-viewport-h, 486px);
  max-width: var(--col-wide);
  width: 100%;
  overflow: hidden;
}

.advantages-steps__stack {
  position: relative;
  width: 916px;
  max-width: 100%;
  height: var(--steps-viewport-h, 486px);
  margin-left: auto;
  overflow: hidden;
}

.advantages-steps__stack .step-card {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 916px;
  max-width: 100%;
  margin: 0;
  transform: translateX(-50%);
  transition:
    bottom 0.45s ease,
    width 0.45s ease,
    transform 0.45s ease,
    opacity 0.45s ease,
    background-color 0.45s ease;
  transform-origin: bottom center;
  will-change: bottom, width, transform, opacity;
}

@media (min-width: 1345px) {
  .advantages-steps:not(.is-static) .advantages-steps__stack .step-card {
    transition: none;
  }
}

.advantages-steps__stack .step-card.is-past .step-card__bg-img {
  opacity: 0;
}

.advantages-steps__stack .step-card.is-past .step-card__bg {
  background: var(--step-stack-bg, #b6b7b9);
}

.advantages-steps__stack .step-card.is-past.is-past-3 .step-card__body {
  opacity: 0.25;
}

.advantages-steps__stack .step-card.is-past.is-past-3 .step-card__num {
  opacity: 0.25;
}

.advantages-steps__stack .step-card.is-future {
  opacity: 0;
  pointer-events: none;
}

.advantages-steps.is-steps-list:not(.is-steps-stack) .advantages-steps__stack .step-card.is-future {
  opacity: 1;
}

.advantages-steps.is-steps-list:not(.is-steps-stack) .advantages-steps__stack .step-card.is-beyond-list {
  opacity: 0;
  pointer-events: none;
}

.advantages-steps.is-steps-list.is-steps-list-peek .advantages-steps__stack .step-card.is-future {
  opacity: 1;
}

@media (min-width: 1345px) {
  .advantages-steps.is-steps-list:not(.is-steps-stack):not(.is-static) .advantages-steps__viewport {
    align-self: end;
    margin-top: 0;
    height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    min-height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    max-height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    overflow: hidden;
  }

  .advantages-steps.is-steps-list.is-steps-list-peek:not(.is-static) .advantages-steps__stack {
    overflow: visible;
  }

  .advantages-steps.is-steps-list.is-steps-stack:not(.is-static) .advantages-steps__viewport {
    align-self: start;
    margin-top: var(--steps-viewport-offset-y, 0);
    height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    min-height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    max-height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    overflow: visible;
  }

  .advantages-steps.is-steps-list:not(.is-static) .advantages-steps__stack {
    height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    min-height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    max-height: var(--steps-viewport-h, var(--steps-list-viewport-h));
    overflow: hidden;
  }

  .advantages-steps.is-steps-list.is-steps-stack:not(.is-static) .advantages-steps__stack {
    overflow: visible;
  }
}

.advantages-steps.is-steps-list.is-steps-stack .advantages-steps__fade {
  opacity: 0;
}

.advantages-steps.is-steps-list.is-steps-list-peek:not(.is-steps-stack) .advantages-steps__fade {
  opacity: 1;
}

.advantages-steps__fade {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 916px;
  max-width: 100%;
  height: 142px;
  z-index: 40;
  background: linear-gradient(180deg, rgba(232, 233, 235, 0) 0%, #e8e9eb 100%);
  pointer-events: none;
}

.advantages-steps:not(.is-steps-list):not(.is-static) .advantages-steps__fade {
  opacity: 0;
}

.advantages-steps.is-static {
  height: auto;
}

.advantages-steps.is-static .advantages-steps__sticky {
  position: relative;
  top: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-block: 0;
  gap: 0;
}

.advantages-steps.is-static .advantages-steps__intro {
  max-width: none;
  padding: 24px 0 0;
}

.advantages-steps.is-static .advantages-steps__viewport {
  min-height: 0;
  margin-top: 157px;
}

.advantages-steps.is-static .advantages-steps__cta {
  align-self: center;
  width: 360px;
  max-width: calc(100% - 24px);
  margin: 64px auto 80px;
}

.advantages-steps.is-static .advantages-steps__stack {
  position: static;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.advantages-steps.is-static .advantages-steps__stack .step-card {
  position: relative;
  left: auto;
  bottom: auto;
  transform: none;
  width: 100%;
  min-height: 0;
  padding: 24px 16px;
  gap: 16px;
  opacity: 1;
  pointer-events: auto;
}

.advantages-steps.is-static .step-card__bg-img {
  display: none;
}

.advantages-steps.is-static .step-card__body {
  gap: 16px;
  max-width: none;
}

.advantages-steps.is-static .advantages-steps__heading .h2 {
  font-size: 56px;
  line-height: 60px;
  letter-spacing: -1px;
}

.advantages-steps.is-static .advantages-steps__heading .text-large {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: var(--color-gray);
}

.advantages-steps.is-static .step-card__title {
  font-size: 28px;
  line-height: 36px;
}

.advantages-steps.is-static .step-card__text {
  font-size: 16px;
  line-height: 20px;
}

.advantages-steps.is-static .step-card__num {
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -1px;
}

.advantages-steps.is-static .advantages-steps__fade {
  display: none;
}

/* ─── Секция отзывов ─── */

.section-reviews {
  --reviews-pad: var(--space-page);
  --reviews-peek: 80px;
  padding-left: var(--reviews-pad);
  padding-right: var(--reviews-pad);
}

.section-reviews__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-gap-lg);
  margin-bottom: 40px;
}

.section-reviews__intro {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.section-reviews__title {
  margin: 0;
}

.section-reviews__title-line {
  display: inline;
}

.section-reviews__subtitle {
  margin: 0;
}

.section-reviews__subtitle p {
  margin: 0;
}

.section-reviews__subtitle-mobile {
  display: none;
}

.section-reviews__row {
  display: flex;
  gap: var(--space-gap-md);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--reviews-pad) 0;
  scrollbar-width: none;
  margin-right: calc(-1 * var(--reviews-pad));
  -webkit-overflow-scrolling: touch;
}

.section-reviews__row::after {
  content: "";
  flex: 0 0 var(--reviews-pad);
  scroll-snap-align: none;
}

.section-reviews__row::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1241px) {
  .section-reviews {
    --reviews-peek: max(
      80px,
      calc(100vw - var(--reviews-pad) * 2 - var(--col-narrow) * 2 - var(--space-gap-md) * 2)
    );
  }

  .section-reviews .review-card {
    flex: 0 0 var(--col-narrow);
  }
}

/* ─── Секция FAQ (409:15381) ─── */

.section-faq__layout {
  display: flex;
  align-items: flex-start;
  gap: 0;
  padding-inline: var(--space-page);
}

.section-faq__title {
  flex: 0 0 940px;
  max-width: 940px;
  margin: 0;
}

.section-faq__title span {
  display: block;
}

.section-faq__list {
  flex: 0 0 var(--col-half);
  max-width: var(--col-half);
  min-width: 0;
}

@media (min-width: 1921px) {
  .section-faq__list {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
  }
}

/* ─── Секция новостей (409:15415) ─── */

.section-news {
  padding-inline: var(--space-page);
}

.section-news__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}

.section-news__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
  width: 100%;
}

.section-news__title {
  margin: 0;
}

.section-news__grid {
  display: flex;
  gap: var(--space-gap-md);
  align-items: flex-start;
}

.section-news__grid > .news-card {
  flex: 1 1 0;
  min-width: 0;
  transition: flex var(--news-card-flex-duration) var(--news-card-flex-ease);
}

.section-news__grid .news-card__media img {
  transition: transform var(--news-card-flex-duration) var(--news-card-flex-ease);
}

.section-news__grid .news-card__title,
.section-news__grid .news-card__title a {
  transition: color var(--news-card-flex-duration) var(--news-card-flex-ease);
}

@media (hover: hover) and (max-width: 1919.98px) {
  .section-news__grid > .news-card:hover {
    flex: 2 1 0;
  }
}

@media (min-width: 1920px) {
  .section-news__grid > .news-card {
    flex: 1 1 0;
  }

  .section-news__grid .news-card--featured .news-card__media::after {
    content: none;
  }
}

@media (min-width: 1920px) and (hover: hover) {
  .section-news__grid > .news-card:hover {
    flex: 0 0 var(--news-card-expanded);
  }

  .section-news__grid .news-card:hover .news-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
  }
}

/* ─── Секция CTA (409:15444) ─── */

.section-cta {
  padding-inline: var(--space-page);
}

@media (min-width: 1345px) {
  .section-cta .cta-block {
    min-height: 665px;
  }

  /* Figma 409:15450 — колонка 916px (884 + pr-32), py-64; 409:15451 — контент 884×537 */
  .section-cta .cta-block__intro {
    overflow: visible;
    flex: 0 0 auto;
  }

  .section-cta .cta-block__intro .cta-block__decor {
    top: auto;
    left: auto;
    bottom: -690.32px;
    right: 44px;
    width: 792.225px;
    height: 794.529px;
  }

  .section-cta .cta-block__intro .cta-block__decor-rotate {
    transform: rotate(-5.62deg);
  }

  .section-cta .cta-block__intro .cta-block__decor-inner {
    width: 724.517px;
    height: 727.084px;
  }

  /* Figma 409:15464 — заголовок 940px, текст 916px */
  .section-seo {
    padding-bottom: var(--space-section);
  }
}

@media (min-width: 1345px) and (max-width: 1920px) {
  .section-seo__content {
    flex: 0 0 var(--col-half);
    max-width: var(--col-half);
  }
}

@media (min-width: 1345px) and (max-width: 1780px) {
  .section-cta .cta-block__layout {
    min-width: 0;
  }

  .section-cta .cta-block__form {
    flex: 0 1 916px;
    width: auto;
    max-width: 916px;
    min-width: 0;
    padding: 64px var(--space-page) 64px 0;
    margin: 0;
    box-sizing: border-box;
  }

  .section-cta .cta-block__form-inner {
    width: 100%;
    max-width: 884px;
    flex: none;
  }
}

@media (min-width: 1781px) {
  /* Figma 409:15450 — колонка 916px (884 + pr-32), py-64; 409:15451 — контент 884×537 */
  .section-cta .cta-block__form {
    flex: 0 0 916px;
    width: 916px;
    max-width: 916px;
    padding: 64px var(--space-page) 64px 0;
    margin: 0;
  }

  .section-cta .cta-block__form-inner {
    width: 884px;
    flex: none;
  }
}

/* ─── SEO-текст (409:15464 / 409:21009) ─── */

.section-seo__layout {
  display: flex;
  align-items: flex-start;
  gap: 0;
  padding-inline: var(--space-page);
}

.section-seo__title {
  flex: 0 0 940px;
  max-width: 940px;
  margin: 0;
  color: var(--color-black);
}

.section-seo__title--desktop > span,
.section-seo__title--mobile > span {
  display: block;
}

.section-seo__title--mobile {
  display: none;
}

.section-seo__content {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.section-seo__content.is-expanded {
  gap: var(--space-gap-lg);
}

.section-seo__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
}

.section-seo__text {
  position: relative;
}

.section-seo__content.is-clampable:not(.is-expanded) .section-seo__text::after {
  content: "...";
  display: block;
  margin: 0;
  line-height: var(--text-body-line);
  font-size: inherit;
  color: inherit;
}

.section-seo__content.is-expanded .section-seo__text::after {
  content: none;
}

.section-seo__text p,
.section-seo__extra-text p {
  margin: 0;
}

.section-seo__text p + p,
.section-seo__extra-text p + p {
  margin-top: var(--text-body-line);
}

.section-seo__extra {
  display: none;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.section-seo__content.is-expanded .section-seo__extra {
  display: flex;
}

.section-seo__subtitle {
  margin: 0;
}

.section-seo__toggle {
  align-self: flex-start;
  width: 158px;
}

@media (min-width: 1921px) {
  .section-seo__title {
    flex: 940 1 0;
    max-width: none;
    min-width: 0;
  }

  .section-seo__content {
    flex: 916 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
  }
}

@media (max-width: 1024px) {
  .logos-row--end {
    justify-content: flex-start;
  }

  .cases-grid {
    padding-inline: var(--space-page-mobile);
  }

  .cases-grid__row {
    grid-template-columns: 1fr;
  }

  .section-cases .case-card {
    max-width: none;
  }

  .section-news__grid {
    flex-direction: column;
  }

  .section-news__grid > .news-card {
    flex: none;
    width: 100%;
  }

  .section-faq__layout {
    flex-direction: column;
  }

  .section-faq__title {
    flex: none;
    max-width: none;
  }

  .section-faq__list {
    flex: 1 1 auto;
    max-width: none;
  }

  .section-seo__layout {
    flex-direction: column;
    gap: var(--space-block);
  }

  .section-seo__title {
    flex: none;
    max-width: none;
  }

  .advantages-team {
    min-height: 480px;
  }

}

/* ─── Утилиты ─── */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-services.css?178638709517164*/
/**
 * Страница «Услуги» — Figma 409:8079 / 409:8080
 */

.page--services {
  background: var(--color-white);
}

/* ─── Hero внутренней страницы ─── */

.page-hero {
  padding-top: var(--header-height);
}

.page-hero__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  padding: var(--space-gap-md) var(--space-page) 0;
}

.page-hero__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-transform: uppercase;
}

.page-hero__title-line {
  display: block;
}

.page-hero__title-line--desktop {
  display: none;
}

.page-hero__title-line--tablet {
  display: none;
}

.service-formats__breadcrumb {
  display: none;
}

.page-hero__lead {
  margin: 0;
  max-width: 916px;
  font-weight: 500;
}

/* ─── Категории услуг ─── */

.service-formats {
  display: flex;
  flex-direction: column;
}

.service-formats__intro {
  display: flex;
  flex-direction: column;
}

.service-formats__list {
  display: flex;
  flex-direction: column;
}

.service-formats__actions {
  display: flex;
  justify-content: center;
  padding-inline: var(--space-page);
  margin-top: var(--space-block);
}

.service-formats__cta {
  color: var(--color-bg);
}

.service-format {
  margin-inline: var(--space-page);
  border-bottom: 1px solid var(--color-gray);
  padding-block: var(--space-gap-lg);
  transition: border-color var(--transition-fast);
}

.service-format__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  margin-bottom: var(--space-gap-lg);
}

.service-format__meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.service-format__title {
  margin: 0;
  color: var(--color-black);
  text-transform: uppercase;
  transition: color var(--transition-fast);
}

.service-format__title-line {
  display: block;
}

.service-format__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-gap-sm);
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.service-format__link:hover .service-format__title,
.service-format__link:focus-visible .service-format__title {
  color: var(--color-green);
}

.service-format__link-icon {
  flex-shrink: 0;
  width: 19px;
  height: 35px;
}

.service-format__desc {
  margin: 0;
  max-width: 916px;
  color: var(--color-black);
}

.service-format__price {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-line);
  letter-spacing: var(--text-h4-tracking);
  color: var(--color-gray);
  text-transform: uppercase;
  white-space: nowrap;
}

.service-format__gallery {
  display: flex;
  gap: var(--space-gap-sm);
  width: calc(100% + var(--space-page));
  margin-right: calc(-1 * var(--space-page));
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  color: inherit;
  text-decoration: none;
}

.service-format__gallery::-webkit-scrollbar {
  display: none;
}

.service-format__gallery-track {
  display: flex;
  gap: var(--space-gap-sm);
  width: max-content;
}

.service-format__gallery .service-gallery__card {
  flex: 0 0 536px;
  height: 300px;
  border-radius: var(--radius-md);
  overflow: hidden;
  scroll-snap-align: start;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .service-format__gallery[data-service-gallery] {
    overflow: hidden;
    scroll-snap-type: none;
    gap: 0;
  }

  .service-format__gallery[data-service-gallery] .service-format__gallery-track.is-ready {
    animation: service-gallery-marquee 40s linear infinite;
    animation-play-state: paused;
  }

  .service-format__gallery[data-service-gallery]:hover .service-format__gallery-track.is-ready {
    animation-play-state: running;
  }
}

@keyframes service-gallery-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.service-gallery__card {
  display: block;
}

.service-gallery__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-format--compact .service-format__head {
  margin-bottom: 0;
}

@media (min-width: 1025px) {
  .page-hero__inner {
    gap: 0;
    padding: var(--space-gap-md) var(--space-page) 0;
  }

  .page-hero__title {
    max-width: 1058px;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
  }

  .page-hero__title-line--desktop {
    display: block;
  }

  .page-hero__title-line--mobile {
    display: none;
  }

  .service-formats {
    gap: var(--space-block);
    align-items: center;
  }

  .service-formats__intro {
    width: 100%;
    padding-inline: var(--space-page);
  }

  .service-formats__intro .page-hero__lead {
    display: none;
  }

  .service-formats__list {
    width: 100%;
  }

  .service-formats__actions {
    margin-top: 0;
  }

  .service-formats__cta {
    width: 297px;
    max-width: none;
  }

  .service-format {
    padding-block: var(--space-block);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-gray);
    transition: box-shadow var(--transition-fast);
  }

  .service-format:hover,
  .service-format:has(.service-format__link:focus-visible),
  .service-format:has(.service-format__gallery:focus-visible) {
    box-shadow: inset 0 -1px 0 var(--color-green);
  }

  .service-format:hover .service-format__title,
  .service-format:has(.service-format__link:focus-visible) .service-format__title,
  .service-format:has(.service-format__gallery:focus-visible) .service-format__title {
    color: var(--color-green);
  }

  .service-format__title-line {
    display: inline;
  }

  .service-format__title-line + .service-format__title-line::before {
    content: ' ';
  }

  .service-format__title:has(.service-format__title-line) {
    white-space: nowrap;
  }

  .service-format__link-icon {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1450px) {
  .service-format__head {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-gap-md);
    margin-bottom: var(--space-gap-lg);
  }

  .service-format__link {
    flex: none;
    width: 100%;
    max-width: 100%;
    min-height: 66px;
    min-width: 0;
    align-items: center;
  }

  .service-format__meta {
    flex: none;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-gap-md);
    min-width: 0;
    width: 100%;
  }

  .service-format__desc {
    max-width: none;
    flex: 1 1 auto;
    min-width: 0;
  }
}

@media (min-width: 1451px) {
  .service-format__head {
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-gap-md);
    margin-bottom: var(--space-gap-lg);
    min-width: 0;
  }

  .service-format__link {
    flex: 0 1 var(--service-format-link-width, 940px);
    width: var(--service-format-link-width, 940px);
    max-width: var(--service-format-link-width, 940px);
    min-height: 66px;
    min-width: 0;
    align-items: center;
  }

  .service-format__title {
    min-width: 0;
  }

  .service-format__meta {
    flex: 1 1 0;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-gap-md);
    min-width: 0;
  }

  .service-format__desc {
    max-width: none;
    flex: 0 1 472px;
    min-width: 0;
  }
}

@media (min-width: 1451px) and (max-width: 1920px) {
  .page--services {
    --service-format-link-width: min(
      940px,
      calc((100vw - 2 * var(--space-page)) * 940 / 1856)
    );
  }
}

@media (max-width: 1024px) {
  .page--services .page-hero__inner {
    gap: 0;
    padding: 16px var(--space-page-mobile) 0;
  }

  .page--services .service-formats__intro {
    display: flex;
    flex-direction: column;
    gap: var(--space-gap-lg);
    padding: var(--space-gap-lg) var(--space-page-mobile) 0;
  }

  .page--services .page-hero__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page--services .page-hero__title-line--desktop {
    display: none;
  }

  .page--services .page-hero__lead {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .page--services .section.service-formats {
    padding-top: 0;
  }

  .page--services .service-formats {
    gap: var(--space-gap-lg);
  }

  .page--services .service-formats__actions {
    margin-top: 0;
  }

  .page--services .page-hero .breadcrumb {
    gap: 4px;
  }

  .page--services .page-hero .breadcrumb__item,
  .page--services .page-hero .breadcrumb__item a {
    font-size: var(--text-small-size);
    line-height: var(--text-small-line);
  }

  .page--services .service-format {
    margin-inline: var(--space-page-mobile);
    border-bottom-color: var(--color-black);
  }

  .page--services .service-format__title {
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-line);
    letter-spacing: var(--text-h3-tracking);
  }

  .page--services .service-format__head {
    gap: var(--space-gap-md);
    margin-bottom: var(--space-gap-md);
  }

  .page--services .service-format__meta {
    gap: var(--space-gap-md);
  }

  .page--services .service-format__desc {
    font-size: var(--text-large-size);
    line-height: var(--text-large-line);
    max-width: none;
  }

  .page--services .service-formats__actions {
    padding-inline: var(--space-page-mobile);
  }

  .page--services .service-format__gallery {
    --service-gallery-peek: 80px;
    width: calc(100% + var(--space-page-mobile));
    margin-right: calc(-1 * var(--space-page-mobile));
  }

  .page--services .service-format__gallery .service-gallery__card {
    flex: 0 0 min(536px, calc(100vw - var(--space-page-mobile) - var(--service-gallery-peek)));
  }

}

/* Figma 409:9316 — tablet 744px: intro = крошки + заголовок + lead */
@media (min-width: 541px) and (max-width: 1024px) {
  .page--services .page-hero {
    display: none;
  }

  .page--services .service-formats__breadcrumb {
    display: flex;
  }

  .page--services .service-formats__intro {
    gap: var(--space-gap-lg);
    padding: calc(var(--header-height) + var(--space-gap-sm)) var(--space-page-mobile) var(--space-gap-lg);
  }

  .page--services .service-formats {
    gap: var(--space-block);
  }

  .page--services .service-formats__intro .breadcrumb {
    gap: 4px;
  }

  .page--services .service-formats__breadcrumb .breadcrumb__item,
  .page--services .service-formats__breadcrumb .breadcrumb__item a {
    font-size: var(--text-small-size);
    line-height: var(--text-small-line);
  }

  .page--services .page-hero__title-line--tablet {
    display: block;
  }

  .page--services .page-hero__title-line--mobile {
    display: none;
  }

  /* Figma 409:9320 — список услуг */
  .page--services .service-formats__list {
    padding-inline: var(--space-page-mobile);
  }

  .page--services .service-formats__list .service-format {
    margin-inline: 0;
    padding-block: var(--space-gap-lg);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-black);
    transition: box-shadow var(--transition-fast);
  }

  .page--services .service-formats__list .service-format__link {
    width: 100%;
    align-items: center;
  }

  .page--services .service-formats__list .service-format__title-line {
    display: inline;
  }

  .page--services .service-formats__list .service-format__title-line + .service-format__title-line::before {
    content: ' ';
  }

  .page--services .service-formats__list .service-format__title:has(.service-format__title-line) {
    white-space: nowrap;
  }

  .page--services .service-formats__list .service-format__link-icon {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    min-width: 56px;
    max-width: none;
    padding: 11.665px 19.835px;
    flex-shrink: 0;
  }

  .page--services .service-formats__list .service-format__head {
    gap: var(--space-gap-md);
    margin-bottom: var(--space-gap-md);
  }

  .page--services .service-formats__list .service-format__meta {
    gap: var(--space-gap-md);
  }

  .page--services .service-formats__list .service-format__desc {
    max-width: 557px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }

  .page--services .service-formats__list .service-format__gallery {
    --service-gallery-peek: 80px;
    width: calc(100% + var(--space-page-mobile));
    margin-right: calc(-1 * var(--space-page-mobile));
  }

  .page--services .service-formats__list .service-format__gallery .service-gallery__card {
    flex: 0 0 min(536px, calc(100vw - var(--space-page-mobile) * 2 - var(--service-gallery-peek)));
    height: 300px;
  }

  .page--services .service-formats__list .service-format--compact .service-format__head {
    margin-bottom: 0;
  }

  .page--services .service-formats__actions {
    display: none;
  }
}

@media (max-width: 540px) {
  .page--services .page-hero__inner {
    gap: 0;
    padding: 12px var(--space-page-mobile) 0;
  }

  .page--services .service-formats__intro {
    gap: 12px;
    padding: 12px var(--space-page-mobile) 0;
  }

  .page--services .page-hero__title-line--desktop {
    display: none;
  }

  .page--services .service-formats {
    gap: 0;
  }

  .page--services .service-formats__actions {
    display: none;
  }

  .page--services .page-hero__title {
    padding: 12px;
    margin-inline: calc(-1 * var(--space-page-mobile));
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--services .page-hero__title-line--mobile {
    display: block;
  }

  .page--services .page-hero__title-line--tablet {
    display: none;
  }

  .page--services .page-hero__lead {
    font-size: var(--text-large-size);
    line-height: var(--text-large-line);
    font-weight: 500;
  }

  .page--services .service-format {
    padding-block: var(--space-gap-md);
  }

  .page--services .service-format__title {
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
  }

  .page--services .service-format__head {
    gap: var(--space-gap-sm);
    margin-bottom: var(--space-gap-md);
  }

  .page--services .service-format:first-child .service-format__head {
    gap: var(--space-gap-md);
  }

  .page--services .service-format__meta {
    gap: var(--space-gap-md);
  }

  .page--services .service-format:first-child .service-format__desc {
    font-size: var(--text-large-size);
    line-height: var(--text-large-line);
  }

  .page--services .service-format:not(:first-child) .service-format__desc {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line);
  }

  .page--services .service-format__link-icon {
    box-sizing: content-box;
    width: 19px;
    height: 35px;
    padding: 6.5px 14.5px;
  }

  .page--services .service-format__gallery {
    --service-gallery-peek: 26px;
  }

  .page--services .service-format__gallery .service-gallery__card {
    flex: 0 0 min(322px, calc(100vw - var(--space-page-mobile) - var(--service-gallery-peek)));
    height: 180px;
    border-radius: 4.8px;
  }

  /* Figma 409:11274 — список услуг */
  .page--services .service-formats__list {
    margin-top: var(--space-section);
    padding-inline: var(--space-page-mobile);
  }

  .page--services .service-formats__list .service-format {
    margin-inline: 0;
    padding-block: var(--space-gap-md);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-black);
    transition: box-shadow var(--transition-fast);
  }

  .page--services .service-formats__list .service-format__link {
    width: 100%;
    align-items: center;
  }

  .page--services .service-formats__list .service-format--compact .service-format__head {
    margin-bottom: 0;
  }

  .page--services .service-formats__list .service-format:first-child .service-format__gallery {
    gap: 9.6px;
  }

  .page--services .section-seo.section {
    padding-bottom: var(--space-section);
  }

  .page--services .section-seo__layout {
    padding-bottom: 0;
  }

}

/* ─── Ритм секций: --space-section 160 / 120 / 80 ─── */

.page--services .section {
  padding-top: calc(var(--space-section) / 2);
  padding-bottom: calc(var(--space-section) / 2);
}

.page--services .page-hero + .section {
  padding-top: var(--space-section);
}

.page--services .advantages {
  gap: var(--space-section);
  padding-bottom: 0;
}

@media (min-width: 1025px) {
  .page--services .page-hero + .section.service-formats {
    padding-top: var(--space-block);
    padding-bottom: 0;
  }

  .page--services .section-advantages.section {
    margin-top: 0;
    margin-bottom: var(--space-section);
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .page--services .service-formats + .section-advantages.section {
    margin-top: var(--space-section);
  }

  .page--services .section-seo.section {
    padding-bottom: var(--space-section);
  }
}

@media (max-width: 1024px) {
  .page--services .page-hero + .section.service-formats {
    padding-top: 0;
  }
}

@media (min-width: 541px) and (max-width: 1024px) {
  .page--services .section-seo.section {
    padding-bottom: 0;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-privacy.css?17863870955957*/
/**
 * Страница «Политика конфиденциальности» — Figma 409:25466 / 409:25236 / 409:25353
 */

.page--privacy {
  background: var(--color-white);
}

.page-privacy {
  padding-top: var(--header-height);
  padding-bottom: var(--space-section);
}

.page-privacy__shell {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
  padding: var(--space-gap-md) var(--space-page) 0;
}

.page--privacy .breadcrumb {
  flex-wrap: nowrap;
  min-width: 0;
  max-width: 100%;
}

.page--privacy .breadcrumb__item:not(:last-child) {
  flex-shrink: 0;
}

.page--privacy .breadcrumb__item:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-privacy__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
  width: 100%;
  max-width: 1152px;
  margin-inline: auto;
}

.page-privacy__title {
  margin: 0;
  max-width: 501px;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-transform: uppercase;
  color: var(--color-black);
}

.page-privacy__title-line {
  display: block;
}

.page-privacy__title-line--desktop {
  display: none;
}

.privacy-sections {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  width: 100%;
}

.privacy-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.privacy-section__title {
  margin: 0;
  color: #282827;
  text-transform: uppercase;
}

.privacy-section__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  color: var(--color-gray);
}

.privacy-section__body p {
  margin: 0 0 var(--text-body-line);
}

.privacy-section__body p:last-child {
  margin-bottom: 0;
}

.privacy-section__accent {
  color: var(--color-black);
  font-weight: inherit;
}

.page--privacy .privacy-section__body.text-body {
  color: var(--color-gray);
}

.privacy-section__list {
  margin: 0 0 var(--text-body-line);
  padding-left: 27px;
  color: var(--color-gray);
}

.privacy-section__list li {
  margin: 0;
}

.privacy-section__list li + li {
  margin-top: 0;
}

@media (min-width: 1025px) {
  .page-privacy__shell {
    gap: var(--space-block);
    padding-top: var(--space-gap-md);
  }

  .page-privacy__title {
    max-width: 1152px;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
  }

  .page-privacy__title-line--desktop {
    display: block;
  }

  .page-privacy__title-line--mobile {
    display: none;
  }

  .privacy-sections {
    gap: var(--space-gap-lg);
  }

  /* Figma 409:25474 — между разделами 1 и 2: 40px, далее 32px */
  .privacy-sections > .privacy-section:first-child {
    margin-bottom: calc(var(--space-block) - var(--space-gap-lg));
  }

  .privacy-section__body p:has(+ .privacy-section__p--run-in) {
    margin-bottom: 0;
  }

  .privacy-section__body p.privacy-section__p--run-in {
    margin-top: 0;
  }

  /* С 3-й секции — плотный текст; отступ только у подблоков (3.2, 4.2 …) */
  .privacy-sections > .privacy-section:nth-child(n + 3) .privacy-section__body p {
    margin-bottom: 0;
  }

  .privacy-sections > .privacy-section:nth-child(n + 3) .privacy-section__body .privacy-section__list {
    margin-bottom: 0;
  }

  .privacy-sections > .privacy-section:nth-child(n + 3) .privacy-section__body p.privacy-section__p--block-gap {
    margin-top: var(--text-body-line);
  }
}

@media (max-width: 1024px) {
  .page-privacy__shell {
    gap: var(--space-gap-lg);
    padding: var(--space-gap-sm) var(--space-page-mobile) var(--space-gap-lg);
  }

  .page-privacy__content {
    gap: var(--space-gap-lg);
    max-width: none;
  }

  .page-privacy__title {
    max-width: none;
    white-space: normal;
  }

  .privacy-sections {
    gap: var(--space-gap-lg);
  }

  .privacy-sections > .privacy-section:first-child {
    margin-bottom: 0;
  }

  .privacy-section {
    gap: var(--space-gap-md);
  }

  .page--privacy .privacy-section__body.text-body {
    font-size: 18px;
    line-height: 22px;
  }

  .privacy-section__body p {
    margin-bottom: 0;
  }

  .privacy-section__body .privacy-section__list {
    margin-bottom: 0;
  }

  .privacy-section__body p:has(+ .privacy-section__p--run-in) {
    margin-bottom: 0;
  }

  .privacy-section__body p.privacy-section__p--run-in {
    margin-top: 0;
  }

  .privacy-section__body p.privacy-section__p--block-gap {
    margin-top: 0;
  }
}

/* Figma 409:25236 — 744px */
@media (min-width: 541px) and (max-width: 1024px) {
  .page-privacy__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }
}

@media (max-width: 540px) {
  .page-privacy__shell {
    gap: var(--space-gap-md);
    padding: 12px var(--space-page-mobile) 0;
  }

  .page-privacy__content {
    gap: var(--space-block);
  }

  .page-privacy__title {
    max-width: none;
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line);
    letter-spacing: var(--text-h1-tracking);
  }

  .privacy-sections {
    gap: var(--space-gap-md);
  }

  .privacy-section {
    gap: var(--space-gap-sm);
  }

  .page--privacy .privacy-section__body.text-body {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line);
  }

  .privacy-section__list {
    padding-left: 24px;
  }

  .privacy-sections > .privacy-section:not(:first-child) .privacy-section__title {
    font-size: 28px;
    line-height: 36px;
  }

  /* Figma 409:25402 — раздел 11 */
  .privacy-sections > .privacy-section:nth-child(12) .privacy-section__body {
    color: var(--color-black);
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-404.css?17863870956809*/
/**
 * Страница 404 — Figma 409:25582 / 409:25682 / 409:25675 / 409:25765 / 409:25793
 */

.page--404 {
  background: var(--color-white);
}

.page-404 {
  padding-top: var(--header-height);
}

.page-404__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  padding: var(--space-gap-md) var(--space-page) 0;
}

.page-404__breadcrumb {
  padding: 0;
}

.page-404__hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-gap-lg);
  min-height: auto;
  text-align: center;
}

.page-404__graphic {
  display: block;
  width: min(100%, 637px);
  height: auto;
}

.page-404__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-gap-lg);
  width: 100%;
}

.page-404__title {
  margin: 0;
  color: var(--color-gray);
  text-transform: uppercase;
}

.page-404__title-line {
  display: block;
}

.page-404__title-line--mobile {
  display: none;
}

.page-404__home-btn {
  width: 100%;
  max-width: 360px;
}

.page-404__suggestions {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  padding-top: var(--space-section);
  padding-bottom: var(--space-section);
}

.page-404__suggestions-title {
  margin: 0;
  padding-inline: var(--space-page);
  text-transform: uppercase;
}

.page-404__cards {
  display: grid;
  gap: var(--space-gap-md);
  padding-inline: var(--space-page);
}

.page-404__cards--desktop {
  display: none;
}

.page-404__cards--mobile {
  grid-template-columns: 1fr;
}

.page-404__card-title-line {
  display: block;
}

.page-404__actions {
  display: flex;
  justify-content: center;
  padding-inline: var(--space-page);
  margin-top: var(--space-gap-lg);
}

/* SEO-блок перед footer — только mobile (Figma 409:25793) */
.page--404 .section-seo {
  display: none;
}

@media (max-width: 540px) {
  .page--404 .section-seo {
    display: block;
  }
}

@media (min-width: 1025px) {
  .page-404__top {
    gap: var(--space-block);
    padding-top: var(--space-gap-md);
  }

  .page-404__hero {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-gap-lg);
    min-height: 500px;
    text-align: left;
  }

  .page-404__graphic {
    flex: 0 1 637px;
    max-width: 45%;
  }

  .page-404__message {
    flex: 1 1 917px;
    max-width: 917px;
    height: 284px;
    align-items: flex-start;
    gap: 32px;
  }

  .page-404__home-btn.btn--lg.btn--has-icon {
    width: 193px;
    max-width: none;
    padding: 25px 28px 25px var(--btn-padding-x);
  }

  .page-404__suggestions {
    gap: 0;
  }

  .page-404__suggestions-title {
    margin-bottom: var(--space-block);
  }

  .page-404__actions {
    margin-top: 64px;
  }
}

@media (min-width: 1345px) {
  .page-404__cards--desktop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }

  .page-404__cards--mobile {
    display: none;
  }
}

@media (max-width: 1344px) {
  .page-404__actions {
    margin-top: var(--space-gap-md);
  }
}

/* Figma 409:25682 / 409:25692 — 744px */
@media (min-width: 541px) and (max-width: 1024px) {
  .page-404__top {
    align-items: flex-start;
    gap: var(--space-gap-lg);
    padding: var(--space-gap-sm) var(--space-page-mobile) var(--space-gap-lg);
  }

  .page-404__hero {
    width: 100%;
    gap: var(--space-gap-lg);
  }

  .page-404__message {
    width: 100%;
    align-items: center;
    gap: var(--space-gap-lg);
  }

  .page-404__graphic {
    width: min(100%, 637px);
    height: auto;
  }

  .page-404__title-line:last-child {
    padding-right: 14px;
  }

  .page-404__home-btn.btn--lg.btn--has-icon {
    width: 193px;
    max-width: none;
  }

  .page-404__suggestions {
    gap: 0;
    margin-top: 80px;
    padding-top: 0;
    padding-bottom: 120px;
  }

  .page-404__suggestions-title {
    margin-bottom: 40px;
    padding-inline: var(--space-page-mobile);
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-line);
    letter-spacing: var(--text-h3-tracking);
  }

  .page-404__cards {
    gap: var(--space-gap-md);
    padding-inline: var(--space-page-mobile);
    --text-large-size: 20px;
    --text-large-line: 28px;
    --text-large-tracking: 0;
  }

  .page-404__cards .text-large.portfolio-card__price {
    margin-bottom: -1px;
  }

  .page-404__actions {
    margin-top: 64px;
    padding-inline: var(--space-page-mobile);
  }
}

/* Figma 409:25765 — 390px */
@media (max-width: 540px) {
  .page-404__top {
    gap: 12px;
    padding: var(--space-page-mobile) var(--space-page-mobile) 0;
  }

  .page-404__hero {
    gap: 0;
    padding-top: var(--space-page-mobile);
    padding-bottom: var(--space-page-mobile);
  }

  .page-404__graphic {
    width: min(100%, 366px);
    margin-bottom: 24px;
  }

  .page-404__message {
    gap: 40px;
    width: 100%;
  }

  .page-404__title-line:not(.page-404__title-line--mobile) {
    display: none;
  }

  .page-404__title-line--mobile {
    display: block;
  }

  .page-404__title-line--mobile:nth-child(2) {
    margin-right: 10px;
  }

  .page-404__home-btn {
    width: 100%;
    max-width: none;
  }

  .page-404__suggestions {
    gap: 0;
    margin-top: 80px;
    padding-top: 0;
    padding-bottom: 80px;
  }

  .page-404__suggestions-title {
    margin-bottom: 32px;
    padding-left: var(--space-page-mobile);
    padding-right: 32px;
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
  }

  .page-404__suggestions-title-line {
    display: block;
  }

  .page-404__cards {
    gap: var(--space-gap-md);
    padding-inline: var(--space-page-mobile);
    --text-large-size: 20px;
    --text-large-line: 28px;
    --text-large-tracking: 0;
  }

  .page-404__cards .portfolio-card {
    width: 100%;
    max-width: 366px;
    height: var(--portfolio-card-height);
  }

  .page-404__cards .portfolio-card__content {
    padding: 16px;
    min-height: 268px;
    box-sizing: border-box;
  }

  .page-404__cards .portfolio-card__title {
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
  }

  .page-404__cards .text-large.portfolio-card__price {
    margin-bottom: -1px;
  }

  .page-404__actions {
    margin-top: 40px;
    padding-inline: var(--space-page-mobile);
  }

  .page-404__actions .btn {
    width: 100%;
    max-width: 360px;
  }

  .page--404 .section-seo.section {
    padding: 0;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-service-detail.css?178845510034908*/
/**
 * Страница услуги (детальная) — Figma 409:8730
 */

.page--service-detail {
  --service-detail-media-width: clamp(366px, 47.708vw, 916px);
  --service-detail-type-media-width: clamp(366px, 47.76vw, 917px);
  --service-detail-media-gap: clamp(56px, 7.292vw, 140px);
  background: var(--color-white);
}

.service-detail-hero {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
  padding-top: var(--header-height);
  padding-bottom: var(--space-section);
}

.service-detail-hero__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  padding: var(--space-gap-md) var(--space-page) 0;
}

.service-detail-hero__body {
  padding-inline: var(--space-page);
}

.service-detail-hero__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
}

.service-detail-hero__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  min-width: 0;
  max-width: 100%;
}

.service-detail-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-gap-lg);
  min-width: 0;
  min-height: 0;
}

.service-detail-hero__title {
  margin: 0;
  max-width: 100%;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-transform: uppercase;
}

.service-detail-hero__title-line {
  display: block;
}

.service-detail-hero__texts {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
  max-width: 800px;
}

.service-detail-hero__lead {
  margin: 0;
  font-weight: 500;
}

.service-detail-hero__note {
  margin: 0;
  opacity: 0.75;
}

.service-detail-hero__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-gap-sm);
}

.service-detail-hero__bottom .btn {
  width: 297px;
  max-width: 100%;
}

.service-detail-hero__price {
  margin: 0;
  color: var(--color-black);
}

.service-detail-hero__media {
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 916 / 648;
}

.service-detail-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ─── Подтипы услуг ─── */

.service-detail-types {
  display: flex;
  flex-direction: column;
  padding-inline: var(--space-page);
}

.service-detail-type {
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding-block: var(--space-block);
  border-bottom: none;
  box-shadow: inset 0 -1px 0 var(--color-gray);
  transition: box-shadow var(--transition-fast);
}

.service-detail-type:hover,
.service-detail-type:has(.service-detail-type__link:focus-visible) {
  box-shadow: inset 0 -1px 0 var(--color-green);
}

.service-detail-type__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.service-detail-type__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
}

.service-detail-type__details {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
  max-width: 914px;
}

.service-detail-type__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-gap-sm);
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.service-detail-type:hover .service-detail-type__title,
.service-detail-type:has(.service-detail-type__link:focus-visible) .service-detail-type__title {
  color: var(--color-green);
}

.service-detail-type__link-icon {
  flex-shrink: 0;
  width: 19px;
  height: 35px;
}

.service-detail-type__title {
  margin: 0;
  text-transform: uppercase;
  transition: color var(--transition-fast);
}

.service-detail-type__desc {
  margin: 0;
}

.service-detail-type__desc-line {
  display: block;
}

.service-detail-type__desc--desktop {
  display: none;
}

.service-detail-type__price {
  margin: 0;
  color: var(--color-gray);
}

.service-detail-type__cta {
  align-self: flex-start;
  padding: var(--btn-padding-compact) 28px var(--btn-padding-compact) var(--btn-padding-x);
}

.service-detail-type__media {
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 916 / 400;
}

.service-detail-type__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ─── Тарифы (619:10954 — service-stand) ─── */

.page--service-stand {
  --service-stand-section-gap: var(--space-section);
}

.page--service-stand .service-detail-hero {
  padding-bottom: 0;
}

.page--service-stand .service-detail-hero + .service-detail-tariffs,
.page--service-stand .service-detail-tariffs + .service-detail-levels,
.page--service-stand .service-detail-levels + .service-detail-types {
  margin-top: var(--service-stand-section-gap);
}

.service-detail-tariffs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-inline: var(--space-page);
}

.service-detail-tariffs__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-gap-md);
  padding-block: 40px;
}

.service-detail-tariffs__title {
  margin: 0;
  max-width: 940px;
  font-weight: 700;
  text-transform: uppercase;
}

.service-detail-tariffs__lead {
  margin: 0;
  max-width: 916px;
  color: var(--color-gray);
  font-weight: 500;
}

.service-detail-tariffs__lead-line--tablet,
.service-detail-tariffs__head-label--tablet {
  display: none;
}

.service-detail-tariffs__lead-line--mobile {
  display: none;
}

.service-detail-tariffs__cell-line {
  display: inline;
}

.service-detail-tariffs__table {
  width: calc(100% + 2 * var(--space-page));
  margin-inline: calc(-1 * var(--space-page));
  overflow: hidden;
  background: var(--color-bg);
}

.service-detail-tariffs__row {
  display: grid;
  grid-template-columns: minmax(0, 352fr) minmax(0, 587fr) minmax(0, 565fr) minmax(0, 352fr);
  align-items: center;
  padding-inline: 32px;
  background: #e4e7e8;
  box-shadow: inset 0 -1px 0 var(--color-border);
}

.service-detail-tariffs__row--head {
  min-height: 116px;
}

.service-detail-tariffs__cell {
  min-width: 0;
  padding: 24px 16px;
}

.service-detail-tariffs__cell--head {
  padding-block: 0;
  font-family: var(--font-heading);
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-line);
  font-weight: 500;
  letter-spacing: var(--text-h4-tracking);
  text-transform: uppercase;
  color: var(--color-gray);
}

.service-detail-tariffs__row:not(.service-detail-tariffs__row--head) .service-detail-tariffs__cell {
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  color: var(--color-black);
}

.service-detail-tariffs__row:not(.service-detail-tariffs__row--head) .service-detail-tariffs__cell--accent {
  font-family: var(--font-body);
  font-size: var(--text-large-size);
  line-height: var(--text-large-line);
  letter-spacing: var(--text-large-tracking);
  font-weight: 500;
}

/* ─── Уровни комплектации (619:9524 — service-stand) ─── */

.service-detail-levels {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-inline: var(--space-page);
}

.service-detail-levels__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-gap-md);
  padding-block: 40px;
}

.service-detail-levels__title {
  margin: 0;
  max-width: 940px;
  font-weight: 700;
  text-transform: uppercase;
}

.service-detail-levels__lead {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 916px;
}

.service-detail-levels__lead-title {
  margin: 0;
  color: var(--color-black);
  font-weight: 500;
}

.service-detail-levels__lead-text {
  margin: 0;
  color: var(--color-gray);
  font-weight: 500;
}

.service-detail-levels__lead-line--tablet {
  display: none;
}

.service-detail-levels__lead-line--mobile {
  display: none;
}

.service-detail-levels__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.service-detail-levels__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  padding: 16px;
  border-radius: var(--radius-md);
  background: var(--color-black);
}

.service-detail-levels__card-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.service-detail-levels__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.service-detail-levels__card-title {
  margin: 0;
  color: var(--color-bg);
  font-weight: 700;
  text-transform: uppercase;
}

.service-detail-levels__badge {
  flex-shrink: 0;
  color: var(--color-black);
}

.service-detail-levels__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-detail-levels__item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.service-detail-levels__check {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-green);
  color: var(--color-white);
}

.service-detail-levels__check-icon {
  display: block;
}

.service-detail-levels__item-text {
  margin: 0;
  color: var(--color-white);
  font-weight: 500;
}

.service-detail-levels__cta {
  align-self: center;
  width: min(570px, 100%);
  height: auto;
  padding: 16px 28px 16px 32px;
  font-size: var(--text-large-size);
  line-height: var(--text-large-line);
  letter-spacing: var(--text-large-tracking);
  background-color: var(--color-white);
  color: var(--color-black);
}

.service-detail-levels__cta:hover:not(:disabled):not(.is-disabled),
.service-detail-levels__cta:active:not(:disabled):not(.is-disabled),
.service-detail-levels__cta:focus-visible {
  background-color: var(--color-green);
  color: var(--color-white);
  opacity: 1;
}

.page--service-detail .section {
  padding-top: calc(var(--space-section) / 2);
  padding-bottom: calc(var(--space-section) / 2);
}

.page--service-detail .service-detail-hero + .section,
.page--service-detail .service-detail-hero + .service-detail-types {
  padding-top: 0;
}

.page--service-stand .service-detail-levels + .service-detail-types {
  padding-top: 0;
}

.page--service-detail .advantages {
  gap: var(--space-section);
  padding-bottom: 0;
}

.page--service-detail .section-seo.section {
  padding-bottom: var(--space-section);
}

@media (min-width: 541px) and (max-width: 1024px) {
  .page--service-detail .section-seo.section {
    padding-bottom: 0;
  }
}

@media (max-width: 540px) {
  .page--service-detail .section-seo.section {
    padding-bottom: var(--space-section);
  }

  .page--service-detail .section-seo__layout {
    padding-bottom: 0;
  }
}

@media (min-width: 1241px) {
  .page--service-stand .service-detail-tariffs__head,
  .page--service-stand .service-detail-levels__head {
    gap: clamp(
      10px,
      calc(10px + (100vw - 1240px) * 14 / 680),
      24px
    );
  }

  .page--service-stand .service-detail-tariffs__title,
  .page--service-stand .service-detail-levels__title {
    flex: 940 1 0;
    min-width: 0;
    max-width: 940px;
  }

  .page--service-stand .service-detail-tariffs__lead,
  .page--service-stand .service-detail-levels__lead {
    flex: 916 1 0;
    min-width: 0;
    max-width: 916px;
  }

  .service-detail-tariffs__head {
    flex-direction: row;
    align-items: flex-end;
  }

  .service-detail-tariffs__title {
    flex: 0 0 940px;
    max-width: 940px;
  }

  .service-detail-tariffs__lead {
    flex: 1;
    max-width: 916px;
  }

  .service-detail-tariffs__lead-line--desktop {
    display: block;
  }

  .service-detail-tariffs__row:not(.service-detail-tariffs__row--head) {
    height: 76px;
    min-height: 76px;
  }

  .service-detail-levels__head {
    flex-direction: row;
    align-items: flex-end;
  }

  .service-detail-levels__title {
    flex: 0 0 940px;
    max-width: 940px;
  }

  .service-detail-levels__lead {
    flex: 1;
    max-width: 916px;
    gap: var(--text-large-line);
  }

  .service-detail-levels__lead-line--desktop {
    display: block;
  }

  .service-detail-levels__list {
    gap: 12px;
  }

  .service-detail-levels__item {
    gap: 12px;
  }

  .service-detail-hero__grid {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--service-detail-media-gap);
    min-width: 0;
  }

  .service-detail-hero__content {
    flex: 0 1 800px;
    max-width: 800px;
    min-width: 0;
    align-self: stretch;
    min-height: calc(var(--service-detail-media-width) * 648 / 916);
    gap: 0;
  }

  .service-detail-hero__title {
    font-size: clamp(72px, 5.208vw, 100px);
    line-height: 1;
    letter-spacing: -2px;
  }

  .service-detail-hero__media {
    flex: 0 0 var(--service-detail-media-width);
    width: var(--service-detail-media-width);
    min-width: 0;
    max-width: var(--service-detail-media-width);
    height: auto;
    aspect-ratio: 916 / 648;
  }

  .service-detail-type {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
  }

  .service-detail-type__content {
    flex: 0 1 939px;
    max-width: 939px;
    min-width: 0;
  }

  .service-detail-type__media {
    flex: 0 0 var(--service-detail-type-media-width);
    width: var(--service-detail-type-media-width);
    min-width: 0;
    max-width: var(--service-detail-type-media-width);
    height: auto;
    aspect-ratio: 917 / 400;
  }

  .service-detail-type__cta {
    width: 190px;
    max-width: 190px;
  }

  .service-detail-type__link-icon {
    display: none;
  }

  .service-detail-type__desc {
    max-width: 820px;
  }

  .service-detail-type__desc--desktop {
    display: block;
  }

  .service-detail-type__desc--mobile {
    display: none;
  }
}

@media (min-width: 1921px) {
  .page--service-detail {
    --service-detail-media-gap: 7.292vw;
    --service-detail-media-width: calc(
      100vw - 2 * var(--space-page) - 800px - 7.292vw
    );
  }
}

@media (max-width: 1240px) {
  .service-detail-hero {
    gap: var(--space-gap-lg);
    padding-bottom: 0;
  }

  .service-detail-hero__top {
    gap: 0;
    padding: var(--space-gap-sm) var(--space-page-mobile) 0;
  }

  .service-detail-hero__body {
    padding: 0 var(--space-page-mobile) var(--space-gap-lg);
  }

  .service-detail-hero__grid {
    flex-direction: column;
    gap: var(--space-gap-lg);
  }

  .service-detail-hero__content {
    gap: var(--space-gap-md);
    justify-content: flex-start;
  }

  .service-detail-hero__intro {
    gap: var(--space-gap-md);
  }

  .service-detail-hero__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .service-detail-hero__texts {
    gap: 12px;
    max-width: none;
  }

  /* Figma 409:10036 — фикс. px, не токены @1024 */
  .page--service-detail .breadcrumb,
  .page--service-detail .breadcrumb__item,
  .page--service-detail .breadcrumb__item a {
    font-size: 16px;
    line-height: 20px;
  }

  .page--service-detail .service-detail-hero__lead {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .page--service-detail .service-detail-hero__note {
    font-size: 16px;
    line-height: 20px;
  }

  .page--service-detail .service-detail-hero__price {
    font-size: 28px;
    line-height: 36px;
  }

  .service-detail-hero__note {
    font-size: var(--text-small-size);
    line-height: var(--text-small-line);
  }

  .service-detail-hero__bottom {
    gap: var(--space-gap-sm);
    width: 100%;
  }

  .service-detail-hero__bottom .btn {
    width: 100%;
  }

  .service-detail-hero__media {
    width: 100%;
    aspect-ratio: 687 / 486;
  }

  .service-detail-types {
    padding-inline: var(--space-page-mobile);
  }

  .service-detail-tariffs {
    gap: 40px;
    padding-inline: 0;
  }

  .service-detail-tariffs__head {
    gap: 24px;
    padding-block: 0;
    padding-inline: var(--space-page-mobile);
  }

  .service-detail-tariffs__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
    max-width: none;
  }

  .service-detail-tariffs__lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: var(--color-black);
    max-width: none;
  }

  .service-detail-tariffs__lead-line--desktop {
    display: none;
  }

  .service-detail-tariffs__lead-line--tablet {
    display: block;
  }

  .service-detail-levels__lead-line--desktop {
    display: none;
  }

  .service-detail-levels__lead-line--tablet {
    display: block;
  }

  .service-detail-tariffs__head-label--desktop {
    display: none;
  }

  .service-detail-tariffs__head-label--tablet {
    display: inline;
  }

  .service-detail-tariffs__table {
    --service-detail-tariffs-table-pad: 24px;

    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    border-radius: 0;
    background: transparent;
  }

  .service-detail-tariffs__row {
    padding-inline: var(--service-detail-tariffs-table-pad);
    align-items: flex-start;
  }

  .service-detail-tariffs__row--head {
    display: grid;
    min-height: 116px;
    align-items: flex-start;
  }

  .service-detail-tariffs__row:not(.service-detail-tariffs__row--head) {
    gap: 0;
    padding-block: 0;
    min-height: 0;
  }

  .service-detail-tariffs__cell {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 24px 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }

  .service-detail-tariffs__row--head .service-detail-tariffs__cell--head {
    align-self: stretch;
    padding-block: 0;
    font-size: var(--text-h4-size);
    line-height: var(--text-h4-line);
    white-space: nowrap;
  }

  .service-detail-tariffs__cell::before {
    content: none;
    display: none;
  }

  .service-detail-tariffs__row:not(.service-detail-tariffs__row--head) .service-detail-tariffs__cell {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }

  .service-detail-tariffs__row:not(.service-detail-tariffs__row--head) .service-detail-tariffs__cell--accent {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 500;
  }

  .service-detail-levels {
    gap: 24px;
    padding-inline: var(--space-page-mobile);
  }

  .service-detail-levels__head {
    gap: var(--space-gap-md);
    padding-block: 0;
  }

  .service-detail-levels__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .service-detail-levels__lead-title,
  .service-detail-levels__lead-text {
    font-size: 20px;
    line-height: 28px;
  }

  .service-detail-levels__grid {
    grid-template-columns: 1fr;
  }

  .service-detail-type {
    flex-direction: column;
    gap: var(--space-gap-md);
    padding-block: var(--space-gap-lg);
    box-shadow: inset 0 -1px 0 var(--color-black);
  }

  .service-detail-type:hover,
  .service-detail-type:has(.service-detail-type__link:focus-visible) {
    box-shadow: inset 0 -1px 0 var(--color-green);
  }

  .service-detail-type__content {
    gap: var(--space-gap-md);
    max-width: none;
  }

  .service-detail-type__text {
    gap: var(--space-gap-md);
  }

  .service-detail-type__details {
    gap: var(--space-gap-md);
    max-width: none;
  }

  .service-detail-type__cta {
    display: none;
  }

  .service-detail-type__media {
    width: 100%;
    flex: none;
    aspect-ratio: 714 / 400;
  }
}

/* Figma 409:10036 / 409:10048 — tablet (744px) */
@media (min-width: 541px) and (max-width: 1240px) {
  .page--service-detail .service-detail-hero + .service-detail-types {
    margin-top: 40px;
  }

  .page--service-stand .service-detail-hero + .service-detail-tariffs,
  .page--service-stand .service-detail-tariffs + .service-detail-levels,
  .page--service-stand .service-detail-levels + .service-detail-types {
    margin-top: var(--service-stand-section-gap);
  }

  .page--service-detail .service-detail-hero__bottom .btn--lg {
    height: 86px;
    padding-block: 32px;
  }

  .page--service-detail .service-detail-hero__bottom .btn--lg.btn--has-icon {
    padding-block: 32px;
  }

  .page--service-detail .service-detail-type__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--service-detail .service-detail-type__desc {
    font-size: 18px;
    line-height: 22px;
  }

  .page--service-detail .service-detail-type__price {
    font-size: 28px;
    line-height: 36px;
  }

  /* 19×35 + padding → 56×56 (mobile: 6.5/14.5 → 48×48) */
  .page--service-detail .service-detail-type__link-icon {
    box-sizing: content-box;
    width: 19px;
    height: 35px;
    padding: 10.5px 18.5px;
  }

  /* двухэтажные, с подвесом, уличные — переносы как в desktop-desc */
  .page--service-detail .service-detail-type:nth-child(n + 3) .service-detail-type__desc--desktop {
    display: block;
  }

  .page--service-detail .service-detail-type:nth-child(n + 3) .service-detail-type__desc--mobile {
    display: none;
  }

  /* Figma 409:10114 — кейсы на странице услуги (744px) */
  .page--service-detail .section-cases .section__header {
    margin-bottom: 32px;
    padding: 0 32px 0 12px;
  }

  .page--service-detail .section-cases .section__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--service-detail .section-cases .cases-grid {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-inline: 0;
    padding-left: 24px;
    scroll-padding-left: 24px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .page--service-detail .section-cases .cases-grid::-webkit-scrollbar {
    display: none;
  }

  .page--service-detail .section-cases .cases-grid::after {
    content: "";
    flex: 0 0 24px;
    scroll-snap-align: none;
  }

  .page--service-detail .section-cases .cases-grid__row {
    display: contents;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(-n + 2) {
    flex: 0 0 602px;
    width: 602px;
    max-width: 602px;
    scroll-snap-align: start;
    gap: 24px;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(-n + 2) .case-card__media {
    height: 500px;
    aspect-ratio: auto;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(-n + 2) .case-card__footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline: 8px;
    gap: 0;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(-n + 2) .case-card__title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(-n + 2) .case-card__meta {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(-n + 2) .case-card__dots {
    bottom: 16px;
    width: min(472px, calc(100% - 32px));
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(3),
  .page--service-detail .section-cases .cases-grid__row:nth-child(2) .case-card {
    flex: 0 0 340px;
    width: 340px;
    max-width: 340px;
    scroll-snap-align: start;
    gap: 16px;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(3) .case-card__media,
  .page--service-detail .section-cases .cases-grid__row:nth-child(2) .case-card .case-card__media {
    height: 300px;
    aspect-ratio: auto;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(3) .case-card__footer,
  .page--service-detail .section-cases .cases-grid__row:nth-child(2) .case-card .case-card__footer {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-inline: 8px;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(3) .case-card__title,
  .page--service-detail .section-cases .cases-grid__row:nth-child(2) .case-card .case-card__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(3) .case-card__meta,
  .page--service-detail .section-cases .cases-grid__row:nth-child(2) .case-card .case-card__meta {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .page--service-detail .section-cases .cases-grid__row:first-child .case-card:nth-child(3) .case-card__dots,
  .page--service-detail .section-cases .cases-grid__row:nth-child(2) .case-card .case-card__dots {
    bottom: 16px;
    width: 230px;
  }

  .page--service-detail .section-cases .case-card__tags {
    top: 16px;
    left: 16px;
    gap: 8px;
  }

  .page--service-detail .section-cases .section__actions {
    margin-top: 40px;
  }

  .page--service-detail .section-cases .section__actions .btn {
    width: 100%;
    max-width: 360px;
    height: 72px;
    padding-block: 0;
  }
}

/* Figma 619:11615 — уровни комплектации @744px */
@media (max-width: 744px) {
  .service-detail-levels {
    gap: 40px;
  }

  .service-detail-levels__head {
    gap: 16px;
  }

  .service-detail-levels__lead {
    gap: 28px;
  }

  .service-detail-levels__lead-line--desktop {
    display: none;
  }

  .service-detail-levels__lead-line--tablet {
    display: block;
  }

  .service-detail-levels__grid {
    grid-template-columns: 1fr;
  }

  .service-detail-levels__card-head {
    min-height: 60px;
  }

  .service-detail-levels__card-title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .service-detail-levels__badge {
    padding: 8px 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }

  .service-detail-levels__list {
    gap: 12px;
  }

  .service-detail-levels__item {
    gap: 12px;
  }

  .service-detail-levels__item-text {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .service-detail-levels__cta {
    align-self: stretch;
    width: 100%;
    max-width: none;
    font-size: var(--text-large-size);
    line-height: var(--text-large-line);
    letter-spacing: var(--text-large-tracking);
    background-color: var(--color-white);
    color: var(--color-black);
  }

  .service-detail-levels__cta:hover:not(:disabled):not(.is-disabled),
  .service-detail-levels__cta:active:not(:disabled):not(.is-disabled),
  .service-detail-levels__cta:focus-visible {
    background-color: var(--color-green);
    color: var(--color-white);
    opacity: 1;
  }
}

/* Figma 619:11087 — тарифы 744–800px */
@media (min-width: 744px) and (max-width: 800px) {
  .service-detail-tariffs__table {
    --service-detail-tariffs-col-1: 200px;
    --service-detail-tariffs-col-2: 141px;
    --service-detail-tariffs-col-3: 219px;
  }

  .service-detail-tariffs__row {
    grid-template-columns:
      var(--service-detail-tariffs-col-1)
      var(--service-detail-tariffs-col-2)
      var(--service-detail-tariffs-col-3)
      minmax(0, 1fr);
  }
}

/* Тарифы 801–1240px — пропорциональная сетка */
@media (min-width: 801px) and (max-width: 1240px) {
  .service-detail-tariffs__row {
    grid-template-columns: minmax(0, 352fr) minmax(0, 587fr) minmax(0, 565fr) minmax(0, 352fr);
  }
}

/* Figma 619:11087 / 619:11749 — тарифы <744px */
@media (max-width: 743px) {
  .service-detail-tariffs__table {
    --service-detail-tariffs-col-1: 200px;
    --service-detail-tariffs-col-2: 141px;
    --service-detail-tariffs-col-3: 219px;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .service-detail-tariffs__row {
    grid-template-columns:
      var(--service-detail-tariffs-col-1)
      var(--service-detail-tariffs-col-2)
      var(--service-detail-tariffs-col-3)
      minmax(0, 1fr);
    min-width: 744px;
  }

  .service-detail-tariffs__cell,
  .service-detail-tariffs__row--head .service-detail-tariffs__cell--head,
  .service-detail-tariffs__cell-line {
    white-space: nowrap;
  }

  .service-detail-tariffs__cell {
    min-width: auto;
  }
}

@media (max-width: 540px) {
  .page--service-stand {
    --service-stand-section-gap: 80px;
  }

  .page--service-detail .service-detail-hero {
    gap: 12px;
    /*padding-bottom: 80px;*/
  }

  .page--service-stand .service-detail-hero {
    padding-bottom: 0;
  }

  .service-detail-tariffs {
    gap: 40px;
    padding-inline: 0;
  }

  .service-detail-tariffs__head {
    gap: 24px;
    padding-block: 0;
    padding-inline: 12px;
  }

  .service-detail-tariffs__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .service-detail-tariffs__lead {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-black);
    max-width: none;
  }

  .service-detail-tariffs__lead-line--desktop,
  .service-detail-tariffs__lead-line--tablet {
    display: none;
  }

  .service-detail-tariffs__lead-line--mobile {
    display: block;
  }

  .service-detail-tariffs__head-label--desktop {
    display: none;
  }

  .service-detail-tariffs__head-label--tablet {
    display: inline;
  }

  .service-detail-tariffs__table {
    --service-detail-tariffs-table-pad: 12px;
  }

  .service-detail-tariffs__row--head {
    min-height: 80px;
  }

  .service-detail-tariffs__row:not(.service-detail-tariffs__row--head) {
    gap: 0;
    padding-block: 0;
    min-height: 0;
  }

  .service-detail-tariffs__cell {
    display: flex;
    align-items: center;
    padding: 24px 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }

  .service-detail-tariffs__row--head .service-detail-tariffs__cell--head {
    align-self: stretch;
    padding-block: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .service-detail-tariffs__cell::before {
    content: none;
    display: none;
  }

  .service-detail-tariffs__row:not(.service-detail-tariffs__row--head) .service-detail-tariffs__cell {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }

  .service-detail-tariffs__row:not(.service-detail-tariffs__row--head) .service-detail-tariffs__cell--accent {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 500;
  }

  .service-detail-levels {
    gap: 40px;
    padding-inline: 12px;
  }

  .service-detail-levels__head {
    gap: 16px;
    padding-block: 0;
  }

  .service-detail-levels__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .service-detail-levels__lead {
    gap: 22px;
  }

  .service-detail-levels__lead-title,
  .service-detail-levels__lead-text {
    font-size: 18px;
    line-height: 22px;
  }

  .service-detail-levels__lead-line--desktop,
  .service-detail-levels__lead-line--tablet {
    display: none;
  }

  .service-detail-levels__lead-line--mobile {
    display: block;
  }

  .service-detail-levels__card-title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -1px;
  }

  .service-detail-levels__check {
    width: 20px;
    height: 20px;
  }

  .service-detail-levels__check-icon {
    width: 16px;
    height: 16px;
  }

  .service-detail-levels__item-text {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .service-detail-levels__cta {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line);
  }

  .page--service-detail .service-detail-hero__top {
    padding-top: 12px;
    padding-inline: 12px;
  }

  .page--service-detail .service-detail-hero__body {
    padding: 12px;
  }

  .page--service-detail .service-detail-hero__grid {
    gap: 32px;
  }

  .page--service-detail .service-detail-hero__content {
    gap: 24px;
  }

  .page--service-detail .service-detail-hero__intro {
    gap: 24px;
  }

  .page--service-detail .service-detail-hero__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--service-detail .service-detail-hero__lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page--service-detail .service-detail-hero__price {
    font-size: 28px;
    line-height: 36px;
  }

  .page--service-detail .service-detail-hero__media {
    aspect-ratio: 366 / 259;
  }

  .page--service-detail .service-detail-type {
    padding-block: 24px;
    gap: 24px;
  }

  .page--service-detail .service-detail-type__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--service-detail .service-detail-type__desc {
    font-size: 16px;
    line-height: 20px;
  }

  .page--service-detail .service-detail-type__price {
    font-size: 24px;
    line-height: 32px;
  }

  .page--service-detail .service-detail-type__media {
    aspect-ratio: 364 / 204;
  }

  .page--service-detail .service-detail-type__link-icon {
    box-sizing: content-box;
    width: 19px;
    height: 35px;
    padding: 9px 14.5px 9px 17px;
  }
}

@media (max-width: 390px) {
  .page--service-stand .service-detail-hero__title-line {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: -1px;
  }

  /* service-stand.html — Figma: 4 типа стенда, без «уличные» */
  .page--service-detail .service-detail-types:has(.service-detail-type:nth-child(5):last-child) .service-detail-type:last-child {
    display: none;
  }

  .page--service-detail .service-detail-type__desc {
    height: 100px;
    max-height: 100px;
    overflow: hidden;
  }

  .page--service-detail .service-detail-type__desc--mobile,
  .page--service-detail .service-detail-type__desc--desktop {
    overflow: hidden;
    max-height: 100px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
  }

  .page--service-detail .service-detail-type:nth-child(-n + 2) .service-detail-type__desc--mobile {
    display: -webkit-box;
  }

  .page--service-detail .service-detail-type:nth-child(-n + 2) .service-detail-type__desc--desktop {
    display: none;
  }

  .page--service-detail .service-detail-type:nth-child(n + 3) .service-detail-type__desc--desktop {
    display: -webkit-box;
  }

  .page--service-detail .service-detail-type:nth-child(n + 3) .service-detail-type__desc--mobile {
    display: none;
  }

  .page--service-detail .service-detail-type__desc-line {
    display: inline;
  }

  .page--service-detail .service-detail-type__desc-line:not(:last-child)::after {
    content: ' ';
  }

  .page--service-detail .service-detail-type__link {
    min-height: 48px;
  }

  .page--service-detail .service-detail-type__media {
    border-radius: 4.8px;
  }

  .page--service-detail .service-detail-type__link-icon {
    box-sizing: border-box;
    flex: 0 0 48px;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    max-width: none;
    max-height: none;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-service-type.css?178845506220462*/
/**
 * Подтип услуги — Figma 409:9027 «Мультимедийные стенды»
 */

.page--service-type {
  --service-type-media-width: clamp(366px, 49.844vw, 957px);
  --service-type-gallery-width: clamp(320px, 44.74vw, 859px);
}

.page--service-type .service-detail-hero + .section {
  padding-top: 0;
}

.page--service-type .service-detail-hero__title-line--mobile {
  display: none;
}

/* Figma — tablet 744px: hero (32px снизу) + 80px до Ferroni */
@media (min-width: 541px) and (max-width: 1240px) {
  .page--service-type .service-detail-hero__body {
    padding-bottom: var(--space-gap-lg);
  }

  .page--service-type .service-detail-hero + .service-type-project {
    /*margin-top: 80px;*/
  }

  .page--service-type .service-type-project__gallery-main {
    flex: 0 0 643px;
    width: 643px;
  }
}

@media (min-width: 1241px) {
  .page--service-type .service-detail-hero__body {
    width: 100%;
    min-width: 0;
  }

  .page--service-type .service-detail-hero__grid {
    align-items: stretch;
    justify-content: space-between;
    gap: 40px;
  }

  .page--service-type .service-detail-hero__content {
    flex: 0 1 820px;
    width: auto;
    max-width: 820px;
    min-width: 0;
    min-height: calc(min(var(--service-type-media-width), 100%) * 677 / 957);
    gap: 0;
  }

  .page--service-type .service-detail-hero__intro {
    gap: var(--space-gap-md);
  }

  .page--service-type .service-detail-hero__texts {
    gap: var(--space-gap-sm);
    max-width: 800px;
  }

  .page--service-type .service-detail-hero__bottom {
    gap: var(--space-gap-sm);
  }

  .page--service-type .service-detail-hero__media {
    flex: 0 0 var(--service-type-media-width);
    width: var(--service-type-media-width);
    min-width: 0;
    max-width: var(--service-type-media-width);
    aspect-ratio: 957 / 677;
  }

  .page--service-type .service-detail-hero__title {
    font-size: clamp(72px, 5.208vw, 100px);
    line-height: 1;
    letter-spacing: -2px;
  }
}

/* ─── Ferroni project ─── */

.service-type-project__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  padding-inline: var(--space-page);
}

.service-type-project__gallery {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
}

.service-type-project__gallery-main {
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 859 / 480;
}

.service-type-project__gallery-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-gap-sm);
}

.service-type-project__gallery-item {
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 421 / 237;
}

.service-type-project__gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-type-project__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
}

.service-type-project__title {
  margin: 0;
  text-transform: uppercase;
}

.service-type-project__title-line {
  display: block;
}

.service-type-project__texts {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
}

.service-type-project__lead {
  margin: 0;
  font-weight: 500;
}

.service-type-project__body {
  margin: 0;
  color: var(--color-gray);
}

@media (min-width: 1241px) {
  .service-type-project__grid {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-block);
  }

  .service-type-project__gallery {
    flex: 0 0 var(--service-type-gallery-width);
    width: var(--service-type-gallery-width);
  }

  .service-type-project__content {
    flex: 1 1 0;
    min-width: 0;
    align-self: flex-start;
    position: sticky;
    top: calc(var(--header-height) + var(--space-gap-md));
  }
}

/* ─── Art feature banner ─── */

.service-type-feature {
  padding-inline: var(--space-page);
}

.service-type-feature__banner {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 800px;
  padding: var(--space-page);
  border-radius: var(--radius-md);
  overflow: hidden;
  background-color: #0f1110;
}

.service-type-feature__banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90.52deg, #101311 44.15%, rgba(16, 19, 17, 0) 78.94%),
    url("/local/templates/syntexpo/css/../img/content/case-exclusive.jpg") right center / cover no-repeat;
  pointer-events: none;
}

.service-type-feature__card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-gap-md);
  width: min(100%, 800px);
  min-height: calc(800px - var(--space-page) * 2);
  padding: var(--space-page);
  border-radius: var(--radius-md);
  background: var(--color-white);
}

.service-type-feature__texts {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.service-type-feature__title {
  margin: 0;
  text-transform: uppercase;
}

.service-type-feature__title-line {
  display: block;
}

.service-type-feature__desc {
  margin: 0;
  max-width: 736px;
  font-weight: 500;
}

.service-type-feature__desc-line {
  display: inline;
}

.service-type-feature__cta {
  width: 343px;
  max-width: 100%;
}

/* ─── Color solution ─── */

.service-type-color__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  padding-inline: var(--space-page);
}

.service-type-color__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
}

.service-type-color__title {
  margin: 0;
  text-transform: uppercase;
}

.service-type-color__texts {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
}

.service-type-color__lead {
  margin: 0;
  font-weight: 500;
}

.service-type-color__lead-line {
  display: inline;
}

.service-type-color__lead-line--mobile {
  display: none;
}

.service-type-color__body {
  margin: 0;
  color: var(--color-gray);
}

.service-type-color__media {
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 899 / 505;
}

.service-type-color__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1241px) {
  .service-type-color__grid {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-block);
  }

  .service-type-color__content {
    flex: 1 1 0;
    min-width: 0;
    padding-right: var(--space-block);
  }

  .service-type-color__media {
    flex: 0 0 clamp(320px, 46.823vw, 899px);
    width: clamp(320px, 46.823vw, 899px);
  }

  .service-type-color__lead-line--desktop {
    display: block;
  }
}

/* ─── Related services ─── */

.service-type-related .section__header,
.service-type-related .service-type-related__grid,
.service-type-related .section__actions {
  padding-inline: var(--space-page);
}

.service-type-related .section__actions {
  margin-top: 64px;
}

.service-type-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-gap-lg);
}

.service-type-related .portfolio-card__title span {
  display: block;
}

.service-type-related__title-line {
  display: inline;
}

.service-type-related .section__actions .btn {
  width: 360px;
  max-width: 100%;
}

@media (min-width: 1241px) {
  /* ─── Related (409:9089) ─── */

  .service-type-related .section__header {
    justify-content: flex-start;
    margin-bottom: var(--space-block);
  }

  .service-type-related .section__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
    text-align: left;
  }

  .service-type-related__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-gap-lg);
  }

  .service-type-related .portfolio-card {
    height: var(--portfolio-card-height);
  }

  .service-type-related .portfolio-card__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .service-type-related .portfolio-card__price {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
}

@media (max-width: 1240px) {
  .page--service-type .service-detail-hero__media {
    aspect-ratio: 687 / 486;
  }

  /* ─── Ferroni project (409:10352) ─── */

  .service-type-project__grid,
  .service-type-color__grid,
  .service-type-related .section__header,
  .service-type-related .service-type-related__grid,
  .service-type-related .section__actions {
    padding-inline: var(--space-page-mobile);
  }

  .service-type-project__grid {
    gap: var(--space-gap-lg);
  }

  .service-type-project__content {
    position: static;
    order: -1;
    gap: var(--space-gap-lg);
  }

  /* ─── Типографика 409:10333 (фикс. px, не токены @1024) ─── */

  .page--service-type .breadcrumb {
    font-size: 16px;
    line-height: 20px;
  }

  .page--service-type .service-detail-hero__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page--service-type .service-detail-hero__lead {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .page--service-type .service-detail-hero__note {
    font-size: 16px;
    line-height: 20px;
  }

  .page--service-type .service-detail-hero__price {
    font-size: 28px;
    line-height: 36px;
  }

  .service-type-project__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .service-type-project__lead {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .service-type-project__body {
    font-size: 18px;
    line-height: 22px;
  }

  .service-type-project__gallery {
    flex-direction: row;
    align-items: stretch;
    gap: var(--space-gap-sm);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--space-page-mobile);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    margin-inline: calc(-1 * var(--space-page-mobile));
    padding-inline: var(--space-page-mobile);
    width: calc(100% + 2 * var(--space-page-mobile));
  }

  .service-type-project__gallery::-webkit-scrollbar {
    display: none;
  }

  .service-type-project__gallery-main {
    flex: 0 0 min(643px, calc(100vw - var(--space-page-mobile) - 80px));
    width: min(643px, calc(100vw - var(--space-page-mobile) - 80px));
    height: 480px;
    aspect-ratio: auto;
    scroll-snap-align: start;
  }

  .service-type-project__gallery-row {
    flex: 0 0 min(643px, calc(100vw - var(--space-page-mobile) - 80px));
    display: flex;
    flex-direction: column;
    gap: var(--space-gap-sm);
    height: 480px;
    scroll-snap-align: start;
  }

  .service-type-project__gallery-item {
    flex: 1 1 0;
    min-height: 0;
    aspect-ratio: auto;
  }

  /* ─── Art banner (409:10366) ─── */

  .service-type-feature {
    padding-inline: 0;
  }

  .service-type-feature__banner {
    min-height: 920px;
    padding: var(--space-gap-lg);
    align-items: flex-start;
  }

  .service-type-feature__banner::before {
    background-image:
      linear-gradient(180deg, #101311 54.92%, rgba(16, 19, 17, 0) 83.09%),
      url("/local/templates/syntexpo/css/../img/content/case-exclusive.jpg");
    background-position: center, center bottom;
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
  }

  .service-type-feature__card {
    min-height: 0;
    width: 100%;
    gap: var(--space-gap-md);
    padding: var(--space-gap-lg);
    justify-content: flex-start;
  }

  .service-type-feature__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .service-type-feature__desc {
    max-width: none;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .service-type-feature__desc-line {
    display: block;
  }

  .service-type-feature__cta {
    width: 343px;
    max-width: 100%;
  }

  .service-type-feature__cta.btn--lg {
    height: 86px;
    padding-block: 32px;
  }

  /* ─── Color (409:10386) ─── */

  .service-type-color__grid {
    gap: var(--space-block);
  }

  .service-type-color__content {
    gap: var(--space-gap-lg);
    padding-right: var(--space-block);
  }

  .service-type-color__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .service-type-color__lead {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .service-type-color__body {
    font-size: 18px;
    line-height: 22px;
  }

  .service-type-color__media {
    aspect-ratio: 1280 / 720;
  }

  .page--service-type .section-cases .section__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--service-type .section-cases .case-card__title {
    font-size: 28px;
    line-height: 36px;
  }

  .page--service-type .section-cases .case-card__meta {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  /* ─── Related (409:10393) ─── */

  .service-type-related .section__header {
    justify-content: flex-start;
    margin-bottom: var(--space-block);
  }

  .service-type-related .section__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
    text-align: left;
  }

  .service-type-related__title-line {
    display: block;
  }

  .service-type-related .portfolio-card__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .service-type-related .portfolio-card__price {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .service-type-related__grid {
    gap: var(--space-gap-md);
  }

  .service-type-related .portfolio-card {
    height: var(--portfolio-card-height);
  }

  .page--service-type .advantages-steps__heading .h2 {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--service-type .advantages-steps__heading .text-large {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .page--service-type .advantages-steps:not(.is-static) .step-card__title {
    font-size: 28px;
    line-height: 36px;
  }

  .page--service-type .advantages-steps:not(.is-static) .step-card__text {
    font-size: 16px;
    line-height: 20px;
  }

  .page--service-type .section-reviews__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--service-type .section-reviews__subtitle,
  .page--service-type .section-reviews__subtitle p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }
}

@media (max-width: 900px) {
  .page--service-type .section-cases .case-card__title {
    font-size: 24px;
    line-height: 32px;
  }

  .page--service-type .section-cases .case-card__meta {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 650px) {
  .page--service-type .service-detail-hero__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
  }
}

@media (max-width: 540px) {
  /* Figma 409:12703 / 409:12710 — hero body @390px */

  .page--service-type .service-detail-hero__body {
    padding: 12px;
  }

  .page--service-type .service-detail-hero__grid {
    gap: 32px;
  }

  .page--service-type .service-detail-hero__content {
    gap: 24px;
  }

  .page--service-type .service-detail-hero__intro {
    gap: 24px;
  }

  .page--service-type .service-detail-hero__texts {
    gap: 12px;
    max-width: none;
  }

  .page--service-type .service-detail-hero__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--service-type .service-detail-hero__title-line--desktop {
    display: none;
  }

  .page--service-type .service-detail-hero__title-line--mobile {
    display: block;
  }

  .page--service-type .service-detail-hero__lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page--service-type .service-detail-hero__note {
    font-size: 16px;
    line-height: 20px;
  }

  .page--service-type .service-detail-hero__bottom {
    gap: 16px;
    width: 100%;
  }

  .page--service-type .service-detail-hero__bottom .btn {
    width: 100%;
  }

  .page--service-type .service-detail-hero__bottom .btn--lg {
    height: 72px;
    padding-block: 32px;
  }

  .page--service-type .service-detail-hero__price {
    font-size: 28px;
    line-height: 36px;
  }

  .page--service-type .service-detail-hero__media {
    width: 100%;
    aspect-ratio: 366 / 259;
  }

  /* ─── Ferroni (409:12720) ─── */

  .service-type-project__grid {
    gap: 32px;
  }

  .service-type-project__content {
    gap: var(--space-gap-md);
  }

  .service-type-project__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .service-type-project__lead {
    font-size: 18px;
    line-height: 22px;
  }

  .service-type-project__body {
    font-size: 16px;
    line-height: 20px;
  }

  .service-type-project__gallery {
    gap: 8px;
  }

  .service-type-project__gallery-main {
    flex: 0 0 min(338px, calc(100vw - var(--space-page-mobile) * 2 - 26px));
    width: min(338px, calc(100vw - var(--space-page-mobile) * 2 - 26px));
    height: 252px;
  }

  .service-type-project__gallery-row {
    flex: 0 0 217px;
    width: 217px;
    height: 252px;
    gap: 8px;
  }

  .service-type-project__gallery-item {
    flex: 0 0 121px;
    height: 121px;
  }

  /* ─── Art banner (409:12737) ─── */

  .service-type-feature__banner {
    min-height: 0;
    padding: 24px var(--space-page-mobile);
    align-items: stretch;
  }

  .service-type-feature__banner::before {
    background:
      linear-gradient(180deg, rgba(16, 19, 17, 0.85) 0%, rgba(16, 19, 17, 0.4) 100%),
      url("/local/templates/syntexpo/css/../img/content/case-exclusive.jpg") center / cover no-repeat;
  }

  .service-type-feature__card {
    min-height: 0;
    width: 100%;
    padding: 24px;
    gap: 24px;
  }

  .service-type-feature__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .service-type-feature__desc {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .service-type-feature__cta {
    width: 100%;
  }

  .service-type-feature__cta.btn--lg {
    height: 72px;
    padding-block: 32px;
  }

  /* ─── Color (409:12756) ─── */

  .service-type-color__grid {
    gap: 24px;
    padding-inline: 12px;
  }

  .service-type-color__content {
    gap: 32px;
    padding-right: 0;
  }

  .service-type-color__texts {
    gap: 16px;
  }

  .service-type-color__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .service-type-color__lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .service-type-color__lead-line--desktop {
    display: none;
  }

  .service-type-color__lead-line--mobile {
    display: block;
  }

  .service-type-color__body {
    font-size: 16px;
    line-height: 20px;
    color: var(--color-black);
  }

  .service-type-color__media {
    aspect-ratio: 1280 / 720;
  }

  /* ─── Cases (409:12743) ─── */

  .page--service-type .section-cases .section__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--service-type .section-cases .case-card__media,
  .page--service-type .cases-grid .case-card__media {
    height: 300px;
    aspect-ratio: auto;
  }

  /* ─── Related (409:12763) ─── */

  .service-type-related .section__header {
    justify-content: flex-start;
    margin-bottom: 32px;
    padding-inline: var(--space-page-mobile);
  }

  .service-type-related .section__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    text-align: left;
  }

  .service-type-related__grid {
    gap: 24px;
  }

  .service-type-related .portfolio-card {
    height: 300px;
  }

  .service-type-related .portfolio-card__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .service-type-related .portfolio-card__price {
    font-size: 20px;
    line-height: 28px;
  }

  /* ─── Advantages (409:12774) ─── */

  .page--service-type .advantages-steps__heading .h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--service-type .advantages-steps .step-card__title,
  .page--service-type .advantages-steps:not(.is-static) .step-card__title {
    font-size: 24px;
    line-height: 32px;
  }

  .page--service-type .advantages-steps .step-card__text,
  .page--service-type .advantages-steps:not(.is-static) .step-card__text {
    font-size: 16px;
    line-height: 20px;
  }

  /* ─── Reviews ─── */

  .page--service-type .section-reviews__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-projects.css?178939894116305*/
/**
 * Страница портфолио — Figma 409:12963
 */

.page--projects {
  background: var(--color-white);
}

.page-projects {
  padding-top: var(--header-height);
}

.page-projects__top {
  padding: var(--space-gap-md) var(--space-page) 0;
}

.page-projects__breadcrumb {
  padding: 0;
}

.page-projects__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  margin-top: var(--space-block);
  padding: 0 var(--space-page) var(--space-block);
}

.page-projects__hero {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.page-projects__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-transform: uppercase;
}

.page-projects__title-line {
  display: block;
}

.page-projects__lead {
  margin: 0;
  max-width: 100%;
  font-weight: 500;
}

/* ─── Фильтры ─── */

.projects-filters {
  display: flex;
  gap: var(--space-gap-sm);
  overflow-x: auto;
  padding-block: var(--space-gap-sm);
  padding-inline: var(--space-page);
  margin-inline: calc(-1 * var(--space-page));
  width: calc(100% + 2 * var(--space-page));
  scroll-padding-inline: var(--space-page);
  border-bottom: 1px solid rgba(85, 86, 88, 0.1);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.projects-filters::-webkit-scrollbar {
  display: none;
}

.projects-filter {
  flex: 0 0 auto;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid var(--color-black);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-black);
  font-family: inherit;
  font-size: 18px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.projects-filter--active {
  border-color: var(--color-black);
  background: var(--color-black);
  color: var(--color-white);
}

.projects-filter:hover:not(.projects-filter--active) {
  background: rgba(0, 0, 0, 0.05);
}

/* ─── Сетка ─── */

.page-projects__listing {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 0 var(--space-page) var(--space-section);
}

.page-projects__grid.cases-grid {
  padding-inline: 0;
}

/* ─── Listing: fluid desktop 1241–1919 (как .section-cases) ─── */

@media (min-width: 1241px) and (max-width: 1919px) {
  .page-projects__grid.cases-grid {
    gap: 32px;
  }

  .page-projects__grid .cases-grid__row {
    gap: 24px;
  }

  .page-projects__grid .case-card {
    width: 100%;
    max-width: none;
    gap: 24px;
  }

  .page-projects__grid .case-card__media {
    height: auto;
    aspect-ratio: 602 / 500;
  }

  .page--projects .page-projects__grid .case-card__dot--active {
    background: var(--color-bg);
  }
}

@media (max-width: 1240px) {
  .page-projects .case-card {
    width: 100%;
    max-width: none;
  }
}

.page-projects .case-card--linked {
  cursor: pointer;
}

.page-projects .case-card--linked:focus-visible {
  outline: 2px solid var(--color-green);
  outline-offset: 4px;
}

.page-projects .case-card__meta {
  font-weight: 500;
}

.page-projects__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-gap-sm);
}

.page-projects__load-more {
  gap: 12px;
  padding: var(--btn-padding-compact) 28px var(--btn-padding-compact) var(--btn-padding-x);
}

.page-projects .pagination__btn {
  background: var(--color-bg);
}

.page-projects .pagination__btn:disabled,
.page-projects .pagination__btn--disabled {
  background: var(--color-pagination-disabled);
}

.page-projects .pagination__btn[aria-current="page"] {
  background: var(--color-green);
  color: var(--color-white);
}

.page-projects .pagination__btn--prev {
  color: var(--color-gray);
}

.page-projects .pagination__btn--prev svg {
  transform: none;
}

.page-projects .pagination__btn--next {
  color: var(--color-black);
}

/* ─── Desktop (Figma 1920) ─── */

@media (min-width: 1025px) {
  .page-projects__header {
    gap: var(--space-gap-lg);
  }

  .page-projects__hero {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-gap-lg);
  }

  .page-projects__title {
    flex: 0 1 auto;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
  }

  .page-projects__lead {
    flex: 0 1 917px;
    max-width: 917px;
  }

  .projects-filters {
    padding-top: 0;
    padding-bottom: var(--space-gap-sm);
    gap: 16px;
    border-bottom: none;
    box-shadow: inset 0 -1px 0 rgba(85, 86, 88, 0.1);
  }

  .projects-filter {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 54px;
    padding: 0 16px;
    font-weight: 400;
    letter-spacing: 0;
    border: none;
  }

  .projects-filter:not(.projects-filter--active) {
    box-shadow: inset 0 0 0 1px var(--color-black);
  }

  .projects-filter--active {
    box-shadow: none;
  }

  .projects-filter[data-project-filter="all"] {
    width: 139px;
  }

  .projects-filter[data-project-filter="stand"] {
    width: 219px;
    padding: 0 20px 0 16px;
  }

  .projects-filter[data-project-filter="showroom"] {
    width: 104px;
  }

  .projects-filter[data-project-filter="museum"] {
    width: 228px;
  }

  .projects-filter[data-project-filter="art"] {
    width: 144px;
  }

  .projects-filter[data-project-filter="forum"] {
    width: 301px;
  }

  .page--projects .section-seo.section {
    padding-top: 0;
  }
}

/* Listing — Figma 409:12991 @1920 */
@media (min-width: 1920px) {
  .page-projects__grid.cases-grid {
    gap: 32px;
  }

  .page-projects__load-more.btn--outline-dark {
    box-sizing: border-box;
    width: 229px;
    height: 54px;
    padding: 16px 28px 16px 32px;
    border: none;
    box-shadow: inset 0 0 0 1px var(--color-black);
  }

  .page-projects__load-more.btn--outline-dark:hover:not(:disabled):not(.is-disabled) {
    border: none;
  }
}

/* Pixel-perfect только при ширине viewport 1920px */
@media (min-width: 1920px) and (max-width: 1920px) {
  .page-projects__grid .cases-grid__row {
    grid-template-columns: repeat(3, 602px);
    gap: 24px;
  }

  .page-projects__grid .case-card {
    width: 602px;
    max-width: 602px;
    gap: 24px;
  }

  .page-projects__grid .case-card__media {
    height: 500px;
    width: 100%;
  }

  .page--projects .page-projects__grid .case-card__dot--active {
    background: var(--color-bg);
  }
}

/* >1920px — fluid 3 колонки (как 1241–1919) */
@media (min-width: 1921px) {
  .page-projects__grid .cases-grid__row {
    gap: 24px;
  }

  .page-projects__grid .case-card {
    width: 100%;
    max-width: none;
    gap: 24px;
  }

  .page-projects__grid .case-card__media {
    height: auto;
    aspect-ratio: 602 / 500;
  }

  .page--projects .page-projects__grid .case-card__dot--active {
    background: var(--color-bg);
  }
}

/* ─── ≤1240px — Figma 409:13622 (744px) ─── */

@media (max-width: 1240px) {
  .page-projects__top {
    padding: var(--space-gap-sm) var(--space-page-mobile) 0;
  }

  .page-projects__header {
    gap: 40px;
    margin-top: 32px;
    padding: 0 var(--space-page-mobile);
    margin-bottom: 32px;
  }

  .page-projects__hero {
    gap: 24px;
  }

  .page--projects .breadcrumb {
    font-size: 16px;
    line-height: 20px;
  }

  .page-projects__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page-projects__lead {
    font-size: 20px;
    line-height: 28px;
  }

  .projects-filters {
    gap: 12px;
    margin-inline: calc(-1 * var(--space-page-mobile));
    padding-top: 0;
    padding-bottom: var(--space-gap-sm);
    padding-inline: var(--space-page-mobile);
    width: calc(100% + 2 * var(--space-page-mobile));
    scroll-padding-inline: var(--space-page-mobile);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 rgba(85, 86, 88, 0.1);
  }

  .projects-filter {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 54px;
    padding: 0 16px;
    border: none;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0;
  }

  .projects-filter:not(.projects-filter--active) {
    box-shadow: inset 0 0 0 1px var(--color-black);
  }

  .projects-filter--active {
    box-shadow: none;
  }

  .projects-filter[data-project-filter="all"] {
    width: 139px;
  }

  .projects-filter[data-project-filter="stand"] {
    width: 219px;
    padding: 0 20px 0 16px;
  }

  .projects-filter[data-project-filter="showroom"] {
    width: 104px;
  }

  .projects-filter[data-project-filter="museum"] {
    width: 228px;
  }

  .projects-filter[data-project-filter="art"] {
    width: 144px;
  }

  .projects-filter[data-project-filter="forum"] {
    width: 301px;
  }

  .page-projects__listing {
    gap: 40px;
    padding-inline: var(--space-page-mobile);
  }

  .page--projects .section-seo__layout {
    padding-inline: var(--space-page-mobile);
    padding-bottom: 120px;
  }

  .page--projects .section-seo__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }
}

/* 541–1024px (744): listing pb 32px, section-seo pt 120px */
@media (min-width: 541px) and (max-width: 1024px) {
  .page-projects__listing {
    padding-bottom: 32px;
  }

  .page--projects .section-seo.section {
    padding-top: 120px;
  }
}

/* ─── Listing grid — Figma 409:13652 @744: 2 колонки; ≤540: 1 колонка ─── */

/* 541–1240px: 2 колонки без скролла */
@media (min-width: 541px) and (max-width: 1240px) {
  .page--projects .page-projects__grid.cases-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding-inline: 0;
    overflow: visible;
    flex-direction: unset;
    scroll-snap-type: none;
  }

  .page--projects .page-projects__grid.cases-grid::before,
  .page--projects .page-projects__grid.cases-grid::after {
    content: none;
    display: none;
  }

  .page--projects .page-projects__grid .cases-grid__row {
    display: contents;
  }

  .page--projects .page-projects__grid .case-card {
    width: 100%;
    max-width: none;
    flex: none;
    gap: 16px;
  }

  .page--projects .page-projects__grid .case-card__media {
    height: 300px;
    aspect-ratio: auto;
  }

  .page--projects .page-projects__grid .case-card__tags {
    top: 16px;
    left: 16px;
    gap: 8px;
  }

  .page--projects .page-projects__grid .case-card__dots {
    bottom: 16px;
    width: 230px;
    gap: 8px;
  }

  .page--projects .page-projects__grid .case-card__footer {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-inline: 8px;
  }

  .page--projects .page-projects__grid .case-card__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase;
  }

  .page--projects .page-projects__grid .case-card__meta {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .page--projects .page-projects__grid .cases-grid__row:last-child .case-card.case-card--linked:last-child {
    display: none;
  }
}

/* ≤540px: 1 колонка без скролла */
@media (max-width: 540px) {
  .page--projects .page-projects__grid.cases-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding-inline: 0;
    overflow: visible;
    flex-direction: unset;
    scroll-snap-type: none;
  }

  .page--projects .page-projects__grid.cases-grid::before,
  .page--projects .page-projects__grid.cases-grid::after {
    content: none;
    display: none;
  }

  .page--projects .page-projects__grid .cases-grid__row {
    display: contents;
  }

  .page--projects .page-projects__grid .case-card {
    width: 100%;
    max-width: none;
    flex: none;
    gap: 16px;
  }

  .page--projects .page-projects__grid .case-card__media {
    height: 300px;
    aspect-ratio: auto;
  }

  .page--projects .page-projects__grid .case-card__tags {
    top: 16px;
    left: 16px;
    right: 16px;
    gap: 8px;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .page--projects .page-projects__grid .case-card__dots {
    bottom: 16px;
    width: 230px;
    gap: 8px;
  }

  .page--projects .page-projects__grid .case-card__footer {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-inline: 8px;
  }

  .page--projects .page-projects__grid .case-card__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase;
  }

  .page--projects .page-projects__grid .case-card__meta {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }
}

/* ≤540px: шапка/фильтры (Figma 409:13955 / 409:13953) */
@media (max-width: 540px) {
  .page--projects .page-projects__top {
    padding: 12px var(--space-page-mobile) 0;
  }

  .page--projects .page-projects__top .breadcrumb {
    gap: 4px;
    font-size: 16px;
    line-height: 20px;
  }

  .page--projects .page-projects__header {
    gap: 12px;
    margin-top: 12px;
    margin-bottom: 32px;
    padding-inline: 0;
  }

  .page--projects .page-projects__hero {
    gap: 24px;
    padding: 12px var(--space-page-mobile);
  }

  .page--projects .page-projects__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--projects .page-projects__lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page--projects .projects-filters {
    box-sizing: border-box;
    gap: 8px;
    margin-inline: 0;
    width: 100%;
    min-height: 86px;
    padding-block: 19px;
    padding-inline: var(--space-page-mobile);
    scroll-padding-inline: var(--space-page-mobile);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 rgba(85, 86, 88, 0.1);
  }

  /* Правый отступ в конце горизонтального скролла */
  .page--projects .projects-filters::after {
    content: "";
    flex: 0 0 var(--space-page-mobile);
    scroll-snap-align: none;
  }

  .page--projects .projects-filter {
    box-sizing: border-box;
    height: 48px;
    min-height: 48px;
    border: none;
    font-size: 16px;
    line-height: 20px;
    box-shadow: inset 0 0 0 1px var(--color-black);
  }

  .page--projects .projects-filter--active {
    box-shadow: none;
  }

  .page--projects .projects-filter[data-project-filter="all"] {
    width: 118px;
    padding: 14px 11px;
  }

  .page--projects .projects-filter[data-project-filter="stand"] {
    width: 184px;
    padding: 14px 8.5px;
  }

  .page--projects .projects-filter[data-project-filter="showroom"] {
    width: 89px;
    padding: 14px 12.5px;
  }

  .page--projects .projects-filter[data-project-filter="museum"] {
    width: 190px;
    padding: 14px 8px;
  }

  .page--projects .projects-filter[data-project-filter="art"] {
    width: 122px;
    padding: 14px 11px;
  }

  .page--projects .projects-filter[data-project-filter="forum"] {
    width: 250px;
    padding: 14px 5.5px;
  }

  .page--projects .page-projects__listing {
    gap: 32px;
    padding-inline: var(--space-page-mobile);
  }

  .page--projects .page-projects__footer {
    gap: 16px;
  }

  .page--projects .page-projects__load-more.btn--outline-dark {
    box-sizing: border-box;
    width: 213px;
    height: 52px;
    padding: 16px 28px 16px 32px;
    border: none;
    box-shadow: inset 0 0 0 1px var(--color-black);
    font-size: 16px;
    line-height: 20px;
  }

  .page--projects .page-projects__load-more.btn--outline-dark:hover:not(:disabled):not(.is-disabled) {
    border: none;
  }

  .page--projects .section-seo.section {
    padding-top: 80px;
  }

  .page--projects .section-seo__layout {
    gap: 40px;
    padding: 24px 16px 80px;
  }

  .page--projects .section-seo__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--projects .section-seo__text.text-body,
  .page--projects .section-seo__extra-text.text-body {
    font-size: 16px;
    line-height: 20px;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-project-detail.css?178638709516817*/
/**
 * Страница проекта — Figma 409:13191
 */

.page--project-detail {
  --service-type-gallery-width: clamp(320px, 44.74vw, 859px);
}

.page-project-detail {
  padding-top: var(--header-height);
  min-width: 0;
  overflow-x: clip;
}

.page-project-detail__top {
  padding: var(--space-gap-md) var(--space-page) 0;
  min-width: 0;
}

.page-project-detail__hero {
  padding-inline: var(--space-page);
  margin-top: var(--space-block);
}

.page--project-detail .breadcrumb {
  flex-wrap: nowrap;
  min-width: 0;
  max-width: 100%;
}

.page--project-detail .breadcrumb__item:not(:last-child) {
  flex-shrink: 0;
}

.page--project-detail .breadcrumb__item:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page--project-detail .breadcrumb__item:last-child a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page--project-detail .service-type-project {
  padding-top: var(--space-block);
}

.page--project-detail .service-type-project__lead {
  color: var(--color-gray);
}

.page--project-detail .service-type-project__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page--project-detail .service-type-project__intro {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.page--project-detail .service-type-project__title-accent {
  color: var(--color-green);
}

.page--project-detail .service-type-project__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page--project-detail .service-type-project__meta-item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 8px 16px;
  border-radius: var(--radius-md);
  background: var(--color-bg);
  font-size: 18px;
  line-height: 22px;
  white-space: nowrap;
}

@media (min-width: 541px) {
  .page--project-detail .service-type-project__meta-item:nth-child(1) {
    width: 92px;
  }

  .page--project-detail .service-type-project__meta-item:nth-child(2) {
    width: 99px;
  }

  .page--project-detail .service-type-project__meta-item:nth-child(3) {
    width: 97px;
  }

  .page--project-detail .service-type-project__meta-item:nth-child(4) {
    width: 130px;
  }
}

.page--project-detail .service-type-project__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page--project-detail .service-type-project__grid {
  min-width: 0;
}

.page--project-detail .service-type-project__content,
.page--project-detail .service-type-project__intro,
.page--project-detail .service-type-project__heading,
.page--project-detail .service-type-project__title {
  min-width: 0;
  max-width: 100%;
}

.page--project-detail .service-type-project__title {
  white-space: normal;
  overflow-wrap: break-word;
}

@media (min-width: 1241px) {
  .page--project-detail .service-type-project__content {
    flex: 1 1 0;
    min-width: 0;
    max-width: 736px;
  }
}

/* ─── Figma 409:13201 @1920px ─── */

@media (min-width: 1920px) {
  .page--project-detail {
    --service-type-gallery-width: 1056px;
  }

  .page--project-detail .service-type-project__grid {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 64px;
    padding-inline: var(--space-page);
  }

  .page--project-detail .service-type-project__gallery {
    flex: 0 0 1056px;
    width: 1056px;
    gap: 16px;
  }

  .page--project-detail .service-type-project__gallery-main {
    flex: none;
    width: 1056px;
    height: 594px;
    aspect-ratio: auto;
  }

  .page--project-detail .service-type-project__gallery-row {
    display: flex;
    gap: 16px;
    width: 1056px;
  }

  .page--project-detail .service-type-project__gallery-item {
    flex: 0 0 520px;
    width: 520px;
    height: 292.5px;
    aspect-ratio: auto;
  }

  .page--project-detail .service-type-project__gallery-item:last-child {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: auto;
    aspect-ratio: 1280 / 720;
  }

  .page--project-detail .service-type-project__content {
    flex: 0 0 736px;
    width: 736px;
    max-width: 736px;
    gap: 40px;
  }

  .page--project-detail .service-type-project__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page--project-detail .service-type-project__lead {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .page--project-detail .service-type-project__actions .btn--lg {
    box-sizing: border-box;
    height: auto;
    min-height: 54px;
    padding: 16px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  .page--project-detail .service-type-project__gallery-zoom svg {
    width: 64px;
    height: 64px;
  }
}

/* >1920px — пропорциональное расширение grid (1056 : 736 @1920) */
@media (min-width: 1921px) {
  .page--project-detail {
    --project-detail-grid-gap: 64px;
    --project-detail-grid-inner: calc(100vw - 2 * var(--space-page));
    --project-detail-content-width: calc(
      (var(--project-detail-grid-inner) - var(--project-detail-grid-gap)) * 736 / 1792
    );
    --service-type-gallery-width: calc(
      (var(--project-detail-grid-inner) - var(--project-detail-grid-gap)) * 1056 / 1792
    );
  }

  .page--project-detail .service-type-project__grid {
    justify-content: flex-start;
  }

  .page--project-detail .service-type-project__gallery {
    flex: 0 1 var(--service-type-gallery-width);
    width: var(--service-type-gallery-width);
    max-width: none;
  }

  .page--project-detail .service-type-project__gallery-main {
    width: 100%;
    height: auto;
    aspect-ratio: 1056 / 594;
  }

  .page--project-detail .service-type-project__gallery-row {
    width: 100%;
  }

  .page--project-detail .service-type-project__gallery-item,
  .page--project-detail .service-type-project__gallery-item:last-child {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: auto;
    aspect-ratio: 1280 / 720;
  }

  .page--project-detail .service-type-project__content {
    flex: 0 0 var(--project-detail-content-width);
    width: var(--project-detail-content-width);
    max-width: none;
  }
}

/* ─── Галерея: hover + lightbox ─── */

.service-type-project__gallery-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: var(--color-white);
}

.service-type-project__gallery-zoom {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: background var(--transition-fast), opacity var(--transition-fast);
  pointer-events: none;
}

.service-type-project__gallery-link:hover .service-type-project__gallery-zoom,
.service-type-project__gallery-link:focus-visible .service-type-project__gallery-zoom {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

/* ─── Похожие проекты ─── */

.page-project-related {
  padding-bottom: var(--space-section);
}

.page-project-related__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-gap-md);
  margin-bottom: var(--space-block);
  padding-inline: var(--space-page);
}

.page-project-related__title {
  margin: 0;
  text-transform: uppercase;
}

/* Figma 409:13229 — Arrow 56×56, gap 8px */
.page-project-related__nav.slider-nav {
  gap: 8px;
  flex-shrink: 0;
}

.page-project-related__scroll {
  display: flex;
  gap: var(--space-gap-md);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--space-page);
  padding-inline: var(--space-page);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.page-project-related__scroll::-webkit-scrollbar {
  display: none;
}

.page-project-related__scroll .case-card {
  flex: 0 0 var(--case-card-grid-width);
  width: var(--case-card-grid-width);
  max-width: var(--case-card-grid-width);
  scroll-snap-align: start;
}

.case-card--linked {
  cursor: pointer;
}

.case-card--linked:focus-visible {
  outline: 2px solid var(--color-green);
  outline-offset: 4px;
}

/* ─── ≤1240px — Figma 409:13735 (744px) ─── */

@media (max-width: 1240px) {
  .page-project-detail__top {
    padding: 16px var(--space-page-mobile) 0;
  }

  .page-project-detail__hero {
    padding-inline: var(--space-page-mobile);
  }

  .page--project-detail .service-type-project {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .page--project-detail .service-type-project__grid,
  .page-project-related__header {
    padding-inline: var(--space-page-mobile);
  }

  .page--project-detail .breadcrumb {
    font-size: 16px;
    line-height: 20px;
  }

  /* Порядок: заголовок → галерея → текст → кнопка (409:13744) */
  .page--project-detail .service-type-project__grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .page--project-detail .service-type-project__content {
    display: contents;
    order: unset;
    position: static;
  }

  .page--project-detail .service-type-project__intro {
    display: contents;
  }

  .page--project-detail .service-type-project__heading {
    order: 1;
  }

  .page--project-detail .service-type-project__gallery {
    order: 2;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--space-page-mobile);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    margin-inline: calc(-1 * var(--space-page-mobile));
    padding-inline: var(--space-page-mobile);
    width: calc(100% + 2 * var(--space-page-mobile));
  }

  .page--project-detail .service-type-project__gallery::-webkit-scrollbar {
    display: none;
  }

  .page--project-detail .service-type-project__gallery-main {
    flex: 0 0 643px;
    width: 643px;
    height: 480px;
    aspect-ratio: auto;
    scroll-snap-align: start;
  }

  .page--project-detail .service-type-project__gallery-row {
    flex: 0 0 643px;
    width: 643px;
    height: 480px;
    scroll-snap-align: start;
  }

  .page--project-detail .service-type-project__lead {
    order: 3;
  }

  .page--project-detail .service-type-project__actions {
    order: 4;
    width: 100%;
  }

  .page--project-detail .service-type-project__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .page--project-detail .service-type-project__actions .btn--lg {
    box-sizing: border-box;
    height: 54px;
    min-height: 54px;
    padding: 16px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  .page--project-detail .service-type-project__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page--project-detail .service-type-project__lead {
    font-size: 20px;
    line-height: 28px;
  }

  .page--project-detail .service-type-project__meta-item {
    font-size: 18px;
    line-height: 22px;
  }

  .page--project-detail .page-project-related {
    padding-top: 80px;
  }

  .page-project-related__header {
    margin-bottom: 32px;
    padding-inline: 12px var(--space-page-mobile);
  }

  .page-project-related__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page-project-related__nav {
    display: none;
  }

  .page-project-related__scroll {
    gap: 16px;
    margin-right: calc(-1 * var(--space-page-mobile));
    padding-left: var(--space-page-mobile);
    padding-right: 0;
    scroll-padding-inline: var(--space-page-mobile);
  }

  .page-project-related__scroll::after {
    content: "";
    flex: 0 0 var(--space-page-mobile);
    scroll-snap-align: none;
  }

  .page--project-detail .page-project-related__scroll .case-card {
    flex: 0 0 min(var(--case-card-grid-width), calc(100vw - var(--space-page-mobile) - 80px));
    width: min(var(--case-card-grid-width), calc(100vw - var(--space-page-mobile) - 80px));
    max-width: min(var(--case-card-grid-width), calc(100vw - var(--space-page-mobile) - 80px));
    gap: 24px;
  }

  .page--project-detail .page-project-related__scroll .case-card__media {
    height: 500px;
    aspect-ratio: auto;
  }

  .page--project-detail .page-project-related__scroll .case-card__footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-inline: 8px;
  }

  .page--project-detail .page-project-related__scroll .case-card__title {
    font-size: 28px;
    line-height: 36px;
  }

  .page--project-detail .page-project-related__scroll .case-card__meta {
    font-size: 20px;
    line-height: 28px;
  }
}

/* ─── ≤540px — Figma 409:14295 (390px) ─── */

@media (max-width: 540px) {
  .page--project-detail .page-project-detail__top {
    padding: 12px var(--space-page-mobile) 0;
  }

  .page--project-detail .page-project-detail__top .breadcrumb {
    gap: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .page--project-detail .service-type-project.section {
    padding-top: 12px;
    padding-bottom: 0;
  }

  .page--project-detail .service-type-project__grid {
    gap: 24px;
    padding: 12px var(--space-page-mobile);
  }

  .page--project-detail .service-type-project__heading {
    gap: 0;
  }

  .page--project-detail .service-type-project__meta {
    display: none;
  }

  .page--project-detail .service-type-project__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--project-detail .service-type-project__lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page--project-detail .service-type-project__gallery {
    flex-direction: row;
    align-items: stretch;
    gap: 8.411px;
    margin-inline: calc(-1 * var(--space-page-mobile));
    padding-inline: var(--space-page-mobile);
    width: calc(100% + 2 * var(--space-page-mobile));
    scroll-padding-inline: var(--space-page-mobile);
  }

  .page--project-detail .service-type-project__gallery-main {
    flex: 0 0 338px;
    width: 338px;
    height: 252px;
    aspect-ratio: auto;
    scroll-snap-align: start;
  }

  .page--project-detail .service-type-project__gallery-row {
    display: flex;
    flex-direction: column;
    flex: 0 0 217px;
    width: 217px;
    height: 252px;
    gap: 8.411px;
    scroll-snap-align: start;
  }

  .page--project-detail .service-type-project__gallery-item {
    flex: 0 0 121px;
    width: 217px;
    height: 121px;
    aspect-ratio: auto;
  }

  .page--project-detail .service-type-project__actions .btn--lg {
    box-sizing: border-box;
    height: 54px;
    min-height: 54px;
    padding: 16px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  .page--project-detail .page-project-related {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .page--project-detail .page-project-related__header {
    margin-bottom: 32px;
    padding-inline: var(--space-page-mobile) 32px;
  }

  .page--project-detail .page-project-related__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--project-detail .page-project-related__scroll {
    gap: 16px;
    margin-right: calc(-1 * var(--space-page-mobile));
    padding-left: var(--space-page-mobile);
    padding-right: 0;
    scroll-padding-inline: var(--space-page-mobile);
  }

  .page--project-detail .page-project-related__scroll .case-card {
    flex: 0 0 min(340px, calc(100vw - var(--space-page-mobile) * 2 - 26px));
    width: min(340px, calc(100vw - var(--space-page-mobile) * 2 - 26px));
    max-width: min(340px, calc(100vw - var(--space-page-mobile) * 2 - 26px));
    gap: 16px;
  }

  .page--project-detail .page-project-related__scroll .case-card__media {
    height: 300px;
    aspect-ratio: auto;
  }

  .page--project-detail .page-project-related__scroll .case-card__footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-inline: 8px;
  }

  .page--project-detail .page-project-related__scroll .case-card__title {
    font-size: 24px;
    line-height: 32px;
  }

  .page--project-detail .page-project-related__scroll .case-card__meta {
    font-size: 18px;
    line-height: 22px;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-about.css?178638709526542*/
/**
 * Страница «О нас» — Figma 409:25859 (desktop), 409:26524 (744), 409:27232 (390)
 */

.page--about {
  background: var(--color-white);
}

.page-about {
  padding-top: var(--header-height);
  min-width: 0;
}

.page-about__shell {
  display: flex;
  flex-direction: column;
  gap: var(--space-section);
  padding: var(--space-gap-md) var(--space-page) 0;
}

.page-about__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.page--about .breadcrumb {
  flex-wrap: nowrap;
  min-width: 0;
  max-width: 100%;
}

.page--about .breadcrumb__item:not(:last-child) {
  flex-shrink: 0;
}

.page--about .breadcrumb__item:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ─── Hero ─── */

.page-about__hero {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.page-about__hero-top {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.page-about__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-transform: uppercase;
}

.page-about__title-line {
  display: block;
}

.page-about__lead {
  margin: 0;
  max-width: 100%;
  font-weight: 500;
}

.page-about__hero-media {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.page-about__hero-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ─── Статистика ─── */

.page-about__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-block) var(--space-gap-md);
}

.page-about__stat {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
  min-width: 0;
}

.page-about__stat-value {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: var(--color-green);
  white-space: nowrap;
}

.page-about__stat-text {
  margin: 0;
  font-size: var(--text-large-size);
  line-height: var(--text-large-line);
  font-weight: 500;
  color: var(--color-black);
}

.page-about__stat-br {
  display: none;
}

.page-about__stat-copy--mobile,
.page-about__stat-copy--desktop {
  display: none;
}

/* ─── История ─── */

.page-about__history {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.page-about__history-title {
  margin: 0;
  text-transform: uppercase;
}

.page-about__history-title-br-mobile {
  display: none;
}

.page-about__history-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
}

.page-about__history-quote {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.page-about__history-quote--tablet {
  display: none;
}

.page-about__history-quote p {
  margin: 0;
}

.page-about__history-body p {
  margin: 0;
}

.page-about__history-lead {
  font-weight: 500;
}

.page-about__history-media {
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

.page-about__history-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ─── Команда ─── */

.page-about__team {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.page-about__team-title {
  margin: 0;
  text-transform: uppercase;
}

.page-about__team-list {
  display: flex;
  flex-direction: column;
}

.about-member {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  padding-block: var(--space-gap-md);
  border-bottom: 1px solid var(--color-border);
}

.about-member:last-child {
  border-bottom: none;
}

.about-member__photo {
  display: block;
  width: 180px;
  height: 180px;
  border-radius: var(--radius-md);
  object-fit: cover;
  object-position: center 27.5%;
  flex-shrink: 0;
}

.about-member__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
  min-width: 0;
  flex: 1 1 auto;
}

.about-member__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
}

.about-member__name {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-line);
  letter-spacing: 0;
  text-transform: uppercase;
  color: #2e3133;
}

.about-member__roles {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.about-member__role,
.about-member__tagline {
  margin: 0;
  font-size: var(--text-large-size);
  line-height: var(--text-large-line);
  font-weight: 500;
  color: #2e3133;
}

.about-member__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-xs);
}

.about-member__bio {
  margin: 0;
  max-width: 1163px;
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  color: var(--color-gray);
}

.about-member:has(.about-member__toggle):not(.about-member--expanded) .about-member__bio {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}

.about-member--expanded .about-member__bio {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
  white-space: normal;
}

.about-member__toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-gap-xs);
  padding: 0;
  border: 0;
  background: none;
  font-size: var(--text-small-size);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
  color: var(--color-green);
  cursor: pointer;
}

.about-member__toggle-label {
  font-family: var(--font-golos);
}

.about-member__toggle-icon {
  width: 15px;
  height: 8px;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.about-member--expanded .about-member__toggle-icon {
  transform: rotate(180deg);
}

/* ─── Цикл преимуществ (409:25900) ─── */

.about-cycle {
  position: relative;
  display: grid;
  gap: 24px;
  padding: 32px 24px;
  min-height: 1054px;
  background: var(--color-bg);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.about-cycle__orbit {
  position: absolute;
  border: none;
  border-radius: 50%;
  background: transparent;
  pointer-events: none;
}

.about-cycle__orbit::before,
.about-cycle__orbit::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--about-cycle-orbit-gradient);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
}

.about-cycle__orbit::before {
  --about-cycle-orbit-gradient: linear-gradient(90deg, #202123 0%, rgba(228, 231, 232, 0) 30%);
}

.about-cycle__orbit::after {
  --about-cycle-orbit-gradient: linear-gradient(90deg, rgba(228, 231, 232, 0) 80%, #202123 100%);
}

.about-cycle__orbit--wide {
  left: calc(50% - 928px);
  top: calc(50% - 303px);
  width: 1856px;
  height: 603px;
  transform: none;
}

.about-cycle__orbit--tall {
  left: calc(50% - 576px);
  top: calc(50% - 301.5px);
  width: 1152px;
  height: 603px;
  transform: rotate(28.62deg);
}

.about-cycle__center {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 384px;
  margin-inline: auto;
  color: var(--color-black);
}

.about-cycle__logo {
  display: block;
  width: 382px;
  height: auto;
}

.about-cycle__wordmark {
  display: block;
  width: 384px;
  height: auto;
}

.about-cycle__cards {
  display: contents;
}

.about-cycle__card {
  position: relative;
  z-index: 1;
  width: fit-content;
  padding: 24px;
  border-radius: var(--radius-md);
  background: var(--color-bg);
}

.about-cycle__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-line);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--color-black);
}

.about-cycle__card-text {
  margin: 24px 0 0;
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  color: var(--color-black);
}

/* ─── Desktop ≥1241px (409:25859) ─── */

@media (min-width: 1241px) {
  .page--about .page-about__shell {
    gap: 0;
  }

  .page--about .page-about + .section-partners {
    margin-top: var(--space-section);
    padding-top: 0;
  }

  .page--about .about-cycle {
    margin-top: var(--space-section);
  }

  .page--about .page-about__shell > * + * {
    margin-top: var(--space-section);
  }

  .page--about .page-about__head {
    gap: var(--space-block);
  }

  .page-about__hero-top {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
  }

  .page-about__lead {
    flex: 0 0 var(--col-narrow);
    width: var(--col-narrow);
    max-width: var(--col-narrow);
    font-size: var(--text-large-size);
    line-height: var(--text-large-line);
    font-weight: 500;
  }

  .page-about__hero-media {
    width: 100%;
    height: 800px;
  }

  .page-about__hero-img {
    width: 100%;
    height: 100%;
  }

  .page-about__history {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    justify-items: flex-end;
    gap: 40px;
    width: 100%;
    padding-block: var(--space-block);
    padding-inline: 0;
  }

  .page-about__history-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-gap-lg);
    width: 736px;
    max-width: 100%;
    margin-right: auto;
  }

  .page-about__history-title {
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-line);
    letter-spacing: var(--text-h3-tracking);
  }

  .page-about__history-body {
    width: 736px;
    max-width: 100%;
    gap: var(--space-gap-sm);
  }

  .text-large.page-about__history-lead {
    margin-top: 0;
  }

  .page-about__history-media {
    width: 736px;
    max-width: 100%;
    min-width: 0;
    aspect-ratio: 736 / 529;
    height: auto;
  }

  .page-about__history-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .page-about__team {
    gap: var(--space-block);
    width: 100%;
    padding-block: var(--space-block);
    padding-inline: 0;
  }

  .page-about__team-list {
    width: 100%;
  }

  .page-about__team-title {
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-line);
    letter-spacing: var(--text-h3-tracking);
  }

  .about-member {
    flex-direction: row;
    align-items: center;
    gap: var(--space-gap-md);
    padding-top: var(--space-gap-lg);
    padding-bottom: var(--space-gap-lg);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-border);
  }

  .about-member:first-child {
    padding-top: 0;
  }

  .about-member:last-child {
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-border);
  }

  .about-member__photo {
    width: 352px;
    height: 352px;
  }

  .about-member__body {
    padding-block: 26px;
  }

  .page-about__team-list > .about-member:nth-child(4) .about-member__head,
  .page-about__team-list > .about-member:nth-child(5) .about-member__head {
    gap: 8px;
  }

  .about-member--expanded .about-member__body {
    padding-top: 26px;
    padding-bottom: 0;
  }

  .about-member__toggle-icon {
    width: 20px;
    height: 20px;
  }

  .about-cycle {
    min-height: 1054px;
    padding: 0;
    width: 100%;
  }

  .about-cycle__orbit--wide {
    left: calc(50% - 928px);
    top: calc(50% - 303px);
    width: 1856px;
    height: 603px;
    transform: none;
  }

  .about-cycle__orbit--tall {
    left: calc(50% - 576px);
    top: calc(50% - 301.5px);
    width: 1152px;
    height: 603px;
    transform: rotate(28.62deg);
  }

  .about-cycle__center {
    position: absolute;
    left: calc(50% - 192px);
    top: calc(50% - 225px);
    transform: none;
    width: 384px;
    margin: 0;
  }
}

/* ─── ≥1440px — заголовок hero ─── */

@media (min-width: 1440px) {
  .page-about__title {
    width: var(--col-wide);
    max-width: var(--col-wide);
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
  }
}

/* ─── ≤1440px — цикл преимуществ (карточки) ─── */

@media (max-width: 1440px) {
  .page--about .about-cycle {
    display: block;
    min-height: 886px;
    height: 886px;
    padding: 0 0 24px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-cycle__cards {
    position: absolute;
    left: 24px;
    right: 0;
    bottom: 24px;
    z-index: 1;
    display: flex;
    gap: 21px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-right: 24px;
  }

  .about-cycle__card {
    position: relative;
    flex: 0 0 auto;
    z-index: 1;
    width: fit-content;
  }

  .about-cycle__card-title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
  }

  .about-cycle__card-text {
    margin-top: 24px;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-black);
  }
}

/* ─── ≥1441px — цикл преимуществ (карточки) ─── */

@media (min-width: 1441px) {
  .about-cycle__card {
    position: absolute;
  }

  .about-cycle__card--full {
    left: calc(50% - 100% * 928 / 1920);
    top: calc(50% - 100% * 255 / 1054);
    width: calc(100% * 281 / 1920);
  }

  .about-cycle__card--geo {
    left: calc(50% + 100% * 192 / 1920);
    top: calc(50% - 100% * 443 / 1054);
    width: calc(100% * 336 / 1920);
  }

  .about-cycle__card--production {
    left: calc(50% - 100% * 576 / 1920);
    top: calc(50% + 100% * 233 / 1054);
    width: calc(100% * 293 / 1920);
  }

  .about-cycle__card--deadline {
    left: calc(50% + 100% * 448 / 1920);
    top: calc(50% + 100% * 142 / 1054);
    width: calc(100% * 236 / 1920);
  }
}

/* ─── <1640px — статистика ─── */

@media (max-width: 1639.98px) {
  .page-about__stat {
    max-width: 450px;
  }

  .page-about__stat-value {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page-about__stat-text {
    font-size: 18px;
    line-height: 22px;
  }
}

/* ─── ≥1640px — статистика ─── */

@media (min-width: 1640px) {
  .page--about .page-about__shell > .page-about__head + .page-about__stats {
    margin-top: 40px;
  }

  .page-about__stats {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    padding-inline: 0;
  }

  .page-about__stat {
    flex: 0 0 352px;
    width: 352px;
    max-width: 352px;
    gap: var(--space-gap-sm);
  }

  .page-about__stat-text {
    max-width: 352px;
  }

  .page-about__stat--wide {
    flex: 0 0 556px;
    width: 556px;
    max-width: 556px;
  }

  .page-about__stat--wide .page-about__stat-text {
    max-width: 556px;
    width: 556px;
  }

  .page-about__stat-value {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page-about__stat-br--desktop {
    display: inline;
  }

  .page-about__stat-copy--desktop {
    display: inline;
  }
}

/* ─── ≤1240px (409:26524 — 744px) ─── */

@media (max-width: 1240px) {
  .page-about__shell {
    gap: 0;
    padding: var(--space-gap-sm) var(--space-page-mobile) 0;
  }

  .page-about__shell > * + * {
    margin-top: 80px;
  }

  .page-about__shell > .page-about__head + .page-about__stats {
    margin-top: 32px;
  }

  .page-about__head {
    gap: 32px;
  }

  .page-about__hero {
    gap: var(--space-gap-lg);
  }

  .page-about__hero-top {
    gap: var(--space-gap-md);
  }

  .page-about__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
    white-space: normal;
  }

  .text-large.page-about__lead {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
  }

  .page-about__hero-media {
    width: 100%;
    aspect-ratio: 687 / 486;
    height: auto;
  }

  .page-about__hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .page-about__stats {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 24px;
    row-gap: 24px;
    padding-left: var(--space-gap-xs);
    padding-right: 0;
  }

  .page-about__stat {
    gap: 16px;
  }

  .page-about__stat:nth-child(1) {
    flex: 0 0 376px;
    width: 376px;
  }

  .page-about__stat:nth-child(2) {
    width: 288px;
  }

  .page-about__stat:nth-child(3) {
    width: 376px;
  }

  .page-about__stat:nth-child(4) {
    width: 288px;
  }

  .page-about__stat-value {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page-about__stat-text {
    font-size: 18px;
    line-height: 22px;
  }

  .page-about__stat--wide .page-about__stat-phrase--desktop {
    display: none;
  }

  .page-about__stat--wide .page-about__stat-copy--mobile {
    display: inline;
  }

  .page-about__stat--wide .page-about__stat-br--mobile {
    display: inline;
  }

  .page-about__stat-br--tablet {
    display: inline;
  }

  .page-about__history {
    display: flex;
    flex-direction: column;
    gap: var(--space-gap-lg);
    padding-block: 0;
  }

  .page-about__history-copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-gap-lg);
  }

  .page-about__history-title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page-about__history-body {
    max-width: none;
    gap: var(--space-gap-sm);
  }

  .page-about__history-quote {
    font-size: 18px;
    line-height: 22px;
  }

  .page-about__history-quote--default {
    display: none;
  }

  .page-about__history-quote--tablet {
    display: flex;
  }

  .text-large.page-about__history-lead {
    margin-top: 0;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
  }

  .page-about__history-media {
    flex: none;
    width: 100%;
    max-width: 100%;
    aspect-ratio: auto;
    height: 518px;
  }

  .page-about__history-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .page-about__team {
    padding: var(--space-block) var(--space-gap-xs) var(--space-block);
    gap: var(--space-block);
  }

  .page-about__team-title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .about-member {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-gap-md);
    padding-block: var(--space-gap-lg);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-border);
  }

  .about-member:first-child {
    padding-top: 0;
  }

  .about-member:last-child {
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-border);
  }

  .about-member__photo {
    width: 180px;
    height: 180px;
  }

  .about-member__body {
    gap: var(--space-gap-sm);
    padding-block: 26px;
  }

  .about-member--expanded .about-member__body {
    padding-top: 26px;
    padding-bottom: 0;
  }

  .about-member__head {
    gap: var(--space-gap-sm);
  }

  .about-member__name {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
  }

  .about-member__role,
  .about-member__tagline {
    font-size: 20px;
    line-height: 28px;
  }

  .about-member__content {
    gap: var(--space-gap-xs);
    min-width: 0;
    width: 100%;
  }

  .about-member__bio {
    font-size: 18px;
    line-height: 22px;
    color: #2e3133;
    min-width: 0;
    width: 100%;
    max-width: 1163px;
  }

  .about-member__toggle-icon {
    width: 20px;
    height: 20px;
  }

  .page--about .page-about + .section-partners {
    margin-top: 120px;
    padding-top: 0;
  }

  .page--about .about-cycle {
    margin-top: 120px;
  }

  .about-cycle__cards {
    left: 24px;
    bottom: 32px;
    padding-right: 24px;
  }

  .about-cycle__orbit--wide {
    left: calc(50% - 737.33px);
    top: calc(50% - 347.05px);
    width: 1474.66px;
    height: 479.11px;
    transform: none;
  }

  .about-cycle__orbit--tall {
    left: calc(50% - 457.65px);
    top: calc(50% - 348px);
    width: 915px;
    height: 479px;
    transform: rotate(28.62deg);
  }

  .about-cycle__center {
    position: absolute;
    left: 50%;
    top: calc(50% - 106.78px);
    transform: translate(-50%, -50%);
    width: 305px;
    gap: 32px;
    margin: 0;
    z-index: 1;
  }

  .about-cycle__logo {
    width: 303px;
  }

  .about-cycle__wordmark {
    width: 305px;
  }

  .about-cycle__card--production {
    width: 293px;
  }

  .about-cycle__card--deadline {
    width: 236px;
  }

  .about-cycle__card--full {
    width: 281px;
  }

  .about-cycle__card--geo {
    width: 336px;
  }
}

/* ─── ≤540px (409:27232 — 390px) ─── */

@media (max-width: 540px) {
  .page-about__shell {
    gap: 0;
    padding: 12px 12px 0;
  }

  .page-about__shell > * + * {
    margin-top: 80px;
  }

  .page-about__shell > .page-about__head + .page-about__stats {
    margin-top: 12px;
  }

  .page-about__head {
    gap: 12px;
    padding-top: 0;
  }

  .page-about__hero {
    gap: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .page-about__hero-top {
    gap: 24px;
  }

  .page-about__title {
    font-size: var(--text-h1-mob-size);
    line-height: var(--text-h1-mob-line);
    letter-spacing: var(--text-h1-mob-tracking);
  }

  .text-large.page-about__lead,
  .page-about__lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page-about__hero-media {
    width: 100%;
    aspect-ratio: 366 / 258.917;
  }

  .page-about__stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0;
    padding: 0;
  }

  .page-about__stat {
    gap: 8px;
    flex: none;
    width: auto;
    max-width: none;
  }

  .page-about__stat:nth-child(1),
  .page-about__stat:nth-child(2),
  .page-about__stat:nth-child(3),
  .page-about__stat:nth-child(4) {
    flex: none;
    width: auto;
    max-width: none;
  }

  .page-about__stat-value {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -1px;
  }

  .page-about__stat-text {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page-about__stat-phrase--desktop {
    display: none;
  }

  .page-about__stat-copy--mobile {
    display: inline;
  }

  .page-about__stat-copy--desktop {
    display: none;
  }

  .page-about__stat-br--mobile {
    display: inline;
  }

  .page-about__stat-br--tablet {
    display: none;
  }

  .page-about__stat-br--desktop {
    display: none;
  }

  .page-about__history {
    gap: 32px;
  }

  .page-about__history-copy {
    gap: 24px;
  }

  .page-about__history-title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page-about__history-title-br-mobile {
    display: block;
  }

  .page-about__history-quote.text-body {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-black);
  }

  .page-about__history-quote--default {
    display: flex;
  }

  .page-about__history-quote--tablet {
    display: none;
  }

  .text-large.page-about__history-lead {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--color-black);
    margin-top: 0;
    width: 217px;
    max-width: 100%;
  }

  .page-about__history-media {
    aspect-ratio: 366 / 280;
    height: auto;
  }

  .page-about__team {
    gap: 24px;
    padding: 0;
  }

  .page-about__team-title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    font-weight: 700;
  }

  .about-member {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-top: 0;
    padding-bottom: 24px;
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-border);
  }

  .about-member:not(:first-child) {
    padding-top: 24px;
  }

  .about-member:last-child {
    box-shadow: inset 0 -1px 0 var(--color-border);
  }

  .about-member__photo {
    width: 180px;
    height: 180px;
  }

  .about-member__body {
    gap: 16px;
    padding: 0;
    width: 100%;
    min-width: 0;
  }

  .about-member--expanded .about-member__body {
    padding: 0;
  }

  .about-member__head {
    gap: 12px;
    padding-right: 10px;
  }

  .about-member__roles {
    gap: 8px;
  }

  .about-member__name {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .about-member__role,
  .about-member__tagline {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .about-member__content {
    gap: 8px;
    min-width: 0;
    width: 100%;
  }

  .about-member__bio {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #2e3133;
    min-width: 0;
    width: 100%;
    max-width: 1163px;
  }

  .about-member__toggle {
    font-size: 16px;
    line-height: normal;
    letter-spacing: -0.16px;
  }

  .about-member__toggle-icon {
    width: 20px;
    height: 20px;
  }

  .page--about .page-about + .section-partners {
    margin-top: 80px;
    padding-top: 0;
  }

  .page--about .about-cycle {
    margin-top: 80px;
    min-height: 709px;
    height: 709px;
    padding: 0 0 0 12px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-cycle__cards {
    left: 12px;
    bottom: 24px;
    gap: 12px;
    padding-right: 12px;
  }

  .about-cycle__orbit--wide {
    left: calc(50% - 431.68px);
    top: calc(50% - 243.45px);
    width: 863.37px;
    height: 280.5px;
    transform: none;
  }

  .about-cycle__orbit--tall {
    left: calc(50% - 267.94px);
    top: calc(50% - 243.45px);
    width: 535.88px;
    height: 280.5px;
    transform: rotate(28.62deg);
  }

  .about-cycle__center {
    position: absolute;
    left: 50%;
    top: calc(50% - 103.17px);
    transform: translate(-50%, -50%);
    width: 227px;
    gap: 24px;
    margin: 0;
    z-index: 1;
  }

  .about-cycle__logo {
    width: 226px;
  }

  .about-cycle__wordmark {
    width: 227px;
  }

  .about-cycle__card--production {
    width: 250px;
  }

  .about-cycle__card--deadline {
    width: 199px;
  }

  .about-cycle__card--full {
    width: 239px;
  }

  .about-cycle__card--geo {
    width: 288px;
  }

  .about-cycle__card {
    flex: 0 0 auto;
    z-index: 1;
    width: fit-content;
    padding: 24px 16px;
  }

  .about-cycle__card-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .about-cycle__card-text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-black);
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-contacts.css?17863870958932*/
/**
 * Страница контактов — Figma 409:27857 / 409:28115
 */

.page--contacts {
  background: var(--color-white);
}

.page-contacts {
  padding-top: var(--header-height);
  min-width: 0;
}

.page-contacts__shell {
  display: flex;
  flex-direction: column;
  gap: var(--space-section);
  padding: var(--space-gap-md) var(--space-page) 0;
}

.page-contacts__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.page-contacts__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
}

.page--contacts .breadcrumb {
  flex-wrap: nowrap;
  min-width: 0;
  max-width: 100%;
}

.page--contacts .breadcrumb__item:not(:last-child) {
  flex-shrink: 0;
}

.page--contacts .breadcrumb__item:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-contacts__hero {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.page-contacts__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-transform: uppercase;
}

.page-contacts__title-line {
  display: block;
}

.page-contacts__socials {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 19px;
}

.page-contacts__social {
  display: block;
  flex-shrink: 0;
  width: 132px;
  height: 132px;
  color: var(--color-black);
  transition: color var(--transition-fast), opacity var(--transition-fast);
}

.page-contacts__social:hover {
  color: var(--color-green);
}

.page-contacts__social svg {
  display: block;
  width: 100%;
  height: 100%;
}

.page-contacts__regions {
  display: flex;
  flex-direction: column;
}

.page-contacts__region {
  display: flex;
  align-items: flex-start;
  gap: 0;
  padding-block: var(--space-block);
  border-bottom: none;
  box-shadow: inset 0 -1px 0 var(--color-gray);
}

.page-contacts__region--office {
  align-items: center;
  border-bottom: none;
  box-shadow: none;
}

.page-contacts__region-title {
  flex: 0 0 940px;
  width: 940px;
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line);
  letter-spacing: var(--text-h3-tracking);
  text-transform: uppercase;
}

.page-contacts__region-info {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-gap-xs);
}

.page-contacts__phone {
  margin: 0;
  color: var(--color-black);
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--transition-fast);
}

.page-contacts__phone:hover {
  color: var(--color-green);
}

.page-contacts__hours {
  margin: 0;
  text-align: left;
}

.page-contacts__address {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  text-transform: uppercase;
}

.page-contacts__media {
  display: flex;
  align-items: stretch;
  gap: var(--space-gap-md);
}

.page-contacts__map {
  flex: 1 1 0;
  min-width: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.page-contacts__map-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-contacts__title-line--desktop,
.page-contacts__title-line--tablet,
.page-contacts__title-line--mobile {
  display: none;
}

/* section-cta в ряду с картой — десктоп: только форма (409:28164) */
.page-contacts__media > .section-cta {
  padding-block: 0;
}

@media (min-width: 1241px) {
  .page-contacts__map {
    flex: 875 1 0;
    height: auto;
    min-height: 0;
    align-self: stretch;
  }

  .page-contacts__media > .section-cta {
    flex: 957 1 0;
    max-width: none;
    min-width: 0;
    padding: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }

  .page-contacts__media .cta-block {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    margin: 0;
    overflow: visible;
  }

  .page-contacts__media .cta-block__intro {
    display: none;
  }

  .page-contacts__media .cta-block__layout {
    height: auto;
    min-height: 100%;
    align-items: stretch;
  }

  .page-contacts__media .cta-block__form {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    min-height: auto;
    height: auto;
    padding: 64px 40px;
    margin: 0;
    box-sizing: border-box;
  }

  .page-contacts__media .cta-block__form-inner {
    width: 100%;
    max-width: clamp(360px, 31.25vw, 600px);
    flex: none;
  }
}

.page--contacts .section-seo {
  padding-top: var(--space-section);
}

/* ─── Desktop ≥1025px — Figma 409:28115 ─── */

@media (min-width: 1025px) {
  .page-contacts__hero {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-gap-lg);
  }

  .page-contacts__title {
    flex: 0 1 auto;
    max-width: 1120px;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
  }

  .page-contacts__title-line--desktop {
    display: block;
  }

  .page-contacts__socials {
    flex-shrink: 0;
    justify-content: flex-end;
  }
}

/* ─── ≤1240px — Figma 409:27858 (744px) ─── */

@media (max-width: 1240px) {
  .page-contacts__shell {
    gap: 80px;
    padding: var(--space-gap-sm) var(--space-page-mobile) 0;
  }

  .page-contacts__head {
    gap: 32px;
  }

  .page-contacts__hero {
    gap: 32px;
  }

  .page-contacts__main {
    gap: 0;
  }

  .page--contacts .breadcrumb {
    font-size: 16px;
    line-height: 20px;
  }

  .page-contacts__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
    white-space: normal;
  }

  .page-contacts__title-line--desktop {
    display: none;
  }

  .page-contacts__title-line--tablet {
    display: block;
  }

  .page-contacts__region {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-gap-md);
    padding-block: var(--space-block);
  }

  .page-contacts__region--office {
    gap: var(--space-gap-md);
  }

  .page-contacts__region-title {
    flex: none;
    width: 100%;
    max-width: none;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page-contacts__region-info {
    align-items: flex-start;
    width: 100%;
  }

  .page-contacts__hours {
    text-align: left;
  }

  .page-contacts__address {
    width: 100%;
    font-size: 28px;
    line-height: 36px;
  }

  .page-contacts__media {
    flex-direction: column;
    align-items: stretch;
    gap: 80px;
  }

  .page-contacts__map {
    width: 100%;
    height: 625px;
    min-height: 625px;
    aspect-ratio: auto;
  }

  .page-contacts__media > .section-cta {
    flex: none;
    width: 100%;
    max-width: none;
    padding-inline: 0;
  }

  .page--contacts .section-seo {
    padding-top: 120px;
  }
}

/* ─── ≤540px — Figma 409:27989 (390px) ─── */

@media (max-width: 540px) {
  .page-contacts__shell {
    gap: 80px;
    padding: 12px 0 0;
  }

  .page-contacts__head {
    gap: 12px;
    padding-top: 0;
  }

  .page--contacts .breadcrumb {
    padding-inline: var(--space-page-mobile);
  }

  .page-contacts__hero {
    gap: 24px;
    padding: var(--space-page-mobile);
  }

  .page-contacts__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
    width: 100%;
  }

  .page-contacts__title-line--tablet {
    display: none;
  }

  .page-contacts__title-line--mobile {
    display: block;
  }

  .page-contacts__socials {
    gap: 12px;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
  }

  .page-contacts__social {
    width: 82px;
    height: 82px;
  }

  .page-contacts__main {
    gap: 24px;
    padding-inline: var(--space-page-mobile);
  }

  .page-contacts__regions {
    gap: 24px;
  }

  .page-contacts__region {
    gap: var(--space-gap-sm);
    padding-block: var(--space-gap-sm);
  }

  .page-contacts__region--office {
    gap: var(--space-gap-sm);
  }

  .page-contacts__region-title {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page-contacts__phone {
    font-size: 24px;
    line-height: 32px;
  }

  .page-contacts__address {
    font-size: 24px;
    line-height: 32px;
  }

  .page-contacts__media {
    gap: 24px;
  }

  .page-contacts__map {
    height: 366px;
    min-height: 366px;
    aspect-ratio: auto;
  }

  .page-contacts__media > .section-cta {
    padding-inline: 0;
  }

  .page--contacts .section-seo {
    padding-top: 80px;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/pages-news.css?178638709520504*/
/**
 * Страницы новостей — Figma 409:24376 / 409:24377 / 409:25123
 */

.page--news {
  background: var(--color-white);
}

/* ─── Список новостей ─── */

.page-news {
  padding-top: var(--header-height);
}

.page-news__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  padding: var(--space-gap-md) var(--space-page) var(--space-block);
}

.page-news__breadcrumb {
  padding: 0;
}

.page-news__hero {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.page-news__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  letter-spacing: var(--text-h2-tracking);
  text-transform: uppercase;
}

.page-news__lead {
  margin: 0;
  max-width: 100%;
  font-weight: 500;
}

.page-news__listing {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 0 var(--space-page) var(--space-section);
}

.page-news__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
}

.page-news__row {
  display: grid;
  gap: var(--space-gap-md);
}

.page-news__row--2 {
  grid-template-columns: repeat(2, 1fr);
}

.page-news__row--3 {
  grid-template-columns: repeat(3, 1fr);
}

.page-news__row--desktop-only {
  display: none;
}

.page-news__row--mobile-only {
  display: grid;
}

.page-news__featured .news-card__media {
  height: 560px;
}

.page-news__grid .news-card:not(.news-card--featured) .news-card__media {
  height: 560px;
}

.page-news__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-gap-sm);
}

.page-news__load-more {
  gap: 12px;
  padding: var(--btn-padding-compact) 28px var(--btn-padding-compact) var(--btn-padding-x);
}

.page-news .pagination__btn {
  background: var(--color-bg);
}

.page-news .pagination__btn:disabled,
.page-news .pagination__btn--disabled {
  background: var(--color-pagination-disabled);
}

.page-news .pagination__btn[aria-current="page"] {
  background: var(--color-green);
  color: var(--color-white);
}

.page-news .pagination__btn--prev {
  color: var(--color-gray);
}

.page-news .pagination__btn--prev svg {
  transform: none;
}

.page-news .pagination__btn--next {
  color: var(--color-black);
}

/* Listing — Figma 409:12991 @1920 (footer: load-more) */
@media (min-width: 1920px) {
  .page--news .page-news__listing {
    padding-bottom: 160px;
  }

  .page--news main.page-news + .section-faq.section {
    padding-top: 0;
  }

  .page-news__load-more.btn--outline-dark {
    box-sizing: border-box;
    width: 229px;
    height: 54px;
    padding: 16px 28px 16px 32px;
    border: none;
    box-shadow: inset 0 0 0 1px var(--color-black);
  }

  .page-news__load-more.btn--outline-dark:hover:not(:disabled):not(.is-disabled) {
    border: none;
  }
}

/* ─── Статья ─── */

.page-article {
  padding-top: var(--header-height);
}

.page-article__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-lg);
  padding: var(--space-gap-md) var(--space-page) var(--space-block);
}

.page-article__breadcrumb {
  padding: 0;
}

.page-article__hero {
  display: contents;
}

.page-article__lead {
  display: none;
  margin: 0;
  font-weight: 500;
}

.page-article__title {
  box-sizing: border-box;
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  text-transform: uppercase;
}

.page-article__title-break {
  display: none;
}

.page-article__subtitle-break {
  display: none;
}

.page-article__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-md);
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 var(--space-page);
  box-sizing: border-box;
}

.page-article__media {
  position: relative;
  order: 1;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.page-article__img {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
}

.page-article__media .news-card__badge {
  position: absolute;
  top: var(--space-gap-sm);
  left: var(--space-gap-sm);
}

.page-article__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap-sm);
  order: 3;
}

.page-article__subtitle {
  margin: 0;
  padding: 0 8px;
  text-transform: uppercase;
}

.page-article__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 8px;
  font-weight: 500;
}

.page-article__body p {
  margin: 0;
}

.page-article__date {
  order: 2;
  padding: 0 8px;
  font-weight: 500;
  color: var(--color-gray);
}

@media (min-width: 1240px) {
  .page-article__inner {
    padding: 0;
  }
}

@media (min-width: 1025px) {
  .page-article__inner {
    gap: var(--space-gap-lg);
  }

  .page-article__content {
    display: contents;
  }

  .page-article__subtitle {
    order: 2;
  }

  .page-article__body {
    order: 3;
  }

  .page-article__date {
    order: 4;
  }
}

/* Статья — Figma @1920 */
@media (min-width: 1920px) {
  .page--news-article .page-article__top {
    gap: 40px;
  }

  .page--news-article .page-article__inner {
    gap: 0;
  }

  .page--news-article .page-article__subtitle {
    margin-top: 32px;
  }

  .page--news-article .page-article__body {
    margin-top: 24px;
  }

  .page--news-article .page-article__date {
    margin-top: 0;
    padding-top: 40px;
  }
}

/* Статья — Figma 409:24759 @744 */
@media (min-width: 541px) and (max-width: 1024px) {
  .page--news-article .page-article {
    padding-bottom: 120px;
  }

  .page--news-article .page-article__top {
    gap: 32px;
    padding: 16px var(--space-page-mobile) 40px;
  }

  .page--news-article .page-article__title {
    max-width: none;
    margin-inline: 0;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page--news-article .page-article__title-break {
    display: block;
  }

  .page--news-article .page-article__inner {
    gap: 0;
    max-width: none;
    margin-inline: 0;
    padding: 0 var(--space-page-mobile) 32px;
  }

  .page--news-article .page-article__img {
    height: 560px;
  }

  .page--news-article .page-article__date {
    margin-top: 24px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page--news-article .page-article__content {
    margin-top: 8px;
    gap: 16px;
  }

  .page--news-article .page-article__subtitle {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--news-article .page-article__body {
    font-size: 20px;
    line-height: 28px;
  }

  .page--news-article .page-news-related {
    gap: 32px;
    padding: 0 0 120px;
    padding-right: 0;
  }

  .page--news-article .page-news-related__header {
    padding: 0 32px 0 12px;
  }

  .page--news-article .page-news-related__nav {
    display: none;
  }

  .page--news-article .page-news-related__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--news-article .page-news-related__scroll {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding-inline: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 24px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .page--news-article .page-news-related__scroll::before,
  .page--news-article .page-news-related__scroll::after {
    content: "";
    flex: 0 0 24px;
    scroll-snap-align: none;
  }

  .page--news-article .page-news-related__scroll::-webkit-scrollbar {
    display: none;
  }

  .page--news-article .page-news-related__card {
    flex: 0 0 360px;
    width: 360px;
    max-width: 360px;
    scroll-snap-align: start;
    gap: 16px;
  }

  .page--news-article .page-news-related__card .news-card__media {
    height: 336px;
    aspect-ratio: auto;
  }

  .page--news-article .page-news-related__card .news-card__date {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .page--news-article .page-news-related__card .news-card__title,
  .page--news-article .page-news-related__card .news-card__title a {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .page--news-article .page-news-related__title-break {
    display: block;
  }
}

@media (max-width: 1024px) {
  .page-article__top {
    padding-inline: var(--space-page-mobile);
  }

  .page-article__inner {
    padding-inline: var(--space-page-mobile);
  }

  .page-news-related {
    padding-inline: var(--space-page-mobile);
  }

  .page-article__date {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line);
  }

  .page-article__content {
    gap: var(--space-gap-sm);
  }
}

/* ─── Похожие материалы ─── */

.page-news-related {
  display: flex;
  flex-direction: column;
  gap: var(--space-block);
  padding: var(--space-section) var(--space-page);
}

.page-news-related__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-gap-lg);
}

.page-news-related__title {
  margin: 0;
  text-transform: uppercase;
}

.page-news-related__title-break {
  display: none;
}

.page-news-related__nav {
  flex-shrink: 0;
}

.page-news-related__scroll {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-gap-md);
}

.page-news-related__card {
  width: 100%;
  min-width: 0;
}

.page-news-related__card .news-card__media {
  height: 560px;
}

/* Как .cases-grid — 901–1240px: 2 колонки */

@media (max-width: 1240px) and (min-width: 901px) {
  .page-news-related__scroll {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-news-related__card .news-card__media {
    height: auto;
    aspect-ratio: 602 / 560;
  }
}

/* Как .cases-grid — ≤900px: горизонтальный скролл с peek */

@media (max-width: 900px) {
  .page-news-related {
    padding-right: 0;
  }

  .page-news-related__nav {
    display: none;
  }

  .page-news-related__scroll {
    --cases-peek: 118px;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--space-page-mobile);
    gap: var(--space-gap-md);
    padding-inline: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .page-news-related__scroll::before,
  .page-news-related__scroll::after {
    content: "";
    flex: 0 0 var(--space-page-mobile);
    scroll-snap-align: none;
  }

  .page-news-related__scroll::-webkit-scrollbar {
    display: none;
  }

  .page-news-related__card {
    flex: 0 0 min(
      var(--case-card-grid-width),
      calc(100vw - var(--space-page-mobile) - var(--cases-peek))
    );
    scroll-snap-align: start;
    width: min(
      var(--case-card-grid-width),
      calc(100vw - var(--space-page-mobile) - var(--cases-peek))
    );
    max-width: min(
      var(--case-card-grid-width),
      calc(100vw - var(--space-page-mobile) - var(--cases-peek))
    );
  }

  .page-news-related__card .news-card__media {
    height: auto;
    aspect-ratio: 602 / 560;
  }
}

@media (max-width: 540px) {
  .page-news-related__scroll {
    --cases-peek: 26px;
  }

  .page-news-related__card {
    flex: 0 0 min(340px, calc(100vw - 24px));
    width: min(340px, calc(100vw - 24px));
    max-width: min(340px, calc(100vw - 24px));
  }

  .page-news-related__card .news-card__media {
    height: 380px;
    aspect-ratio: auto;
  }
}

@media (min-width: 1025px) {
  .page-news__top {
    gap: var(--space-block);
  }

  .page-news__hero {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-gap-lg);
  }

  .page-news__title {
    flex: 0 1 auto;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
  }

  .page-news__lead {
    flex: 0 1 916px;
    max-width: 916px;
  }

  .page-news__row--desktop-only {
    display: grid;
  }

  .page-news__row--mobile-only {
    display: none;
  }

  .page-news__featured {
    display: none;
  }
}

@media (max-width: 1024px) {
  .page-news__grid .news-card:not(.news-card--featured) .news-card__media {
    height: min(560px, 70vw);
  }

  .page-news__row--2,
  .page-news__row--3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-news__row--3 .news-card:nth-child(3) {
    display: none;
  }

  .page-article__img {
    height: min(560px, 70vw);
  }
}

/* ─── ≤1240px — Figma 409:24583 (744px) ─── */

@media (max-width: 1240px) {
  .page-news {
    padding-bottom: 60px;
  }

  .page-news__top {
    padding: var(--space-gap-sm) var(--space-page-mobile) 0;
    gap: var(--space-gap-lg);
  }

  .page-news__hero {
    gap: 24px;
    margin-bottom: var(--space-block);
  }

  .page--news .breadcrumb,
  .page--news .breadcrumb__item,
  .page--news .breadcrumb__item a {
    font-size: 16px;
    line-height: 20px;
  }

  .page-news__title {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .page-news__lead {
    font-size: 20px;
    line-height: 28px;
  }

  .page-news__listing {
    gap: 40px;
    padding-inline: var(--space-page-mobile);
  }

  .page-news__featured .news-card__media {
    height: 560px;
  }

  .page-news__grid .news-card:not(.news-card--featured) .news-card__media {
    height: 336px;
  }

  .page--news .news-card__date {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .page--news .news-card__title,
  .page--news .news-card__title a {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
  }
}

@media (min-width: 541px) and (max-width: 1024px) {
  .page-news__listing {
    padding-bottom: 32px;
  }

  .page-news__row--mobile-only {
    display: none;
  }

  .page-news__load-more.btn--outline-dark {
    box-sizing: border-box;
    width: 229px;
    height: 54px;
    padding: 16px 28px 16px 32px;
    border: none;
    box-shadow: inset 0 0 0 1px var(--color-black);
  }

  .page-news__load-more.btn--outline-dark:hover:not(:disabled):not(.is-disabled) {
    border: none;
  }
}

@media (max-width: 540px) {
  /* Figma 409:24860 (390px) — только страница новостей */
  .page--news .page-news__top {
    padding: 12px var(--space-page-mobile) 0;
    gap: 12px;
  }

  .page--news .page-news__hero {
    gap: 24px;
    margin-bottom: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .page--news .page-news__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
    padding-right: 145px;
  }

  .page--news .page-news__lead {
    font-size: 18px;
    line-height: 22px;
  }

  .page--news .page-news {
    padding-bottom: 0;
  }

  .page--news .page-news__listing {
    gap: 32px;
    padding-inline: var(--space-page-mobile);
    padding-bottom: 80px;
  }

  .page--news main.page-news + .section-faq.section {
    padding-top: 0;
  }

  .page--news .page-news__grid {
    gap: 24px;
  }

  .page-news__row--2:not(.page-news__row--mobile-only),
  .page-news__row--3:not(.page-news__row--desktop-only) {
    display: none;
  }

  .page--news .page-news__row--mobile-only {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .page--news .news-card {
    gap: 16px;
  }

  .page--news .news-card__date {
    font-size: 18px;
    line-height: 22px;
  }

  .page--news .news-card__title,
  .page--news .news-card__title a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .page--news .page-news__footer {
    gap: 16px;
  }

  .page--news .page-news__load-more.btn--outline-dark {
    box-sizing: border-box;
    width: 213px;
    height: 52px;
    padding: 16px 28px 16px 32px;
    border: none;
    box-shadow: inset 0 0 0 1px var(--color-black);
    font-size: 16px;
    line-height: 20px;
  }

  .page--news .page-news__load-more.btn--outline-dark:hover:not(:disabled):not(.is-disabled) {
    border: none;
  }

  .page--news .page-news__grid .news-card__media {
    height: 400px;
    min-height: 400px;
  }

  .page-article__img {
    height: 400px;
  }

  /* Статья — Figma 409:25021 @390 */
  .page--news-article .page-article__top {
    gap: 12px;
    padding: 12px 0 0;
  }

  .page--news-article .page-article__breadcrumb {
    padding-inline: 12px;
  }

  .page--news-article .page-article__hero {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
  }

  .page--news-article .page-article__lead {
    display: block;
    font-size: 18px;
    line-height: 22px;
  }

  .page--news-article .page-article__title {
    max-width: none;
    margin-inline: 0;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .page--news-article .page-article__title-break {
    display: block;
  }

  .page--news-article .page-article__inner {
    gap: 0;
    max-width: none;
    margin-inline: 0;
    margin-top: 32px;
    padding: 0 12px;
  }

  .page--news-article .page-article__date {
    margin-top: 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .page--news-article .page-article__content {
    margin-top: 8px;
    gap: 16px;
  }

  .page--news-article .page-article__subtitle {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--news-article .page-article__subtitle-break {
    display: block;
  }

  .page--news-article .page-article__body {
    font-size: 20px;
    line-height: 28px;
  }

  /* Похожие материалы — Figma 409:25043 @390 */
  .page--news-article .page-news-related {
    gap: 32px;
    padding: 80px 0;
    padding-right: 0;
    padding-left: 0;
  }

  .page--news-article .page-news-related__header {
    padding-inline: 12px;
  }

  .page--news-article .page-news-related__nav {
    display: none;
  }

  .page--news-article .page-news-related__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .page--news-article .page-news-related__scroll {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding-left: 12px;
    padding-right: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 12px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .page--news-article .page-news-related__scroll::before {
    display: none;
  }

  .page--news-article .page-news-related__scroll::after {
    content: "";
    flex: 0 0 12px;
    scroll-snap-align: none;
  }

  .page--news-article .page-news-related__scroll::-webkit-scrollbar {
    display: none;
  }

  .page--news-article .page-news-related__card {
    flex: 0 0 320px;
    width: 320px;
    max-width: 320px;
    scroll-snap-align: start;
    gap: 16px;
  }

  .page--news-article .page-news-related__scroll > .page-news-related__card:nth-child(3) {
    display: none;
  }

  .page--news-article .page-news-related__card .news-card__media {
    height: 360px;
    aspect-ratio: auto;
  }

  .page--news-article .page-news-related__card .news-card__meta {
    gap: 8px;
  }

  .page--news-article .page-news-related__card .news-card__date {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .page--news-article .page-news-related__card .news-card__title,
  .page--news-article .page-news-related__card .news-card__title a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .page--news-article .page-news-related__title-break {
    display: none;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/responsive-tablet.css?17864736219340*/
/**
 * Планшет: 745px — 1344px
 * Убирает горизонтальное переполнение и белую полосу справа
 */

@media (max-width: 1344px) {
  /* ─── Аккордеон услуг ─── */

  .service-accordion__item:not(.is-open) {
    min-height: 130px;
    box-sizing: border-box;
  }

  .service-accordion__item:not(.is-open) .service-accordion__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .service-accordion__item:not(.is-open):has(.service-accordion__price) .service-accordion__inner {
    align-items: center;
  }

  .service-accordion__item:not(.is-open) .service-accordion__row {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    min-width: 0;
  }

  .service-accordion__item:not(.is-open) .service-accordion__desc {
    display: none;
  }

  .service-accordion__item.is-open .service-accordion__inner {
    flex-direction: column;
    gap: var(--space-gap-md);
  }

  .service-accordion__item.is-open .service-accordion__content {
    width: 100%;
  }

  .section-services .service-accordion__title,
  .section-services .h3.service-accordion__title {
    flex: none;
    width: auto;
    max-width: none;
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line);
    letter-spacing: var(--text-h2-tracking);
  }

  /* ─── CTA (Figma 409:21759) ─── */

  .cta-block__layout {
    flex-direction: column;
    gap: var(--space-gap-md);
    padding-block: var(--space-gap-md);
    min-width: 0;
  }

  .cta-block__intro,
  .cta-block__form {
    flex: none;
    width: 100%;
    min-width: 0;
    padding: var(--space-gap-sm);
    box-sizing: border-box;
  }

  .cta-block__intro {
    max-width: 681px;
    padding-bottom: 0;
    position: static;
    z-index: 1;
  }

  .cta-block__layout {
    position: relative;
  }

  .cta-block__title {
    max-width: 736px;
  }

  .cta-block__form {
    max-width: none;
    padding-top: 0;
    position: relative;
    overflow: visible;
  }

  .cta-block__lead {
    max-width: 681px;
  }

  .cta-block__fields,
  .cta-block__submit {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 436px;
  }

  .cta-block__submit {
    align-self: flex-start;
  }

  .cta-block__bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    opacity: 0.25;
  }

  /* Декор — внизу справа формы, Figma 409:21780 */
  .cta-block__intro .cta-block__decor {
    top: auto;
    left: auto;
    bottom: -184px;
    right: -533px;
    width: 1058px;
    height: 1058px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cta-block__decor-rotate {
    transform: rotate(140.25deg) scaleY(-1);
  }

  .cta-block__decor-inner {
    flex-shrink: 0;
    width: 751px;
    height: 751px;
    overflow: hidden;
  }

  .cta-block__decor-inner img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  /* ─── 6 шагов — sticky scroll (Figma 409:20322) ─── */

  .advantages-steps:not(.is-static) {
    height: calc(var(--steps-count) * 100vh);
    padding-inline: var(--space-page-mobile);
  }

  .advantages-steps:not(.is-static) .advantages-steps__sticky {
    position: sticky;
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-block: 0;
    gap: 0;
    box-sizing: border-box;
  }

  .advantages-steps:not(.is-static) .advantages-steps__intro {
    flex: none;
    max-width: none;
    padding: 24px 0 0;
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading {
    gap: 24px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading .h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading .text-large {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .advantages-steps:not(.is-static) .advantages-steps__viewport {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    min-height: 0;
    max-width: none;
    margin-top: 0;
    align-self: stretch;
    overflow: hidden;
    padding-bottom: 0;
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack {
    position: relative;
    width: 100%;
    height: min(400px, 52vh);
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack .step-card {
    padding: 24px 16px;
    min-height: 0;
    gap: 16px;
  }

  .advantages-steps:not(.is-static) .step-card__bg-img {
    display: none;
  }

  .advantages-steps:not(.is-static) .step-card__title {
    font-size: 24px;
    line-height: 32px;
  }

  .advantages-steps:not(.is-static) .step-card__text {
    font-size: 16px;
    line-height: 20px;
  }

  .advantages-steps:not(.is-static) .step-card__num {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__cta {
    position: relative;
    z-index: 2;
    flex: none;
    align-self: center;
    width: 360px;
    max-width: calc(100% - 24px);
    margin: 64px auto 80px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__fade {
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    bottom: calc(72px + 64px + 80px);
    height: 80px;
  }

  /* ─── 6 шагов — статический список (prefers-reduced-motion) ─── */

  .advantages-steps.is-static {
    height: auto;
  }

  .advantages-steps.is-static .advantages-steps__sticky {
    position: relative;
    top: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-block: 0;
    gap: 0;
  }

  .advantages-steps.is-static .advantages-steps__intro {
    max-width: none;
    padding: 24px 0 0;
  }

  .advantages-steps.is-static .advantages-steps__viewport {
    width: 100%;
    min-height: 0;
    max-width: none;
    margin-top: 157px;
  }

  .advantages-steps.is-static .advantages-steps__cta {
    align-self: center;
    width: 360px;
    max-width: calc(100% - 24px);
    margin: 64px auto 80px;
  }

  .advantages-steps.is-static .advantages-steps__stack {
    position: static;
    width: 100%;
    height: auto;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-gap-sm);
  }

  .advantages-steps.is-static .advantages-steps__stack .step-card {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: auto !important;
  }

  .advantages-steps.is-static .advantages-steps__fade {
    display: none;
  }

  /* ─── FAQ / SEO ─── */

  .section-faq__layout,
  .section-seo__layout {
    flex-direction: column;
    gap: var(--space-block);
  }

  .section-faq__title,
  .section-seo__title {
    flex: none;
    max-width: none;
  }

  .faq-item__question {
    max-width: none;
  }

  /* ─── Подвал ─── */
/*
  .footer__inner {
    padding: 48px var(--space-page-mobile);
  }

  .footer__nav-col {
    gap: var(--space-block);
  }

  .footer__nav-top {
    flex-direction: column;
  }

  .footer__nav-group {
    flex: none;
    max-width: none;
    width: 100%;
  }

  .footer__contact-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__contact-value,
  .footer__contact-note,
  .footer__socials {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  */
}

/* ─── FAQ — fluid desktop (1344–1920), после колоночной вёрстки планшета ─── */

@media (min-width: 1344px) and (max-width: 1920px) {
  .section-faq {
    --faq-content-width: calc(100vw - 2 * var(--space-page));
    --faq-title-width: calc(var(--faq-content-width) * 940 / 1856);
    --faq-list-width: calc(var(--faq-content-width) * 916 / 1856);
  }

  .section-faq__layout {
    flex-direction: row;
    gap: 0;
    padding-inline: var(--space-page);
  }

  .section-faq__title {
    flex: 0 0 var(--faq-title-width);
    max-width: var(--faq-title-width);
  }

  .section-faq__list {
    flex: 0 0 var(--faq-list-width);
    max-width: var(--faq-list-width);
  }

  .section-faq .faq-item__question {
    max-width: calc(var(--faq-list-width) * 770 / 916);
  }

  .section-faq .faq-item:nth-child(-n + 2) .faq-item__question {
    max-width: calc(var(--faq-list-width) * 564 / 916);
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/responsive-744.css?178647364223562*/
/**
 * Главная — мобильная вёрстка (≤1240px)
 * Figma: node 409:21019 (744px)
 */

.section-services__subtitle {
  display: none;
}

@media (max-width: 1240px) {
  :root {
    --header-height: 72px;
    --logo-card-height: 120px;
    --case-card-grid-width: 602px;
  }

  /* ─── Шапка ─── */

  .header__inner {
    height: 100%;
    box-sizing: border-box;
  }

  .header__inner.container {
    padding: 16px var(--space-page-mobile);
  }

  .header__logo {
    width: 157px;
    height: 32px;
  }

  .page:not(.page--inner) .header:not(.is-scrolled) .header__burger,
  .page:not(.page--inner) .header:not(.is-scrolled) .header__burger .icon {
    color: var(--color-white);
  }

  /* ─── Hero ─── */

  .hero {
    min-height: auto;
  }

  .hero__content {
    height: 791px;
    min-height: 791px;
    padding: 32px var(--space-page-mobile);
    justify-content: flex-start;
  }

  .hero__title-lines--desktop {
    display: block;
  }

  .hero__title-lines--tablet {
    display: none;
  }

  .hero__title {
    max-width: none;
    font-size: 56px;
    line-height: 72px;
    letter-spacing: -1px;
    flex-shrink: 0;
  }

  .hero__desc {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .hero__desc--desktop {
    display: none;
  }

  .hero__desc--tablet {
    display: block;
    width: 560px;
  }

  .hero__bottom {
    max-width: none;
    gap: 32px;
    margin-top: auto;
    flex-shrink: 0;
  }

  .hero__actions {
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--space-gap-sm);
  }

  .hero__actions .btn--outline,
  .hero__actions .btn--has-icon {
    flex: 1 0 0;
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .hero__marquee {
    margin-top: 24px;
  }


  .marquee__track {
    gap: 99px;
  }

  .marquee__item {
    font-size: 24px;
    line-height: 28px;
  }

  /* ─── Секции ─── */

  .section__title,
  .section-reviews__title,
  .section-faq__title,
  .section-news__title,
  .section-seo__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .section__header {
    margin-bottom: 40px;
    gap: var(--space-gap-sm);
  }

  .section-portfolio .section__header {
    margin-bottom: 40px;
  }

  .section-portfolio .grid-half {
    gap: var(--space-gap-md);
  }

  .section-portfolio .section__actions,
  .section-cases .section__actions {
    margin-top: 40px;
  }

  /* ─── Услуги ─── */

  .section-services .section__header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
    gap: var(--space-gap-sm);
  }

  .section-services__subtitle {
    display: block;
    margin: 0;
    max-width: 329px;
    color: var(--color-gray);
  }

  .service-accordion__item {
    padding: 24px;
  }

  .service-accordion__item:not(.is-open) {
    min-height: 130px;
    box-sizing: border-box;
  }

  .service-accordion__item:not(.is-open) .service-accordion__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .service-accordion__item:not(.is-open):has(.service-accordion__price) .service-accordion__inner {
    align-items: center;
  }

  .service-accordion__item:not(.is-open) .service-accordion__row {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    min-width: 0;
  }

  .service-accordion__item:not(.is-open) .service-accordion__desc {
    display: none;
  }

  /* ─── Партнёры ─── */

  .section-partners .section__header {
    padding-inline: 32px;
    margin-bottom: 40px;
  }

  .partners-logos {
    gap: 24px;
  }

  .section-partners .logos-row {
    gap: 24px;
  }

  .section-partners .logo-card {
    height: var(--logo-card-height);
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .section-partners .logo-card--sber-zvuk img { width: 326px; height: 53px; }
  .section-partners .logo-card--moscow img { width: 277px; height: 71px; }
  .section-partners .logo-card--profi img { width: 214px; height: 55px; }
  .section-partners .logo-card--minpromtorg img { width: 322px; height: 54px; }
  .section-partners .logo-card--zvuk img { width: 214px; height: 55px; }
  .section-partners .logo-card--rostov img { width: 266px; height: 70px; }
  .section-partners .logo-card--sber-market img { width: 392px; height: 55px; }
  .section-partners .logo-card--leningrad img { width: 243px; height: 62px; }
  .section-partners .logo-card--otis img { width: 214px; height: 55px; }

  /* ─── Преимущества ─── */

  .section-advantages {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .advantages {
    gap: 80px;
    padding-bottom: 0;
  }

  .advantages__block {
    padding-inline: 32px;
  }

  .advantages-why__title {
    margin-bottom: 40px;
  }

  .advantages-team {
    min-height: 800px;
  }

  .advantages-steps {
    padding-inline: 12px;
  }


  /* ─── Отзывы — Figma 409:21653 ─── */

  .section-reviews {
    --reviews-pad: var(--space-page-mobile);
    --reviews-peek: calc(100vw - var(--reviews-pad) * 2 - 527px - var(--space-gap-md));
    padding-left: var(--reviews-pad);
    padding-right: var(--reviews-pad);
  }

  .section-reviews .slider-nav {
    display: none;
  }

  .section-reviews__intro {
    flex: 1 1 auto;
    min-width: 0;
  }

  .section-reviews__subtitle.text-large {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .review-card {
    flex: 0 0 min(527px, calc(100vw - var(--reviews-pad) - var(--reviews-peek)));
  }

  .review-card__name,
  .review-card__link {
    font-size: 20px;
    line-height: 28px;
  }

  .review-card__role,
  .review-card__text {
    font-size: 18px;
    line-height: 22px;
  }

  .review-card__text {
    color: var(--color-black);
  }

  /* ─── FAQ — Figma 409:21697 ─── */

  .section-faq__layout {
    flex-direction: column;
    gap: 40px;
    padding-inline: var(--space-page-mobile);
  }

  .section-faq__title {
    flex: none;
    max-width: none;
    width: 100%;
  }

  .section-faq__list {
    width: 100%;
    flex: none;
    max-width: none;
  }

  .faq-item:nth-child(-n + 2) .faq-item__question {
    max-width: 564px;
  }

  .faq-item__question {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
  }

  .faq-item__answer {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: var(--color-black);
    display: flex;
    flex-direction: column;
    gap: 22px;
  }

  .faq-item__answer p {
    margin: 0;
  }

  /* ─── Новости — Figma 409:21731 ─── */

  .section-news {
    padding-inline: var(--space-page-mobile);
  }

  .section-news__inner {
    gap: 59px;
  }

  .section-news__content {
    gap: 40px;
  }

  .section-news__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
  }

  .section-news__grid > .news-card--featured {
    grid-column: 1 / -1;
  }

  .section-news__grid > .news-card {
    flex: none;
    width: auto;
    min-width: 0;
  }

  .section-news__grid > .news-card:hover {
    flex: none;
  }

  .news-card--featured .news-card__media {
    height: 560px;
  }

  .section-news__grid > .news-card:not(.news-card--featured) .news-card__media {
    height: 336px;
  }

  .news-card__date {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .section-news .news-card__title,
  .section-news .news-card__title a {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .section-news .btn--lg {
    height: 86px;
    padding: 32px 28px 32px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  /* ─── CTA — Figma 409:21759 ─── */

  .section-cta {
    padding-inline: var(--space-page-mobile);
  }

  .cta-block__layout {
    flex-direction: column;
    gap: 24px;
    padding-block: 24px;
  }

  .cta-block__intro,
  .cta-block__form {
    flex: none;
    min-width: 0;
    padding: 16px;
    box-sizing: border-box;
  }

  .cta-block__intro {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: none;
    padding-bottom: 16px;
    position: static;
  }

  .cta-block__layout {
    position: relative;
  }

  .cta-block__form {
    position: relative;
    width: 100%;
    max-width: none;
    padding-top: 16px;
    overflow: visible;
  }

  .cta-block__form-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 436px;
  }

  .cta-block__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
    max-width: none;
    color: var(--color-bg);
  }

  .cta-block__title-line {
    display: block;
  }

  .cta-block__lead {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    max-width: none;
    color: var(--color-bg);
  }

  .cta-block__fields,
  .cta-block__submit {
    width: 100%;
    max-width: none;
  }

  .section-cta .form-check {
    flex-wrap: nowrap;
  }

  .section-cta .form-check__text {
    white-space: nowrap;
  }

  .cta-block__submit {
    align-self: stretch;
    height: 86px;
    padding: 32px 28px 32px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  .cta-block__intro .cta-block__decor {
    position: absolute;
    top: auto;
    left: auto;
    bottom: -184px;
    right: -533px;
    width: 1058px;
    height: 1058px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }

  .cta-block__intro .cta-block__decor-rotate {
    transform: rotate(140.25deg) scaleY(-1);
  }

  .cta-block__intro .cta-block__decor-inner {
    width: 751px;
    height: 751px;
  }

  .cta-block .form-field--on-dark .form-input--underline {
    font-size: 28px;
    line-height: 36px;
  }

  /* ─── SEO — Figma 409:21782 ─── */

  .section-seo.section {
    padding-bottom: 0;
  }

  .section-seo__layout {
    flex-direction: column;
    gap: 24px;
    padding: 0 var(--space-page-mobile) 120px;
  }

  .section-seo__title {
    flex: none;
    max-width: none;
    width: 100%;
  }

  .section-seo__title--desktop > span,
  .section-seo__title--mobile > span {
    display: block;
  }

  .section-seo__content {
    flex: none;
    width: 100%;
    max-width: none;
    gap: 40px;
  }

  .section-seo__text.text-body,
  .section-seo__extra-text.text-body {
    font-size: 18px;
    line-height: 22px;
    color: var(--color-black);
  }

  .section-seo__text p + p,
  .section-seo__extra-text p + p {
    margin-top: 22px;
  }

  .section-seo__toggle {
    width: 158px;
    height: 54px;
    padding: 16px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  /* ─── Подвал — Figma 409:21789 ─── */
/*
  .footer__inner {
    padding: 40px 32px;
  }

  .footer__main {
    gap: 40px;
  }

  .footer__contacts-col {
    gap: 24px;
  }

  .footer__logo {
    width: 196px;
    height: 40px;
  }

  .footer__contacts {
    gap: 16px;
  }

  .footer__contact-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .footer__contact-group {
    gap: 8px;
  }

  .footer__contact-label {
    font-size: 18px;
    line-height: 22px;
  }

  .footer__contact-value {
    flex: none;
    width: 100%;
    max-width: none;
    min-height: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .footer__contact-note {
    align-self: flex-start;
    width: auto;
    font-size: 16px;
    line-height: 20px;
  }

  .footer__contact-row--social {
    gap: 16px;
  }

  .footer__socials {
    width: auto;
    max-width: none;
    gap: 8px;
  }

  .footer__social {
    width: 48px;
    height: 48px;
  }

  .footer__nav-col {
    gap: 40px;
  }

  .footer__nav-top {
    gap: 40px;
  }

  .footer__nav-group {
    gap: 24px;
  }

  .footer__links {
    gap: 16px;
  }

  .footer__title {
    font-size: 28px;
    line-height: 36px;
  }

  .footer__link {
    font-size: 24px;
    line-height: 32px;
  }

  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .footer__copyright,
  .footer__legal {
    font-size: 16px;
    line-height: 20px;
  }
  */

  /* ─── modal-quote — Figma 409:21847 / 409:22674 ─── */

  .modal-quote__panel {
    padding: 32px 24px;
    gap: 40px;
  }

  .modal-quote__content {
    max-width: none;
    gap: 40px;
  }

  .modal-quote__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .modal-quote .form-input--underline {
    height: 38px;
    padding: 0 2px 8px;
    font-size: 28px;
    line-height: 36px;
    box-sizing: border-box;
  }

  .modal-quote__submit {
    height: 86px;
    padding: 32px 28px 32px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  .modal-quote__messengers {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: none;
    width: 100%;
  }

  .modal-quote__messengers-title {
    font-size: 20px;
    line-height: 28px;
  }

  .modal-quote__socials {
    flex-shrink: 0;
  }
}

/* ─── Преимущества: одна колонка, ≤743px ─── */

@media (max-width: 743px) {
  .advantages-why__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .advantages-why .advantages-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .advantages-why .advantage-stat,
  .advantages-why .advantage-stat:nth-child(even),
  .advantages-why .advantage-stat:nth-child(odd),
  .advantages-why .advantage-stat:nth-child(-n+2) {
    position: relative;
    padding: 32px 32px 0 0;
    border: none;
  }

  .advantages-why .advantage-stat::after {
    content: "";
    display: block;
    margin-top: 32px;
    height: 1px;
    background: var(--color-black);
  }

  .advantages-why .advantage-stat__value {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .advantages-why .advantage-stat__label {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 0;
    opacity: 1;
  }

  .advantages-why .advantage-stat__text {
    margin-top: var(--space-gap-sm);
    font-size: 18px;
    line-height: 22px;
    opacity: 0.75;
  }
}

/* ─── Команда: full bleed ≤743px (Figma 409:21610 — скругление только ≥744px) ─── */

@media (max-width: 743px) {
  .advantages__block:has(> .advantages-team) {
    padding: 32px var(--space-page-mobile);
  }

  .advantages__block .advantages-team {
    border-radius: 0;
  }

  .advantages-team__img,
  .advantages-team__overlay {
    border-radius: 0;
  }
}

/* ─── Кейсы: 901–1240px — единая сетка 2 колонки (все 6 карточек) ─── */

@media (max-width: 1240px) and (min-width: 901px) {
  .cases-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-gap-md);
    padding-inline: var(--space-page-mobile);
  }

  .cases-grid__row {
    display: contents;
  }

  .section-cases .case-card {
    width: 100%;
    max-width: none;
  }

  .section-cases .case-card__media {
    height: auto;
    aspect-ratio: 602 / 560;
  }

  .section-cases .section__header {
    padding-inline: 12px;
  }

  .section-cases .case-card__footer {
    padding-inline: 12px;
  }
}

/* ─── Кейсы: ≤900px — горизонтальный скролл, peek следующей карточки (Figma 409:21095) ─── */

@media (max-width: 900px) {
  .cases-grid {
    --cases-peek: 118px;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--space-page-mobile);
    gap: var(--space-gap-md);
    padding-inline: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .cases-grid::before,
  .cases-grid::after {
    content: "";
    flex: 0 0 var(--space-page-mobile);
    scroll-snap-align: none;
  }

  .cases-grid::-webkit-scrollbar {
    display: none;
  }

  .cases-grid__row {
    display: contents;
  }

  .section-cases .case-card {
    flex: 0 0 min(
      var(--case-card-grid-width),
      calc(100vw - var(--space-page-mobile) - var(--cases-peek))
    );
    scroll-snap-align: start;
    width: min(
      var(--case-card-grid-width),
      calc(100vw - var(--space-page-mobile) - var(--cases-peek))
    );
    max-width: min(
      var(--case-card-grid-width),
      calc(100vw - var(--space-page-mobile) - var(--cases-peek))
    );
  }

  .section-cases .case-card__media {
    height: auto;
    aspect-ratio: 602 / 560;
  }
}

@media (min-width: 744px) and (max-width: 1240px) {
  .faq-item__question:has(.faq-item__question--744) .faq-item__question--desktop {
    display: none;
  }

  .faq-item__question--744 {
    display: block;
  }

  .hero__desc--desktop {
    width: 560px;
  }

  .hero__actions .btn--outline,
  .hero__actions .btn--has-icon {
    flex: 0 0 340px;
    width: 340px;
    max-width: 340px;
  }

  .hero__marquee {
    margin-top: 16px;
  }

  .marquee__item,
  .marquee__item--sm,
  .marquee__item--md,
  .marquee__item--lg {
    font-size: var(--text-h4-size);
    line-height: var(--text-h4-line);
    letter-spacing: var(--text-h4-tracking);
  }

  .section-portfolio,
  .section-services {
    --text-large-size: 20px;
    --text-large-line: 28px;
  }

  .text-large.portfolio-card__price,
  .text-large.section-services__subtitle {
    font-family: var(--font-body);
    font-size: var(--text-large-size);
    line-height: var(--text-large-line);
    font-weight: 500;
  }

  .section-services [data-service-accordion] {
    padding-inline: var(--space-page-mobile);
  }

  .service-accordion__item {
    padding-inline: 0;
    padding-block: 24px;
  }

  .section-portfolio .section__actions {
    margin-top: 64px;
  }

  .section-cases .section__actions {
    margin-top: 40px;
  }

  .section-cases .section__header {
    margin-bottom: var(--space-gap-lg);
  }

  .section-cases .cases-grid {
    gap: var(--space-gap-sm);
  }

  .section-cases .case-card__media {
    height: var(--case-image-height);
    aspect-ratio: auto;
  }

  .case-card__dots {
    bottom: 16px;
  }

  /* ─── Преимущества: Figma 689:9326 ─── */

  .advantages-why__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
    margin-bottom: 40px;
  }

  .advantages-why .advantages-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .advantages-why .advantage-stat,
  .advantages-why .advantage-stat:nth-child(even),
  .advantages-why .advantage-stat:nth-child(odd),
  .advantages-why .advantage-stat:nth-child(-n+2) {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    height: auto;
    padding: 50px 0 0;
    border: none;
  }

  .advantages-why .advantage-stat:not(:first-child) {
    padding-top: 82px;
  }

  .advantages-why .advantage-stat:nth-child(3) {
    padding-top: 50px;
  }

  .advantages-why .advantage-stat::after {
    content: "";
    display: block;
    margin-top: 16px;
    height: 1px;
    background: var(--color-black);
  }

  .advantages-why .advantage-stat__head {
    gap: 16px;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .advantages-why .advantage-stat__value {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -1px;
  }

  .advantages-why .advantage-stat__label {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    padding-bottom: 0;
    opacity: 1;
    white-space: normal;
  }

  .advantages-why .advantage-stat__label--strong {
    font-weight: 700;
  }

  .advantages-why .advantage-stat__text {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    opacity: 0.75;
  }

  .advantages-why .advantage-stat__text--desktop {
    display: block;
  }

  .advantages-why .advantage-stat__text--mobile {
    display: none;
  }

  /* ─── Команда: Figma 409:21610 ─── */

  /* ─── Секция преимуществ: Figma 409:21570 ─── */

  .section-advantages {
    padding-bottom: 0;
  }

  .advantages {
    gap: 120px;
  }

  .advantages__block {
    padding-inline: 0;
  }

  .advantages__block.advantages-why {
    padding-inline: 32px;
  }

  .advantages__block:has(> .advantages-team) {
    padding-inline: 0;
    padding-block: 0;
  }

  .advantages__block .advantages-team {
    width: 100%;
    min-height: 800px;
    height: 800px;
    padding: 32px;
    border-radius: var(--radius-md);
    box-sizing: border-box;
  }

  .advantages-team__img,
  .advantages-team__overlay {
    border-radius: var(--radius-md);
  }

  .advantages-team__content {
    max-width: 736px;
    gap: var(--space-gap-md);
  }

  .advantages-team__title {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
    max-width: 736px;
  }

  .advantages-team__text {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  /* ─── 6 шагов: Figma 409:21615 (sticky-анимация) ─── */

  .advantages-steps:not(.is-static) {
    height: calc(var(--steps-count) * 100vh);
    padding-inline: 12px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__sticky {
    position: sticky;
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-block: 0;
    gap: 0;
    box-sizing: border-box;
  }

  .advantages-steps:not(.is-static) .advantages-steps__intro {
    flex: none;
    max-width: none;
    padding: 24px 0 0;
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading {
    gap: 24px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading .h2 {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading .text-large {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .advantages-steps:not(.is-static) .advantages-steps__viewport {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    min-height: 0;
    max-width: none;
    margin-top: 0;
    align-self: stretch;
    overflow: hidden;
    padding-bottom: 0;
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack {
    position: relative;
    width: 100%;
    height: min(400px, 52vh);
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack .step-card {
    padding: 24px 16px;
    min-height: 0;
    gap: 16px;
  }

  .advantages-steps:not(.is-static) .step-card__bg-img {
    display: none;
  }

  .advantages-steps:not(.is-static) .step-card__title {
    font-size: 28px;
    line-height: 36px;
  }

  .advantages-steps:not(.is-static) .step-card__text {
    font-size: 16px;
    line-height: 20px;
  }

  .advantages-steps:not(.is-static) .step-card__num {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__cta {
    position: relative;
    z-index: 2;
    flex: none;
    align-self: center;
    width: 360px;
    max-width: calc(100% - 24px);
    margin: 64px auto 80px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__fade {
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    bottom: calc(72px + 64px + 80px);
    height: 80px;
  }
}


/* End */


/* Start:/local/templates/syntexpo/css/responsive-390.css?178647365925073*/
/**
 * Главная — узкий мобильный (≤540px)
 * Figma: node 409:17825
 */

@media (max-width: 540px) {
  :root {
    --space-page-mobile: 12px;
    --space-section: 80px;
    --portfolio-card-height: 300px;
    --case-card-grid-width: 340px;

    /* Figma mob typography — node 2093:9345 */
    --text-h2-size: 36px;
    --text-h2-line: 40px;
    --text-h2-tracking: -1px;

    --text-h3-size: 40px;
    --text-h3-line: 44px;
    --text-h3-tracking: -1px;

    --text-h4-size: 24px;
    --text-h4-line: 32px;
    --text-h4-tracking: 0;

    --text-large-size: 18px;
    --text-large-line: 22px;

    --text-body-size: 16px;
    --text-body-line: 20px;
  }

  .section {
    padding-top: calc(var(--space-section) / 2);
    padding-bottom: calc(var(--space-section) / 2);
  }

  .hero + .section {
    padding-top: var(--space-section);
  }

  .section.section-advantages {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
    border-radius: var(--radius-md);
    overflow: visible;
  }

  .advantages {
    gap: 80px;
    padding-bottom: 0;
  }

  /* ─── Шапка — Figma 409:17835 ─── */

  :root {
    --header-height: 72px;
  }

  .header__inner {
    height: 100%;
    box-sizing: border-box;
    justify-content: space-between;
  }

  .header__inner.container {
    padding: 16px 12px;
  }

  .header__logo {
    width: 137px;
    height: 28px;
  }

  .header__burger {
    width: 40px;
    height: 40px;
  }

  /* Линия снизу без уменьшения внутренней высоты 72px (Figma 409:17835) */
  .header.is-scrolled,
  .page--inner .header {
    border-bottom: none;
    box-shadow: 0 1px 0 rgba(85, 86, 88, 0.1);
  }

  .hero__desc--desktop {
    display: none;
  }

  .hero__desc--tablet {
    display: none;
  }

  .hero__desc--mobile {
    display: block;
  }

  /* ─── Hero — Figma 409:17827 ─── */

  .hero {
    min-height: 827px;
    margin-bottom: 3.8px;
  }

  .hero__content {
    flex: 1 1 auto;
    height: auto;
    min-height: calc(827px - var(--header-height) - 80px);
    padding: 12px 12px 0;
    justify-content: flex-start;
    gap: 0;
  }

  .hero__title {
    margin: 0 0 12px;
    flex-shrink: 0;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: -1px;
  }

  .hero__title-line {
    display: block;
    margin: 0;
    line-height: 50px;
  }

  .hero__bottom {
    gap: 24px;
    margin-top: 34px;
    max-width: none;
    width: 100%;
    padding: 16px 0 32px;
  }

  .hero__desc {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .hero__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }

  .hero__actions .btn {
    width: 100%;
    max-width: none;
    flex: none;
    height: 72px;
    font-size: 18px;
    line-height: 22px;
  }

  .hero__actions .btn--has-icon {
    padding: 32px 28px 32px 32px;
  }

  .hero__marquee {
    flex-shrink: 0;
    height: 80px;
    min-height: 80px;
    margin-top: 0;
    padding-block: 0;
    border-block-width: 1.5px;
  }

  .hero__marquee .marquee {
    margin-top: 0;
  }

  .marquee__track {
    gap: 56px;
  }

  .marquee__item {
    font-size: 24px;
    line-height: 32px;
  }

  .marquee__logo {
    width: 24px;
    height: 20px;
  }

  /* ─── Заголовки секций ─── */

  .section__title,
  .advantages-team__title {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -1px;
  }

  /* ─── Портфолио — Figma 409:17878 ─── */

  .section-portfolio .section__header {
    margin-bottom: 32px;
    padding: 0 32px 0 12px;
  }

  .section-portfolio .section__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    max-width: none;
  }

  .section-portfolio .grid-half {
    gap: 24px;
    padding-inline: 12px;
  }

  .section-portfolio .portfolio-card {
    width: 100%;
    max-width: 366px;
    height: var(--portfolio-card-height);
  }

  .portfolio-card__content {
    padding: 16px;
  }

  .section-portfolio .portfolio-card__content {
    min-height: 268px;
    box-sizing: border-box;
  }

  .section-portfolio .portfolio-card__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .section-portfolio .portfolio-card__price {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .section-portfolio .section__actions {
    margin-top: 40px;
  }

  .section-portfolio .section__actions .btn {
    width: 100%;
    max-width: 360px;
    height: 72px;
    font-size: 18px;
    line-height: 22px;
  }

  /* ─── Услуги — Figma 409:17889 ─── */

  .section-services .section__header {
    margin-bottom: 32px;
    padding: 0 32px 0 12px;
    gap: 16px;
  }

  .section-services .section__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    max-width: none;
  }

  .section-services__subtitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    max-width: none;
  }

  .section-services [data-service-accordion] {
    padding-inline: 0;
    width: 100%;
  }

  .section-services .service-accordion__item {
    padding: 32px 12px;
    min-height: 0;
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--color-border);
  }

  .section-services .service-accordion__item:not(.is-open) {
    min-height: 0;
  }

  .section-services .service-accordion__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .section-services .service-accordion__item:not(.is-open) .service-accordion__inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }

  .section-services .service-accordion__title {
    flex: none;
    max-width: none;
    width: 100%;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1px;
    color: var(--color-black);
  }

  .section-services .service-accordion__row {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .section-services .service-accordion__item:not(.is-open) .service-accordion__row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex: none;
    width: 100%;
  }

  .section-services .service-accordion__item:not(.is-open) .service-accordion__desc,
  .section-services .service-accordion__desc {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-black);
  }

  .section-services .service-accordion__item.is-open .service-accordion__row {
    display: flex;
  }

  .section-services .service-accordion__item.is-open .service-accordion__content {
    display: none;
  }

  .section-services .service-accordion__price {
    display: none;
  }

  /* ─── Кейсы — Figma 409:17909 ─── */

  .section-cases .section__header {
    margin-bottom: 32px;
    padding: 0 32px 0 12px;
  }

  .case-card__dots {
    bottom: 16px;
    width: 230px;
    gap: 8px;
  }

  .case-card__dot {
    flex: 0 0 71.33px;
    width: 71.33px;
    min-width: 71.33px;
    max-width: 71.33px;
  }

  .section-cases .section__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    max-width: none;
  }

  .section-cases .cases-grid {
    --cases-peek: 26px;
    gap: 16px;
    padding-inline: 0;
    scroll-padding-inline: 12px;
  }

  .section-cases .cases-grid::before,
  .section-cases .cases-grid::after {
    flex: 0 0 12px;
  }

  .section-cases .case-card,
  .cases-grid .case-card {
    flex: 0 0 340px;
    width: 340px;
    max-width: 340px;
    gap: 16px;
  }

  .section-cases .case-card__media,
  .cases-grid .case-card__media {
    height: 300px;
    aspect-ratio: auto;
  }

  .section-cases .case-card__tags {
    top: 16px;
    left: 16px;
    gap: 8px;
  }

  .section-cases .case-card__footer {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-inline: 8px;
  }

  .section-cases .case-card__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase;
  }

  .section-cases .case-card__meta {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .section-cases .section__actions {
    margin-top: 40px;
  }

  .section-cases .section__actions .btn {
    width: 100%;
    max-width: 360px;
    height: 72px;
    font-size: 18px;
    line-height: 22px;
  }

  /* ─── Партнёры — Figma 409:17922 ─── */

  .section-partners .section__header {
    margin-bottom: 32px;
    padding: 0 32px 0 12px;
  }

  .section-partners .section__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    max-width: none;
  }

  .section-partners .partners-logos {
    gap: 8px;
  }

  .section-partners .logos-row {
    gap: 8px;
    padding-inline: 12px;
  }

  .section-partners .logo-card {
    min-height: 0;
    height: auto;
    padding: 12px;
  }

  .section-partners .logo-card--sber-zvuk img { width: 304px; height: 46px; }
  .section-partners .logo-card--moscow img { width: 238px; height: 61px; }
  .section-partners .logo-card--profi img { width: 184px; height: 47px; }
  .section-partners .logo-card--minpromtorg img { width: 256px; height: 43px; }
  .section-partners .logo-card--zvuk img { width: 205px; height: 53px; }
  .section-partners .logo-card--rostov img { width: 225px; height: 59px; }
  .section-partners .logo-card--sber-market img { width: 330px; height: 46px; }
  .section-partners .logo-card--leningrad img { width: 212px; height: 54px; }
  .section-partners .logo-card--otis img { width: 184px; height: 47px; }

  /* ─── Отзывы — Figma 409:18469 ─── */

  .section-reviews {
    --reviews-pad: var(--space-page-mobile);
    --reviews-peek: calc(100vw - var(--reviews-pad) - 330px);
    padding-left: var(--reviews-pad);
    padding-right: var(--reviews-pad);
  }

  .section-reviews .slider-nav {
    display: none;
  }

  .section-reviews__header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
    gap: 0;
  }

  .section-reviews__intro {
    gap: 24px;
    width: 100%;
  }

  .section-reviews__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .section-reviews__title-line {
    display: block;
  }

  .section-reviews__subtitle.text-large {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-gray);
  }

  .section-reviews__subtitle-desktop {
    display: none;
  }

  .section-reviews__subtitle-mobile {
    display: block;
  }

  .section-reviews__subtitle-mobile > span {
    display: block;
  }

  .section-reviews__row {
    gap: 16px;
  }

  .review-card {
    flex: 0 0 330px;
    width: 330px;
    height: 308px;
    max-width: none;
    padding: 24px;
    gap: 32px;
  }

  .review-card__body {
    flex: 1;
    min-height: 0;
    gap: 24px;
    overflow: hidden;
  }

  .review-card__header {
    gap: 16px;
    flex-shrink: 0;
  }

  .review-card__avatar {
    width: 60px;
    height: 60px;
    border-radius: 4px;
  }

  .review-card__name,
  .review-card__link {
    font-size: 18px;
    line-height: 22px;
  }

  .review-card__role,
  .review-card__text {
    font-size: 16px;
    line-height: 20px;
  }

  .review-card__text {
    color: var(--color-black);
    height: 120px;
    max-height: 120px;
    -webkit-line-clamp: 6;
  }

  .review-card__link {
    flex-shrink: 0;
  }

  .review-card__link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .review-card__link-icon {
    width: 24px;
    height: 24px;
  }

  /* ─── Новости — Figma 409:18533 ─── */

  .section-news__inner {
    gap: 64px;
  }

  .section-news__content {
    gap: 40px;
  }

  .section-news__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .section-news__grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .section-news__grid > .news-card {
    flex: none;
    width: 100%;
  }

  .section-news__grid > .news-card--featured {
    grid-column: auto;
  }

  .news-card {
    gap: 16px;
  }

  .section-news .news-card__media,
  .section-news .news-card--featured .news-card__media,
  .section-news__grid > .news-card:not(.news-card--featured) .news-card__media {
    height: 400px;
  }

  .news-card__date {
    font-size: 18px;
    line-height: 22px;
  }

  .section-news .news-card__title,
  .section-news .news-card__title a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .section-news .btn--lg {
    height: 72px;
    padding: 32px 28px 32px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  /* ─── Контакты / CTA — Figma 409:18561 ─── */

  .cta-block__layout {
    gap: 0;
    padding-block: 0;
  }

  .cta-block__intro {
    display: flex;
    flex-direction: column;
    gap: var(--space-gap-md);
    max-width: none;
    padding: var(--space-gap-lg) var(--space-gap-sm) var(--space-gap-sm);
  }

  .cta-block__form {
    padding: var(--space-gap-md) var(--space-gap-sm);
  }

  .cta-block__title {
    margin: 0;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .cta-block__title-line {
    display: block;
  }

  .cta-block__lead {
    max-width: none;
    font-size: 20px;
    line-height: 28px;
  }

  .cta-block__lead--desktop {
    display: none;
  }

  .cta-block__lead--mobile {
    display: block;
  }

  .cta-block__fields,
  .cta-block__submit {
    max-width: none;
  }

  .cta-block__submit {
    align-self: stretch;
    height: 72px;
    padding: 32px 28px 32px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  .cta-block__decor,
  .cta-block__intro .cta-block__decor,
  .section-cta .cta-block__intro .cta-block__decor {
    display: none;
  }

  .section-cta .form-check {
    flex-wrap: wrap;
  }

  .section-cta .form-check__text {
    white-space: normal;
  }

  .form-check__text--desktop {
    display: none;
  }

  .form-check__text--mobile {
    display: block;
  }

  .cta-block .form-field--on-dark .form-input--underline {
    font-size: 28px;
    line-height: 36px;
  }

  /* ─── Преимущества: Почему нас выбирают — Figma 409:18387 ─── */

  .advantages__block.advantages-why {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 80px 12px;
  }

  .advantages-why__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    margin: 0;
    max-width: none;
  }

  .advantages-why__title-line {
    display: block;
  }

  .advantages-why .advantages-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  .advantages-why .advantage-stat:nth-child(1),
  .advantages-why .advantage-stat:nth-child(2),
  .advantages-why .advantage-stat:nth-child(3),
  .advantages-why .advantage-stat:nth-child(4) {
    order: 0;
  }

  .advantages-why .advantage-stat,
  .advantages-why .advantage-stat:nth-child(even),
  .advantages-why .advantage-stat:nth-child(odd) {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 0;
    border: none;
  }

  .advantages-why .advantage-stat:first-child {
    padding-top: 0;
  }

  .advantages-why .advantage-stat + .advantage-stat {
    border-top: 1px solid var(--color-black);
  }

  .advantages-why .advantage-stat:last-child {
    border-bottom: 1px solid var(--color-black);
  }

  .advantages-why .advantage-stat::after {
    display: none;
    content: none;
  }

  .advantages-why .advantage-stat__head {
    gap: 8px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .advantages-why .advantage-stat__value {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    font-weight: 700;
  }

  .advantages-why .advantage-stat__label {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: var(--color-black);
    opacity: 1;
    white-space: normal;
  }

  .advantages-why .advantage-stat__label--strong {
    font-weight: 500;
  }

  .advantages-why .advantage-stat__text {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-black);
    opacity: 0.75;
  }

  .advantages-why .advantage-stat__text--desktop {
    display: none;
  }

  .advantages-why .advantage-stat__text--mobile {
    display: block;
  }

  .advantages-why .advantage-stat__text-line {
    display: block;
  }

  /* ─── Преимущества: Команда — Figma 409:18427 ─── */

  .advantages__block:has(> .advantages-team) {
    padding: 0;
  }

  .advantages__block .advantages-team {
    width: 100%;
    min-height: 754px;
    height: 754px;
    padding: 32px 12px;
    border-radius: var(--radius-md);
    box-sizing: border-box;
  }

  .advantages-team__img,
  .advantages-team__overlay {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-md);
  }

  .advantages-team__img {
    object-position: 56.7% 42%;
  }

  .advantages-team__overlay {
    object-position: 56.7% 42%;
  }

  .advantages-team__content {
    max-width: none;
    width: 100%;
    gap: 16px;
  }

  .advantages-team__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    font-weight: 700;
    max-width: none;
  }

  .advantages-team__title-line {
    display: block;
  }

  .advantages-team__title-line--desktop {
    display: none;
  }

  .advantages-team__title-line--mobile {
    display: block;
  }

  .advantages-team__text {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--color-white);
  }

  /* ─── Преимущества: 6 шагов — Figma 409:18386 / анимация 409:20322 ─── */

  .advantages-steps:not(.is-static),
  .advantages-steps.is-static {
    padding-inline: 12px;
    padding-bottom: 80px;
  }

  .advantages-steps:not(.is-static) {
    height: calc(var(--steps-count) * 100vh);
  }

  .advantages-steps:not(.is-static) .advantages-steps__sticky {
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
  }

  .advantages-steps:not(.is-static) .advantages-steps__intro {
    padding: 24px 0 0;
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading {
    gap: 24px;
  }

  .advantages-steps:not(.is-static) .advantages-steps__viewport {
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack {
    height: min(392px, calc(100vh - var(--header-height) - 330px));
    max-height: 52vh;
    overflow: hidden;
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack .step-card {
    transform-origin: bottom center;
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack .step-card.is-past .step-card__body {
    opacity: 1;
  }

  .advantages-steps:not(.is-static) .advantages-steps__stack .step-card.is-past.is-past-3 .step-card__body {
    opacity: 0.35;
  }

  .advantages-steps:not(.is-static) .advantages-steps__cta,
  .advantages-steps.is-static .advantages-steps__cta {
    position: relative;
    z-index: 5;
    flex-shrink: 0;
    margin: 40px auto 0;
    width: 360px;
    max-width: 100%;
  }

  .advantages-steps:not(.is-static) .advantages-steps__fade {
    bottom: calc(72px + 40px);
  }

  .advantages-steps:not(.is-static) .advantages-steps__heading .h2,
  .advantages-steps.is-static .advantages-steps__heading .h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .advantages-steps__heading .advantages-steps__subtitle-desktop {
    display: none;
  }

  .advantages-steps__heading .advantages-steps__subtitle-mobile {
    display: block;
  }

  .advantages-steps__heading .advantages-steps__subtitle-mobile > span {
    display: block;
  }

  .advantages-steps.is-static .advantages-steps__viewport {
    margin-top: 157px;
  }

  .advantages-steps.is-static .advantages-steps__stack {
    gap: 8px;
  }

  /* ─── SEO — Figma 409:18581 ─── */

  .section-seo {
    padding-inline: 0;
  }

  .section-seo__layout {
    flex-direction: column;
    gap: var(--space-block);
    padding: var(--space-gap-md) var(--space-gap-sm) 80px;
    background: var(--color-white);
    border-radius: var(--radius-md);
  }

  .section-seo__title {
    flex: none;
    max-width: none;
    width: 100%;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .section-seo__title .section-seo__title--desktop {
    display: none;
  }

  .section-seo__title .section-seo__title--mobile {
    display: block;
  }

  .section-seo__content {
    flex: none;
    width: 100%;
    max-width: none;
    gap: var(--space-block);
  }

  .section-seo__text.text-body,
  .section-seo__extra-text.text-body {
    font-size: 16px;
    line-height: 20px;
  }

  .section-seo__text p + p,
  .section-seo__extra-text p + p {
    margin-top: 20px;
  }

  .section-seo__toggle {
    width: 158px;
    height: 54px;
    padding: 16px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  /* ─── FAQ — Figma 409:18497 ─── */

  .section-faq__layout {
    gap: 32px;
  }

  .section-faq__title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .faq-item__header {
    gap: var(--space-gap-sm);
    align-items: center;
  }

  .faq-item:nth-child(-n + 2) .faq-item__question {
    max-width: none;
  }

  .faq-item__question {
    font-size: 24px;
    line-height: 32px;
    max-width: none;
  }

  .faq-item__question--desktop {
    display: none;
  }

  .faq-item__question--744 {
    display: none;
  }

  .faq-item__question--mobile {
    display: block;
  }

  .faq-item__toggle {
    width: 40px;
    height: 40px;
    color: var(--color-black);
  }

  .faq-item__icon--plus {
    width: 22px;
    height: 22px;
  }

  .faq-item__icon--minus {
    width: 22px;
    height: 2px;
  }

  .faq-item__answer {
    font-size: 16px;
    line-height: 20px;
    gap: 20px;
  }

  .faq-item__answer p {
    margin: 0;
  }

  /* ─── Подвал — Figma 409:18588 ─── */
/*
  .footer__inner {
    padding: 40px var(--space-page-mobile);
  }

  .footer__main {
    gap: var(--space-block);
  }

  .footer__contacts-col {
    gap: var(--space-gap-md);
  }

  .footer__logo {
    width: 196px;
    height: 40px;
  }

  .footer__contacts {
    gap: var(--space-gap-sm);
  }

  .footer__contact-row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-gap-sm);
  }

  .footer__contact-group {
    gap: var(--space-gap-xs);
  }

  .footer__contact-label {
    font-size: 18px;
    line-height: 22px;
  }

  .footer__contact-value {
    flex: none;
    width: 100%;
    max-width: none;
    min-height: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .footer__contact-note {
    align-self: flex-start;
    width: auto;
    font-size: 16px;
    line-height: 20px;
  }

  .footer__contact-row--social {
    gap: var(--space-gap-sm);
  }

  .footer__socials {
    width: auto;
    max-width: none;
    gap: var(--space-gap-xs);
  }

  .footer__social {
    width: 48px;
    height: 48px;
  }

  .footer__nav-col {
    gap: var(--space-block);
  }

  .footer__nav-top {
    flex-direction: column;
    gap: var(--space-block);
  }

  .footer__nav-group {
    flex: none;
    max-width: none;
    width: 100%;
    gap: var(--space-gap-md);
  }

  .footer__title {
    font-size: 24px;
    line-height: 32px;
  }

  .footer__links {
    gap: var(--space-gap-sm);
  }

  .footer__link {
    font-size: 24px;
    line-height: 32px;
  }

  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-gap-sm);
  }

  .footer__copyright,
  .footer__legal {
    font-size: 16px;
    line-height: 20px;
  }
  */

  /* ─── modal-quote — Figma 409:18646 / 409:20293 ─── */

  .modal-quote__panel {
    padding: var(--space-gap-sm);
    gap: var(--space-gap-md);
  }

  .modal-quote__content {
    gap: var(--space-gap-sm);
  }

  .modal-quote__title {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .modal-quote__form {
    gap: var(--space-gap-md);
  }

  .modal-quote .form-input--underline {
    height: 38px;
    padding: 0 2px 8px;
    font-size: 28px;
    line-height: 36px;
    box-sizing: border-box;
  }

  .modal-quote__submit {
    height: 72px;
    padding: 32px 28px 32px 32px;
    font-size: 18px;
    line-height: 22px;
  }

  .modal-quote__messengers {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-gap-sm);
    max-width: none;
    width: 100%;
    margin-top: var(--space-gap-md);
  }

  .modal-quote__messengers-title {
    font-size: 18px;
    line-height: 22px;
  }

  .modal-quote__social {
    width: 48px;
    height: 48px;
  }

  .modal-quote__social svg {
    width: 48px;
    height: 48px;
  }
}

/* End */


/* Start:/local/templates/syntexpo/css/glightbox.min.css?178638709513749*/
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
/* End */


/* Start:/local/templates/syntexpo/css/animate.min.css?178638709570607*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animated.repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */


/* Start:/local/templates/syntexpo/css/footer.css?17863870955596*/
/* ============================================================
   Syntexpo — подвал. Одноуровневая раскладка.
   Классы совпадают с текущей вёрсткой сайта (footer__*),
   поэтому файл достаточно подключить ПОСЛЕ основного CSS.
   Шрифты, цвета и размеры — как на сайте:
   Oswald 700 / 28px в заголовках, Onest 20px в ссылках,
   белый текст на #1D1E20, фоновая картинка с opacity .25.
   ============================================================ */

.footer{
  position: relative;
  background-color: #1D1E20;
  color: #fff;
  font-family: 'Onest', system-ui, -apple-system, sans-serif;
  overflow: hidden;
}

/* фоновая картинка */
.footer__bg{
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.footer__bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .25;      /* как на сайте */
  display: block;
}

.footer__inner{
  position: relative;
  z-index: 1;
  max-width: 1920px;
  margin: 0 auto;
  padding: 64px 32px 24px;
}

/* ---------- основная строка: логотип · услуги · компания · контакты ---------- */
.footer__main{
  display: grid;
  grid-template-columns: 236px 300px 300px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}

.footer__logo{
  display: block;
  width: 196px;
  height: 40px;
}
.footer__logo img{
  width: 100%;
  height: 100%;
  display: block;
}

/* ---------- колонки ссылок ---------- */
.footer__nav-group{
  min-width: 0;
}
.footer__nav-toggle{
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
  cursor: default;
  color: inherit;
}
.footer__title{
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.28;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 24px;
  display: block;
}
.footer__nav-chevron{ display: none; }   /* стрелка нужна только на мобильном */

.footer__links{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer__link{
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  width: fit-content;
  transition: opacity .15s;
}
.footer__link:hover,
.footer__link:focus-visible{ opacity: .7; }

/* ---------- контакты ---------- */
.footer__contacts{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 20px;
}
.footer__contact-row{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer__contact-label{
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
}
.footer__contact-value{
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  transition: opacity .15s;
}
.footer__contact-value:hover,
.footer__contact-value:focus-visible{ opacity: .7; }

.footer__socials{
  display: flex;
  gap: 8px;
  margin-top: 2px;
}
.footer__social{
  width: 36px;
  height: 36px;
  display: block;
  color: #fff;
  transition: opacity .15s;
}
.footer__social:hover,
.footer__social:focus-visible{ opacity: .7; }
.footer__social-icon{
  width: 36px;
  height: 36px;
  display: block;
}

/* ---------- нижняя строка ---------- */
.footer__bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.14);
  font-size: 18px;
  line-height: 1.3;
}
.footer__copyright{ color: #fff; }
.footer__legal{
  color: #fff;
  text-decoration: none;
  transition: opacity .15s;
}
.footer__legal:hover,
.footer__legal:focus-visible{ opacity: .7; }

/* ============================ планшет ============================ */
@media (max-width: 1279px){
  .footer__main{
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  .footer__logo{ grid-column: 1 / -1; }
  .footer__contacts{
    grid-column: 2;
    grid-row: 2;
  }
}

/* ============================ мобильный ============================ */
@media (max-width: 767px){
  .footer__inner{ padding: 40px 20px 20px; }

  .footer__main{
    grid-template-columns: 1fr;
    gap: 32px;
  }

  /* на телефоне контакты важнее списка разделов — поднимаем их наверх */
  .footer__contacts{
    grid-column: 1;
    grid-row: auto;
    order: -1;
    align-items: flex-start;
    text-align: left;
  }

  .footer__title{ font-size: 24px; margin: 0; }
  .footer__link{ font-size: 18px; }

  /* аккордеон: работает на существующем скрипте (data-footer-accordion) */
  .footer__nav-toggle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    padding: 12px 0;
  }
  .footer__nav-chevron{
    display: block;
    flex: 0 0 auto;
    transition: transform .2s;
  }
  .footer__nav-toggle[aria-expanded="true"] .footer__nav-chevron{
    transform: rotate(180deg);
  }
  .footer__nav-toggle[aria-expanded="false"] + .footer__links{ display: none; }
  .footer__links{ padding-bottom: 12px; }

  .footer__bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-top: 32px;
    font-size: 16px;
  }
}

/* доступность */
.footer a:focus-visible{
  outline: 2px solid #76A38F;
  outline-offset: 4px;
  border-radius: 2px;
}
@media (prefers-reduced-motion: reduce){
  .footer *{ transition: none !important; }
}

/* End */


/* Start:/local/templates/syntexpo/template_styles.css?17877450714645*/
.animate {
	visibility: hidden;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.advantage-stat__text {
	max-width: 690px;
}

.footer__social,
.modal-quote__social,
.mobile-menu__social,
.page-contacts__social {
	font-size: 0;
	position: relative;
}

.footer__social div,
.modal-quote__social div,
.mobile-menu__social div,
.page-contacts__social div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.page--project-detail .service-type-project__meta-item:nth-child(1),
.page--project-detail .service-type-project__meta-item:nth-child(4) {
	width: auto;
}

.section-seo__title span {
	max-width: 830px;
	display: block;
}

.case-card__tags .tag:nth-child(1):not(.tag--green) {
	width: auto;
}

.page--project-detail .service-type-project__meta-item:nth-child(2) {
	width: auto;
}

.page--project-detail .service-type-project__meta-item:nth-child(3) {
	width: auto;
}

.review-card .visually-hidden {
	display: none;
}

.page-news__items {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: var(--space-gap-md);
}

.news-card_item {
	grid-column: span 2;
}

.news-card_item:nth-child(8n+1),
.news-card_item:nth-child(8n+2) {
	grid-column: span 3;
}

.news-card_item .news-card__title {
	max-width: 480px;
}

@media (max-width: 1240px) {
	.page-news__items .news-card__media {
	    height: 336px;
	}
}

@media (max-width: 1024px) {
	.news-card_item:nth-child(8n+1) .news-card__media,
	.news-card_item:nth-child(8n+2) .news-card__media {
	    height: 560px;
	}

	.news-card_item {
		grid-column: span 3;
	}

	.news-card_item:nth-child(8n+1),
	.news-card_item:nth-child(8n+2) {
		grid-column: span 6;
	}
}

@media (max-width: 540px) {
	.news-card_item:nth-child(8n+1) .news-card__media,
	.news-card_item:nth-child(8n+2) .news-card__media {
	    height: 336px;
	}

	.news-card_item:nth-child(8n+1),
	.news-card_item:nth-child(8n+2),
	.news-card_item {
		grid-column: span 6;
	}

	.news-card_item .news-card__title {
	    max-width: 400px;
	}
}

.marquee__item--lg {
	line-height: 1.5;
}

/*.section-seo__title {
	flex: none;
}

.section-seo__content {
	width: 916px;
	flex-shrink: 0;
	flex: none;
}

@media (min-width: 1921px) {
	.section-seo__content {
		width: auto;
	}
}*/

.page-contacts__region_nbs {
	box-shadow: none;
}

.contacts__socials {
    display: flex;
    align-items: center;
    gap: 12px;
}
.contacts__social {
    display: block;
    width: 48px;
    height: 48px;
    color: var(--color-black);
    transition: color var(--transition-fast);
    font-size: 0;
    position: relative;
}
.contacts__social div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.header__inner {
	justify-content: space-between;
}
.header__nav {
	flex: none;
}
.header__phone {
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  color: var(--color-white);
  transition: opacity var(--transition-fast);
}
.header__phone a {
	color: inherit;
	text-decoration: none;
}
.header.is-scrolled .header__phone, .page--inner .header .header__phone {
    color: var(--color-black);
}
@media (max-width: 1333px) {
    .header__nav .header__link {
        width: auto !important;
        padding-inline: 16px;
    }
}
@media (max-width: 1240px) {
	.header__phone {
		display: none;
	}
}
.page-projects__title {
	max-width: 900px;
}
/* End */
/* /local/templates/syntexpo/css/main.css?178647313826997 */
/* /local/templates/syntexpo/css/pages-services.css?178638709517164 */
/* /local/templates/syntexpo/css/pages-privacy.css?17863870955957 */
/* /local/templates/syntexpo/css/pages-404.css?17863870956809 */
/* /local/templates/syntexpo/css/pages-service-detail.css?178845510034908 */
/* /local/templates/syntexpo/css/pages-service-type.css?178845506220462 */
/* /local/templates/syntexpo/css/pages-projects.css?178939894116305 */
/* /local/templates/syntexpo/css/pages-project-detail.css?178638709516817 */
/* /local/templates/syntexpo/css/pages-about.css?178638709526542 */
/* /local/templates/syntexpo/css/pages-contacts.css?17863870958932 */
/* /local/templates/syntexpo/css/pages-news.css?178638709520504 */
/* /local/templates/syntexpo/css/responsive-tablet.css?17864736219340 */
/* /local/templates/syntexpo/css/responsive-744.css?178647364223562 */
/* /local/templates/syntexpo/css/responsive-390.css?178647365925073 */
/* /local/templates/syntexpo/css/glightbox.min.css?178638709513749 */
/* /local/templates/syntexpo/css/animate.min.css?178638709570607 */
/* /local/templates/syntexpo/css/footer.css?17863870955596 */
/* /local/templates/syntexpo/template_styles.css?17877450714645 */