/* ==========================================================================
   main.css
   Base desktop implementation is locked to the 1440 Figma frame: 2069:4953.
   Treat the default desktop rules in this file as the canonical 1440 layer.
   Add 1920 / 1280 / mobile behavior only through isolated override layers.
   ========================================================================== */


/* ==========================================================================
   1. SECTION SPACING UTILITY
   ========================================================================== */

.ac-section-spacing {
  padding-block: clamp(3rem, 6vw + 1rem, 7rem);
}

.ac-section-spacing--sm {
  padding-block: clamp(2rem, 4vw + 0.5rem, 4rem);
}

.ac-section-spacing--lg {
  padding-block: clamp(4rem, 8vw + 1.5rem, 9rem);
}

/* content-visibility: auto — ленивый рендеринг вне вьюпорта */
.ac-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  :root {
    --ac-inner-inset-tablet: 45px;
  }
}


/* ==========================================================================
   2. POPUP (.ac-popup)
   ========================================================================== */

/* Корневой элемент .ac-popup — фиксированный оверлей на весь экран */
.ac-popup {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.ac-popup.is-open {
  opacity: 1;
  visibility: visible;
}

/* Тёмная подложка (кликабельная для закрытия) */
.ac-popup__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

/* Диалоговое окно */
.ac-popup__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 560px;
  max-height: calc(100svh - 2rem);
  background-color: rgba(27, 27, 27, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 5px solid #ffffff;
  border-radius: 10px;
  padding: 40px 30px;
  overflow-y: auto;
  transform: translateY(20px) scale(0.97);
  transition: transform 0.3s ease;
}

.ac-popup.is-open .ac-popup__content {
  transform: translateY(0) scale(1);
}

@media (min-width: 480px) {
  .ac-popup__content {
    padding: 40px 30px;
  }
}

/* Кнопка закрытия */
.ac-popup__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  transition: color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}

@media (hover: hover) {
  .ac-popup__close:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
  }
}

.ac-popup__close:focus-visible {
  outline: 2px solid #b80003;
  outline-offset: 3px;
}

/* Шапка попапа */
.ac-popup__title {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.275;
  color: #ffffff;
  margin-bottom: 0;
  padding-right: 3rem;
}

.ac-popup__form {
  width: 100%;
}

.ac-popup__content--legal {
  max-width: 760px;
}

.ac-popup__body {
  margin-top: 1.5rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1rem;
  line-height: 1.6;
}

.ac-popup__body > :first-child {
  margin-top: 0;
}

.ac-popup__body > :last-child {
  margin-bottom: 0;
}

.ac-popup__body h2,
.ac-popup__body h3,
.ac-popup__body h4 {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 1.5rem 0 0.75rem;
}

.ac-popup__body p,
.ac-popup__body ul,
.ac-popup__body ol {
  margin: 0 0 1rem;
}

.ac-popup__body ul,
.ac-popup__body ol {
  padding-left: 1.25rem;
}

.ac-popup__body li + li {
  margin-top: 0.5rem;
}

.ac-popup__body a {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.45);
  text-underline-offset: 0.2em;
}

.ac-popup__status {
  margin: 0;
}

.ac-popup.is-loading .ac-popup__body {
  opacity: 0.72;
}

.ac-popup__status--error {
  color: #ffffff;
}


/* ==========================================================================
   3. CF7 FORM OVERRIDES
   ========================================================================== */

/* Сброс стандартных стилей CF7 */
.wpcf7 {
  width: 100%;
}

.wpcf7 br {
  display: none;
}

.wpcf7-form {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

/* CF7 form-control обёртки */
.wpcf7-form-control-wrap {
  display: block;
  margin: 5px 0;
}

.wpcf7-form p {
  margin: 0;
}

/* Поля ввода */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  min-height: 50px;
  padding: 12px 25px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(27, 27, 27, 0.15);
  border-radius: 30px;
  color: #1b1b1b;
  font-family: 'Onest', system-ui, sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.25s ease;
  appearance: none;
  -webkit-appearance: none;
}

.wpcf7-form textarea {
  min-height: 100px;
  resize: vertical;
  border-radius: 20px;
}

@media (hover: hover) {
  .wpcf7-form input[type="text"]:hover,
  .wpcf7-form input[type="email"]:hover,
  .wpcf7-form input[type="tel"]:hover,
  .wpcf7-form textarea:hover {
    border-color: rgba(27, 27, 27, 0.3);
  }
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: rgba(27, 27, 27, 0.5);
}

/* Placeholder */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: rgba(27, 27, 27, 0.4);
  font-weight: 400;
}

/* Чекбокс — обёртка */
.wpcf7-acceptance {
  margin-top: 0;
}

.wpcf7-acceptance .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  cursor: pointer;
}

/* Нативный чекбокс — стилизуем напрямую */
.wpcf7-acceptance input[type="checkbox"] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 2px 0 0 0;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  position: relative;
}

.wpcf7-acceptance input[type="checkbox"]:checked {
  background-color: #b80003;
  border-color: #b80003;
}

.wpcf7-acceptance input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.wpcf7-acceptance input[type="checkbox"]:focus-visible {
  outline: 2px solid #b80003;
  outline-offset: 2px;
}

/* Текст чекбокса */
.wpcf7-acceptance .wpcf7-list-item-label {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.5;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.25);
  text-underline-offset: 2px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

@media (hover: hover) {
  .wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: #ffffff;
    text-decoration-color: rgba(255, 255, 255, 0.5);
  }
}

/* Кнопка отправки */
.wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 15px 30px;
  border: 1px solid #1b1b1b;
  border-radius: 30px;
  background-color: #ffffff;
  color: #1b1b1b;
  font-family: 'Onest', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
  align-self: center;
  margin-top: 0.5rem;
}

@media (hover: hover) {
  .wpcf7-submit:hover {
    background-color: rgba(255, 255, 255, 0.85);
    color: #1b1b1b;
  }
}

.wpcf7-submit:active {
  background-color: rgba(255, 255, 255, 0.7);
  color: #1b1b1b;
}

.wpcf7-submit:focus-visible {
  outline: 2px solid #b80003;
  outline-offset: 3px;
}

/* Статусные сообщения CF7 */
.wpcf7-response-output {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0;
  font-size: 0.875rem;
  border: none !important;
}

.wpcf7-form.sent .wpcf7-response-output {
  background-color: rgba(0, 160, 70, 0.12);
  border-left: 3px solid #00a046 !important;
  color: rgba(255, 255, 255, 0.85);
}

.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.aborted .wpcf7-response-output {
  background-color: rgba(184, 0, 3, 0.12);
  border-left: 3px solid #b80003 !important;
  color: rgba(255, 255, 255, 0.85);
}

.wpcf7-form.spam .wpcf7-response-output,
.wpcf7-form.invalid .wpcf7-response-output {
  background-color: rgba(220, 120, 0, 0.12);
  border-left: 3px solid #dc7800 !important;
  color: rgba(255, 255, 255, 0.85);
}

.wpcf7-not-valid-tip {
  font-size: 0.75rem;
  color: #ff6b6b;
  margin-top: 0.375rem;
  display: block;
}

/* Поле с ошибкой */
.wpcf7-not-valid {
  border-color: rgba(255, 107, 107, 0.5) !important;
}

/* Поле загрузки файла */
.wpcf7-form input[type="file"] {
  width: 100%;
  padding: 12px 25px;
  background-color: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Onest', system-ui, sans-serif;
  font-size: 0.875rem;
  cursor: pointer;
  transition: border-color 0.25s ease;
}

.wpcf7-form input[type="file"]:hover {
  border-color: rgba(255, 255, 255, 0.4);
}

.wpcf7-form input[type="file"]::file-selector-button {
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  color: #ffffff;
  padding: 6px 16px;
  font-family: 'Onest', system-ui, sans-serif;
  font-size: 0.8125rem;
  cursor: pointer;
  margin-right: 12px;
  transition: background-color 0.2s ease;
}

.wpcf7-form input[type="file"]::file-selector-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Яндекс SmartCaptcha */
.ac-smartcaptcha {
  margin: 0.5rem 0;
}


/* ==========================================================================
   4. FOOTER (.ac-footer)
   ========================================================================== */

.ac-footer {
  --ac-footer-left-col-width-desktop: 432px;
  --ac-footer-top-col-gap-desktop: 111px;
  --ac-footer-col-pad-top-desktop: 69px;
  --ac-footer-col-pad-bottom-desktop: 82px;
  --ac-footer-right-col-1-desktop: 303px;
  --ac-footer-right-col-2-desktop: 197px;
  --ac-footer-right-col-3-desktop: 173px;
  --ac-footer-right-col-gap-desktop: 27px;
  --ac-footer-logo-height-desktop: 58px;
  --ac-footer-tagline-max-desktop: 197px;
  --ac-footer-bottom-margin-top-desktop: 52px;
  --ac-footer-bottom-col-left-desktop: 413px;
  --ac-footer-bottom-col-gap-desktop: 130px;
  --ac-footer-disclaimer-max-desktop: 413px;
  --ac-footer-disclaimer-min-height-desktop: 54px;
  --ac-footer-disclaimer-margin-top-desktop: 52px;
  --ac-footer-consent-max-desktop: 732px;
  --ac-footer-consent-margin-top-desktop: 52px;
  --ac-footer-copyright-left-desktop: 73px;
  --ac-grid-overlay-active-z-index: 1;
  --ac-grid-overlay-active-line-rgb: 255, 255, 255;
  --ac-grid-overlay-active-line-alpha: 0.16;
  --ac-grid-overlay-active-opacity: 0.18;
  position: relative;
  background-color: #1b1b1b;
  color: #ffffff;
  border-top: 0;
  padding-block: 0;
  content-visibility: auto;
  contain-intrinsic-size: auto 369px;
}

.ac-footer__container {
  position: relative;
  z-index: 2;
  max-width: none;
  padding-inline: var(--ac-desktop-content-edge);
}

.ac-footer__top {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, var(--ac-footer-left-col-width-desktop)) minmax(0, 1fr);
  column-gap: var(--ac-footer-top-col-gap-desktop);
  align-items: stretch;
  min-height: 0;
}

.ac-footer__left-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  padding-block: var(--ac-footer-col-pad-top-desktop) var(--ac-footer-col-pad-bottom-desktop);
  border-right: 7px solid #ffffff;
  padding-right: 30px;
}

.ac-footer__right-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding-block: var(--ac-footer-col-pad-top-desktop) var(--ac-footer-col-pad-bottom-desktop);
}

.ac-footer__brand-region,
.ac-footer__legal-pane,
.ac-footer__contacts-pane,
.ac-footer__consent {
  min-width: 0;
}

.ac-footer__brand {
  --ac-footer-logo-width: var(--ac-footer-tagline-max-desktop);
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: var(--ac-footer-logo-width);
  max-width: none;
}

.ac-footer .ac-logo {
  display: inline-flex;
  width: 100%;
  color: var(--ac-white);
}

.ac-footer .ac-logo__img {
  width: 100%;
  height: auto;
}

.ac-footer__tagline {
  margin: 0;
  width: min(100%, calc(var(--ac-footer-logo-width) * var(--ac-header-tagline-width-scale, 1.297)));
  max-width: none;
  font-size: calc(var(--ac-footer-logo-width) * var(--ac-header-tagline-font-scale, 0.0714));
  font-weight: 500;
  line-height: var(--ac-header-tagline-line-height, 1.466);
  color: var(--ac-white);
  text-wrap: balance;
}

.ac-footer__contacts-pane {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--ac-footer-right-col-2-desktop) var(--ac-footer-right-col-3-desktop);
  column-gap: var(--ac-footer-right-col-gap-desktop);
  align-items: start;
}

.ac-footer__contacts-head {
  grid-column: 2 / 4;
  grid-row: 1;
  display: grid;
  grid-template-columns: var(--ac-footer-right-col-2-desktop) var(--ac-footer-right-col-3-desktop);
  column-gap: var(--ac-footer-right-col-gap-desktop);
  align-items: start;
}

.ac-footer__info,
.ac-footer__contacts,
.ac-footer__cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ac-footer__info {
  grid-column: 1;
  grid-row: 1;
}

.ac-footer__contacts {
  grid-column: 1;
}

.ac-footer__cta {
  grid-column: 2;
}

.ac-footer__address,
.ac-footer__hours,
.ac-footer__legal-id {
  margin: 0;
  font-style: normal;
}

.ac-footer__address,
.ac-footer__hours {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.4px;
  color: rgba(255, 255, 255, 0.86);
}

.ac-footer__hours {
  margin-top: 7px;
}

.ac-footer__legal-id {
  margin-top: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.85px;
  color: rgba(255, 255, 255, 0.8);
}

.ac-footer__contacts {
  gap: 10px;
}

.ac-footer__phone {
  display: block;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.95px;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ac-footer__email {
  display: block;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.4px;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
}

@media (hover: hover) {
  .ac-footer__phone:hover,
  .ac-footer__email:hover {
    color: rgba(255, 255, 255, 0.74);
  }
}

.ac-footer__cta {
  padding-top: 0;
}

.ac-footer__cta .ac-btn--pill {
  min-width: 173px;
  min-height: 48px;
  padding: 0 24px;
  border-width: 3px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.85px;
}

.ac-footer__legal-pane {
  position: relative;
  max-width: var(--ac-footer-disclaimer-max-desktop);
  margin-top: var(--ac-footer-disclaimer-margin-top-desktop);
}

.ac-footer__disclaimer-wrap {
  position: relative;
  max-width: var(--ac-footer-disclaimer-max-desktop);
  min-height: var(--ac-footer-disclaimer-min-height-desktop);
}

.ac-footer__disclaimer {
  margin: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  color: rgba(255, 255, 255, 0.62);
}

.ac-footer__disclaimer p {
  margin: 0;
  font-size: 10px;
  line-height: 13px;
}

.ac-footer__copyright {
  position: absolute;
  left: var(--ac-footer-copyright-left-desktop);
  bottom: 0;
  margin: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.62);
}

.ac-footer__consent {
  width: min(100%, var(--ac-footer-consent-max-desktop));
  margin: var(--ac-footer-consent-margin-top-desktop) 0 0;
  margin-left: 0;
  min-width: 0;
  align-self: flex-start;
  text-align: left;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.38px;
  color: rgba(255, 255, 255, 0.62);
}

.ac-footer__consent a,
.ac-footer__disclaimer a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: underline;
  text-underline-offset: 1px;
  transition: color 0.2s ease;
}

@media (hover: hover) {
  .ac-footer__consent a:hover,
  .ac-footer__disclaimer a:hover {
    color: #ffffff;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-footer {
    --ac-footer-left-col-width-desktop: 381px;
    --ac-footer-top-col-gap-desktop: 97px;
    --ac-footer-col-pad-top-desktop: 56px;
    --ac-footer-col-pad-bottom-desktop: 64px;
    --ac-footer-right-col-1-desktop: 265px;
    --ac-footer-right-col-2-desktop: 172px;
    --ac-footer-right-col-3-desktop: 151px;
    --ac-footer-right-col-gap-desktop: 23px;
    --ac-footer-tagline-max-desktop: 173px;
    --ac-footer-bottom-margin-top-desktop: 40px;
    --ac-footer-bottom-col-left-desktop: 360px;
    --ac-footer-bottom-col-gap-desktop: 86px;
    --ac-footer-disclaimer-max-desktop: 360px;
    --ac-footer-disclaimer-margin-top-desktop: 40px;
    --ac-footer-consent-max-desktop: 620px;
    --ac-footer-consent-margin-top-desktop: 40px;
    --ac-footer-copyright-left-desktop: 0;
  }

  .ac-footer__left-column {
    padding-right: 30px;
  }

  .ac-footer__address,
  .ac-footer__hours {
    font-size: 15px;
    line-height: 19px;
  }

  .ac-footer__phone {
    font-size: 17px;
    line-height: 21.675px;
  }

  .ac-footer__email {
    font-size: 15px;
    line-height: 19px;
  }

  .ac-footer__cta .ac-btn--pill {
    min-width: 151px;
    min-height: 44px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 16.5px;
  }
}

@media (min-width: 1100px) and (max-width: 1279.98px) {
  .ac-footer {
    --ac-footer-left-col-width-desktop: 381px;
    --ac-footer-top-col-gap-desktop: 97px;
    --ac-footer-right-col-2-desktop: 172px;
    --ac-footer-right-col-3-desktop: 151px;
    --ac-footer-right-col-gap-desktop: 23px;
    --ac-footer-tagline-max-desktop: 173px;
    --ac-footer-disclaimer-max-desktop: 360px;
    --ac-footer-disclaimer-min-height-desktop: 54px;
    --ac-footer-disclaimer-margin-top-desktop: 40px;
    --ac-footer-consent-max-desktop: 620px;
    --ac-footer-consent-margin-top-desktop: 40px;
    --ac-footer-copyright-left-desktop: 0;
    padding-block: 0;
    contain-intrinsic-size: auto 420px;
  }

  .ac-footer__left-column,
  .ac-footer__right-column {
    padding-block: 56px 64px;
  }

  .ac-footer__container {
    max-width: none;
    padding-inline: var(--ac-desktop-content-edge);
  }

  .ac-footer__top {
    grid-template-columns: minmax(0, var(--ac-footer-left-col-width-desktop)) minmax(0, 1fr);
    column-gap: var(--ac-footer-top-col-gap-desktop);
  }

  .ac-footer__left-column {
    padding-right: 30px;
  }

  .ac-footer__contacts-pane {
    grid-template-columns: minmax(0, 1fr) var(--ac-footer-right-col-2-desktop) var(--ac-footer-right-col-3-desktop);
    column-gap: var(--ac-footer-right-col-gap-desktop);
  }

  .ac-footer__contacts-head {
    grid-template-columns: var(--ac-footer-right-col-2-desktop) var(--ac-footer-right-col-3-desktop);
    column-gap: var(--ac-footer-right-col-gap-desktop);
  }

  .ac-footer__legal-pane {
    margin-top: 40px;
    max-width: var(--ac-footer-disclaimer-max-desktop);
  }

  .ac-footer__consent {
    align-self: flex-start;
    width: min(100%, var(--ac-footer-consent-max-desktop));
    margin-top: 40px;
  }

  .ac-footer__cta .ac-btn--pill {
    min-width: 151px;
    width: auto;
    max-width: none;
    min-height: 44px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 16.5px;
  }
}

@media (min-width: 768px) and (max-width: 1099.98px) {
  .ac-footer {
    padding-block: 50px;
    contain-intrinsic-size: auto 354px;
  }

  .ac-footer__container {
    max-width: none;
    padding-inline: 45px;
  }

  .ac-footer__top {
    column-gap: clamp(50px, calc(-59px + 14.2vw), 97px);
    grid-template-columns: minmax(0, clamp(255px, calc(-36px + 38vw), 381px)) minmax(0, 1fr);
    row-gap: 25px;
  }

  .ac-footer__top::after {
    content: '';
    position: absolute;
    left: calc(clamp(255px, calc(-36px + 38vw), 381px) - 7px);
    top: -50px;
    bottom: -50px;
    width: 7px;
    background-color: #ffffff;
    pointer-events: none;
  }

  .ac-footer__left-column,
  .ac-footer__right-column {
    display: flex;
    flex-direction: column;
    padding: 0;
    min-width: 0;
  }

  .ac-footer__left-column {
    padding-right: 12px;
    align-self: stretch;
    height: 100%;
    min-height: 0;
  }

  .ac-footer__right-column {
    width: auto;
    align-self: stretch;
    padding-left: 0;
  }

  .ac-footer__brand-region {
    width: auto;
  }

  .ac-footer__legal-pane {
    position: static;
    width: auto;
    max-width: 317px;
    margin-top: 38px;
  }

  .ac-footer__contacts-pane {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: stretch;
  }

  .ac-footer__consent {
    width: 100%;
    max-width: 387px;
    margin: 38px 0 0;
    min-width: 0;
    align-self: start;
    text-align: left;
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 13px;
  }

  .ac-footer__brand {
    --ac-footer-logo-width: 155px;
    gap: 7.868px;
  }

  .ac-footer__contacts-head {
    grid-column: auto;
    grid-row: auto;
    display: grid;
    align-items: start;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) 164px;
    column-gap: 16px;
  }

  .ac-footer__info {
    grid-column: auto;
    grid-row: auto;
    gap: 0;
    width: 226px;
    max-width: 226px;
  }

  .ac-footer__contacts {
    grid-column: auto;
    grid-row: auto;
    align-items: flex-start;
  }

  .ac-footer__address,
  .ac-footer__hours,
  .ac-footer__legal-id {
    font-size: 14px;
    line-height: 18px;
  }

  .ac-footer__hours {
    margin-top: 15px;
  }

  .ac-footer__legal-id {
    margin-top: 30px;
    width: 226px;
  }

  .ac-footer__cta .ac-btn--pill {
    min-width: 164px;
    min-height: 45px;
    border-width: 2px;
    font-size: 12px;
    line-height: 15px;
  }

  .ac-footer__cta {
    grid-column: auto;
    grid-row: auto;
    align-items: flex-end;
  }

  .ac-footer__disclaimer-wrap {
    position: static;
    max-width: 317px;
    min-height: 0;
  }

  .ac-footer__disclaimer,
  .ac-footer__disclaimer p {
    font-size: 11px;
    line-height: 14px;
  }

  .ac-footer__copyright {
    position: static;
    left: auto;
    bottom: auto;
    margin-top: 2px;
    line-height: 14px;
  }
}

@media (max-width: 767.98px) {
  .ac-footer {
    padding-block: 50px;
    contain-intrinsic-size: auto 603px;
  }

  .ac-footer__container {
    max-width: none;
    padding-inline: 20px;
  }

  .ac-footer__top {
    display: flex;
    flex-direction: column;
    gap: 38px;
    align-items: stretch;
  }

  .ac-footer__left-column,
  .ac-footer__right-column {
    display: contents;
    padding: 0;
    border: 0;
  }

  .ac-footer__top::after {
    content: none;
  }

  .ac-footer__brand-region {
    order: 1;
    align-self: center;
  }

  .ac-footer__contacts-pane {
    order: 2;
    width: min(100%, 318.842px);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .ac-footer__legal-pane,
  .ac-footer__consent {
    width: min(100%, 320px);
    margin-inline: auto;
  }

  .ac-footer__legal-pane {
    order: 3;
    position: static;
    margin-top: 0;
  }

  .ac-footer__consent {
    order: 4;
    margin: 20px auto 0;
    min-width: 0;
    align-self: start;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .ac-footer__brand {
    --ac-footer-logo-width: 132px;
    align-items: center;
    gap: 4.822px;
  }

  .ac-footer__contacts-head {
    grid-column: auto;
    grid-row: auto;
    width: min(100%, 318px);
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }

  .ac-footer__info,
  .ac-footer__contacts,
  .ac-footer__cta {
    grid-column: auto;
    grid-row: auto;
  }

  .ac-footer__contacts,
  .ac-footer__info {
    align-items: center;
    text-align: center;
  }

  .ac-footer__info {
    width: 100%;
    max-width: 318.842px;
    gap: 15px;
  }

  .ac-footer__address,
  .ac-footer__hours,
  .ac-footer__legal-id {
    font-size: 14px;
    line-height: 17.85px;
  }

  .ac-footer__address {
    max-width: 266.5px;
  }

  .ac-footer__hours {
    margin-top: 0;
  }

  .ac-footer__legal-id {
    margin-top: 0;
  }

  .ac-footer__phone {
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-footer__email {
    font-size: 16px;
    line-height: 20.4px;
  }

  .ac-footer__cta .ac-btn--pill {
    min-width: 164.054px;
    min-height: 45px;
    border-width: 2px;
    font-size: 12px;
    line-height: 15.3px;
  }

  .ac-footer__disclaimer-wrap {
    max-width: 317.378px;
    min-height: 0;
    position: static;
  }

  .ac-footer__copyright {
    position: static;
    left: auto;
    bottom: auto;
    margin-top: 0;
    margin-left: 44px;
    line-height: 16px;
  }

  .ac-footer__consent {
    font-size: 11px;
    line-height: 13px;
  }
}


/* ==========================================================================
   5. ANIMATION UTILITIES
   ========================================================================== */

/* Базовый класс */
.ac-animate {
  transition-property: opacity, transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s;
  will-change: opacity, transform;
}

/* Задержка для stagger-эффектов */
.ac-animate--d1 { transition-delay: 0.1s; }
.ac-animate--d2 { transition-delay: 0.2s; }
.ac-animate--d3 { transition-delay: 0.3s; }
.ac-animate--d4 { transition-delay: 0.4s; }
.ac-animate--d5 { transition-delay: 0.5s; }

/* Fade up — появление снизу вверх */
.ac-animate--fade-up {
  opacity: 0;
  transform: translateY(32px);
}

/* Fade in — простое появление */
.ac-animate--fade-in {
  opacity: 0;
  transform: none;
}

/* Состояние "виден" — устанавливается IntersectionObserver */
.ac-animate.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Отключение анимаций при prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .ac-animate,
  .ac-animate--fade-up,
  .ac-animate--fade-in {
    transition: none;
    opacity: 1;
    transform: none;
  }
}


/* ==========================================================================
   6. RED MARKER UTILITY (.ac-marker)
   Используется в блоках 4, 5, 15 — красный квадратный маркер
   ========================================================================== */

/* Враппер элемента списка с маркером */
.ac-marker-item {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}

/* Сам маркер */
.ac-marker {
  display: inline-block;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  background-color: #b80003;
  margin-top: 0.45em;  /* вертикальное выравнивание с первой строкой текста */
}

.ac-marker--lg {
  width: 14px;
  height: 14px;
  margin-top: 0.35em;
}

/* Текст рядом с маркером */
.ac-marker-item__text {
  flex: 1;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: inherit;
}

.ac-marker-item__text strong,
.ac-marker-item__text b {
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1rem;
}


/* ==========================================================================
   6b. DECORATIVE RED LINE (.ac-decor-line)
   Красная линия с разрывом и квадратиком посередине.
   Используется: блок 4 (Why-Artel), блок 6 (Divider), блок 8 (Timeline dots)
   ========================================================================== */

/* Красная горизонтальная линия с разрывом и квадратиком в центре.
   Реализация: градиент рисует линию с прозрачным зазором посередине,
   ::after — маленький красный квадрат в центре зазора. */
.ac-decor-line {
  display: block;
  width: 100%;
  height: 5px;
  position: relative;
  background: linear-gradient(to right,
    #b80003 0%, #b80003 calc(50% - 7px),
    transparent calc(50% - 7px), transparent calc(50% + 7px),
    #b80003 calc(50% + 7px), #b80003 100%
  );
}

.ac-decor-line::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: #b80003;
}


/* ==========================================================================
   7. DIVIDER TEXT SECTION (.ac-divider-text)
   Блоки 6 и 9.5 — текст с красной горизонтальной линией
   ========================================================================== */

.ac-divider-text {
  --ac-divider-pad-block-desktop: 108.115px;
  --ac-divider-inner-gap-desktop: 20.177px;
  --ac-divider-line-width-desktop: 1110px;
  --ac-divider-line-height-desktop: 5.593px;
  --ac-divider-line-break-half-desktop: 7.7965px;
  --ac-divider-dot-size-desktop: 5.593px;
  --ac-divider-text-size-desktop: 28px;
  --ac-divider-text-line-height-desktop: 35.7px;
  background-color: #ffffff;
  padding-block: clamp(2.5rem, 5vw, 5rem);
}

.ac-divider-text__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

/* Красная горизонтальная линия с разрывом и квадратом посередине —
   наследует стили от .ac-decor-line, только ограничена по ширине. */
.ac-divider-text__line {
  display: block;
  width: 100%;
  max-width: 100%;
  height: var(--ac-divider-dot-size-desktop);
  position: relative;
  background: linear-gradient(to right,
    #b80003 0%, #b80003 calc(50% - 7px),
    transparent calc(50% - 7px), transparent calc(50% + 7px),
    #b80003 calc(50% + 7px), #b80003 100%
  );
}

.ac-divider-text__line::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--ac-divider-dot-size-desktop);
  height: var(--ac-divider-dot-size-desktop);
  background-color: #b80003;
}

/* Текст разделителя (28px w200) */
.ac-divider-text__text {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: 200;
  line-height: 1.4;
  color: #1b1b1b;
  max-width: 38em;
  text-align: center;
}

@media (min-width: 1024px) {
  /* Block 6 (divider-text): pixel alignment with Figma export (frame 4472). */
  #divider-text {
    padding-block: var(--ac-divider-pad-block-desktop);
  }

  #divider-text > .ac-container.ac-divider-text__inner {
    width: 100%;
    max-width: var(--ac-desktop-frame-width);
    padding-inline: var(--ac-desktop-frame-inset);
    gap: var(--ac-divider-inner-gap-desktop);
  }

  #divider-text .ac-divider-text__line {
    width: min(var(--ac-divider-line-width-desktop), 100%);
    max-width: none;
    height: var(--ac-divider-line-height-desktop);
    background: linear-gradient(
      to right,
      #b80003 0,
      #b80003 calc(50% - var(--ac-divider-line-break-half-desktop)),
      transparent calc(50% - var(--ac-divider-line-break-half-desktop)),
      transparent calc(50% + var(--ac-divider-line-break-half-desktop)),
      #b80003 calc(50% + var(--ac-divider-line-break-half-desktop)),
      #b80003 100%
    );
  }

  #divider-text .ac-divider-text__line::after {
    width: var(--ac-divider-dot-size-desktop);
    height: var(--ac-divider-dot-size-desktop);
  }

  #divider-text .ac-divider-text__text {
    width: min(var(--ac-divider-line-width-desktop), 100%);
    max-width: none;
    margin: 0;
    font-size: var(--ac-divider-text-size-desktop);
    font-weight: 200;
    line-height: var(--ac-divider-text-line-height-desktop);
    letter-spacing: 0;
  }
}

@media (min-width: 1600px) {
  .ac-divider-text {
    --ac-divider-pad-block-desktop: calc(108.115px * var(--ac-desktop-xl-frame-scale));
    --ac-divider-inner-gap-desktop: calc(20.177px * var(--ac-desktop-xl-frame-scale));
    --ac-divider-line-width-desktop: calc(1110px * var(--ac-desktop-xl-content-scale));
    --ac-divider-line-height-desktop: calc(5.593px * var(--ac-desktop-xl-frame-scale));
    --ac-divider-line-break-half-desktop: calc(7.7965px * var(--ac-desktop-xl-frame-scale));
    --ac-divider-dot-size-desktop: calc(5.593px * var(--ac-desktop-xl-frame-scale));
    --ac-divider-text-size-desktop: calc(28px * var(--ac-desktop-xl-frame-scale));
    --ac-divider-text-line-height-desktop: calc(35.7px * var(--ac-desktop-xl-frame-scale));
  }
}


/* ==========================================================================
   8. INLINE FORM SECTION (блок 16)
   ========================================================================== */

.ac-form-section {
  background-color: #1b1b1b;
  position: relative;
  overflow: hidden;
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

/* Фоновое фото формы */
.ac-form-section__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ac-form-section__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.15;
}

.ac-form-section__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  padding-block: clamp(3rem, 6vw + 1rem, 6rem);
}

@media (min-width: 1024px) {
  .ac-form-section__inner {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
  }
}

/* Текстовая часть */
.ac-form-section__text {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.ac-form-section__title {
  font-size: clamp(1.375rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

.ac-form-section__desc {
  font-size: 1.125rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.65;
}

/* Форма */
.ac-form-section__form {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 2rem 1.5rem;
}

@media (min-width: 480px) {
  .ac-form-section__form {
    padding: 2.5rem 2rem;
  }
}

.ac-form-section__badge {
  display: inline-block;
  margin-bottom: 1.25rem;
  padding: 0.25rem 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}


/* ==========================================================================
   9. FOUNDER SECTION (блок 3)
   ========================================================================== */

.ac-founder {
  --ac-founder-gap-desktop: 125px;
  --ac-founder-media-width-desktop: 280px;
  --ac-founder-signature-offset-desktop: 78px;
  background-color: #ffffff;
  padding-block: clamp(3rem, 6vw + 1rem, 5rem);
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
}

.ac-founder__inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 768px) {
  .ac-founder__inner {
    flex-direction: row;
    gap: 3rem;
    align-items: flex-start;
  }
}

@media (min-width: 1024px) {
  .ac-founder__inner {
    gap: var(--ac-founder-gap-desktop);
  }
}

/* Фото + подпись */
.ac-founder__media {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .ac-founder__media {
    width: 240px;
  }
}

@media (min-width: 1024px) {
  .ac-founder__media {
    width: var(--ac-founder-media-width-desktop);
  }
}

.ac-founder__image {
  width: 100%;
  aspect-ratio: 280 / 315;   /* Figma: 280Г—315px */
  object-fit: cover;
  object-position: top center;
  filter: grayscale(100%);
}

.ac-founder__signature {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-left: var(--ac-founder-signature-offset-desktop);
}

.ac-founder__name {
  font-size: 1rem;            /* 16px w700 */
  font-weight: 700;
  line-height: 1.275;         /* 20.4px */
  color: #1b1b1b;
}

.ac-founder__role {
  font-size: 0.8125rem;       /* 13px w400 */
  font-weight: 400;
  line-height: 1.275;         /* 16.57px */
  color: rgba(27, 27, 27, 0.55);
}

/* Текстовая часть */
.ac-founder__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1;
}

.ac-founder__heading {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.577rem); /* max 25.23px */
  font-weight: 500;
  line-height: 1.275;         /* 32.17px */
  color: #1b1b1b;
}

.ac-founder__text {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem); /* max 18px */
  font-weight: 400;
  line-height: 1.275;         /* 22.95px */
  color: rgba(27, 27, 27, 0.8);
}

.ac-founder__text p {
  margin-bottom: 0.875rem;
}

.ac-founder__text p:last-child {
  margin-bottom: 0;
}

.ac-founder__text strong {
  font-weight: 600;
  color: var(--ac-red, #b80003);
}

@media (max-width: 767.98px) {
  .ac-founder__media {
    width: min(100%, 212px);
    margin-inline: auto;
    gap: 0.75rem;
  }

  .ac-founder__signature {
    padding-left: 0;
    align-items: center;
    text-align: center;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-founder {
    --ac-founder-gap-desktop: 45px;
    padding-top: 100px;
    padding-bottom: 95px;
  }
}

@media (min-width: 1600px) {
  .ac-founder {
    --ac-founder-gap-desktop: calc(125px * var(--ac-desktop-xl-content-scale));
    --ac-founder-media-width-desktop: calc(280px * var(--ac-desktop-xl-content-scale));
    --ac-founder-signature-offset-desktop: calc(78px * var(--ac-desktop-xl-content-scale));
  }
}


/* ==========================================================================
   10. WHY-ARTEL SECTION (блок 4)
   ========================================================================== */

.ac-why-artel {
  --ac-why-base-height: 600px;
  --ac-why-split-left: 28.986646%;
  --ac-why-divider-width: 7px;
  --ac-why-left-width: 244px;
  --ac-why-gap-before-divider: 125px;
  --ac-why-gap-after-divider: 130px;
  background-color: #1b1b1b;
  position: relative;
  overflow: hidden;
  padding-block: clamp(3rem, 6vw + 1rem, 5rem);
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
  isolation: isolate;
}

.ac-why-artel__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.ac-why-artel__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(27, 27, 27, 0.6);
}

.ac-why-artel__bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 0% 13.3%;
  filter: grayscale(1);
}

.ac-why-artel__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Shared asymmetric heading for Why Artel + Cooperation */
.ac-split-heading {
  --ac-split-heading-gap: 16px;
  --ac-split-heading-line-thickness: 5.593px;
  --ac-split-heading-line-gap: 7px;
  --ac-split-heading-dot-size: 6px;
  --ac-split-heading-top-left: 44%;
  --ac-split-heading-bottom-left: 36%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ac-split-heading-gap);
  width: fit-content;
  max-width: 100%;
}

.ac-split-heading__title {
  margin: 0;
  max-width: 100%;
}

.ac-split-heading__line {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: var(--ac-split-heading-line-thickness);
  background:
    linear-gradient(
      to right,
      #b70003 0 var(--ac-split-heading-left),
      transparent var(--ac-split-heading-left) calc(var(--ac-split-heading-left) + var(--ac-split-heading-line-gap)),
      #b70003 calc(var(--ac-split-heading-left) + var(--ac-split-heading-line-gap)) calc(var(--ac-split-heading-left) + var(--ac-split-heading-line-gap) + var(--ac-split-heading-dot-size)),
      transparent calc(var(--ac-split-heading-left) + var(--ac-split-heading-line-gap) + var(--ac-split-heading-dot-size)) calc(var(--ac-split-heading-left) + var(--ac-split-heading-line-gap) + var(--ac-split-heading-dot-size) + var(--ac-split-heading-line-gap)),
      #b70003 calc(var(--ac-split-heading-left) + var(--ac-split-heading-line-gap) + var(--ac-split-heading-dot-size) + var(--ac-split-heading-line-gap)) 100%
    );
}

.ac-split-heading__line::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(var(--ac-split-heading-left) + var(--ac-split-heading-line-gap));
  width: var(--ac-split-heading-dot-size);
  height: var(--ac-split-heading-dot-size);
  background-color: #b70003;
  transform: translateY(-50%);
  border-radius: 0;
}

.ac-split-heading__line--top {
  --ac-split-heading-left: var(--ac-split-heading-top-left);
}

.ac-split-heading__line--bottom {
  --ac-split-heading-left: var(--ac-split-heading-bottom-left);
}

/* Левая колонка: заголовок */
.ac-why-artel__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.ac-why-artel__heading-group,
.ac-cooperation__heading-group {
  --ac-split-heading-top-left: 44%;
  --ac-split-heading-bottom-left: 36%;
}

.ac-why-artel__decor-line {
  margin-bottom: 0;
}

.ac-why-artel__heading {
  margin: 0;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem); /* max 24px */
  font-weight: 700;
  line-height: 1.275;         /* 30.6px */
  color: #ffffff;
  text-transform: uppercase;
}

.ac-why-artel__heading-break {
  display: none;
}

/* Вертикальный разделитель (белый, 7px) */
.ac-why-artel__divider {
  display: none;
  width: var(--ac-why-divider-width);
  background-color: #ffffff;
  border-radius: 0;
  flex-shrink: 0;
}

/* Правая колонка: список преимуществ */
.ac-why-artel__list {
  display: flex;
  flex-direction: column;
  gap: 3.75rem; /* 60px per Figma */
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

/* Элемент списка */
.ac-why-artel__item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* Ромбический маркер (квадрат 18×18, повёрнутый на 45°) */
.ac-why-artel__marker {
  margin-top: 2px;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  background-color: #b70003;
  flex-shrink: 0;
}

.ac-why-artel__item-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ac-why-artel__item-title {
  margin: 0;
  font-size: clamp(1rem, 1.5vw + 0.25rem, 1.25rem); /* max 20px */
  font-weight: 600;
  line-height: 1.275;         /* 25.5px */
  color: #ffffff;
}

.ac-why-artel__item-text {
  margin: 0;
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.125rem); /* max 18px */
  font-weight: 400;
  line-height: 1.275;         /* 22.95px */
  color: #ffffff;
}

@media (min-width: 1024px) {
  .ac-why-artel {
    --ac-why-split-left: calc(
      var(--ac-split-edge) + var(--ac-why-left-width) + var(--ac-why-gap-before-divider)
    );
    padding-block: 0;
    min-height: var(--ac-why-base-height);
  }

  .ac-why-artel__inner {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-inline: 0;
    min-height: var(--ac-why-base-height);
    display: grid;
    grid-template-columns:
      minmax(0, var(--ac-why-split-left))
      var(--ac-why-divider-width)
      minmax(0, calc(100% - var(--ac-why-split-left) - var(--ac-why-divider-width)));
    column-gap: 0;
    align-items: stretch;
    gap: 0;
  }

  .ac-why-artel__left {
    grid-column: 1;
    min-width: 0;
    justify-content: center;
    padding: 0 var(--ac-why-gap-before-divider) 0 var(--ac-split-edge);
    gap: 16px;
  }

  .ac-why-artel__heading-group {
    max-width: var(--ac-why-left-width);
  }

  .ac-why-artel__divider {
    display: block;
    grid-column: 2;
    align-self: stretch;
    height: auto;
  }

  .ac-why-artel__list {
    grid-column: 3;
    min-width: 0;
    justify-content: center;
    padding: 0 var(--ac-split-edge) 0 var(--ac-why-gap-after-divider);
    width: 100%;
    max-width: none;
    gap: 60px;
  }

  .ac-why-artel__item {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    row-gap: 10px;
    column-gap: 20px;
  }

  .ac-why-artel__marker {
    grid-column: 1;
    grid-row: 1;
  }

  .ac-why-artel__item-body {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 0;
  }

  .ac-why-artel__item-title {
    margin: 0;
  }

  .ac-why-artel__item-text {
    min-width: 0;
    overflow-wrap: anywhere;
  }

}

@media (min-width: 1600px) {
  .ac-why-artel {
    --ac-why-base-height: calc(600px * var(--ac-desktop-xl-frame-scale));
    --ac-why-left-width: calc(244px * var(--ac-desktop-xl-content-scale));
    --ac-why-gap-before-divider: calc(125px * var(--ac-desktop-xl-content-scale));
    --ac-why-gap-after-divider: calc(130px * var(--ac-desktop-xl-content-scale));
  }
}

@media (max-width: 1023.98px) {
  .ac-why-artel__heading-group,
  .ac-cooperation__heading-group {
    width: fit-content;
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .ac-why-artel__heading,
  .ac-production__heading,
  .ac-details__heading,
  .ac-engineering__heading,
  .ac-induction__heading,
  .ac-viz__heading,
  .ac-brands__heading,
  .ac-projects__heading,
  .ac-cooperation__heading,
  .ac-full-cycle__heading,
  .ac-contact-form__heading {
    font-size: 1.6rem;
    line-height: 1.275;
  }

  .ac-why-artel {
    min-height: 0;
    padding-block: clamp(57px, 11svh, 99px);
  }

  .ac-why-artel__inner {
    gap: 42px;
  }

  .ac-why-artel__left {
    gap: 18px;
  }

  .ac-why-artel__heading-group,
  .ac-cooperation__heading-group {
    --ac-split-heading-gap: 18px;
    --ac-split-heading-line-thickness: 5.593px;
    --ac-split-heading-dot-size: 5.593px;
  }

  .ac-why-artel__heading {
    line-height: 1.2778;
  }

  .ac-why-artel__heading-break {
    display: block;
    width: 0;
    height: 0;
  }

  .ac-why-artel__heading-group {
    max-width: 292px;
  }

  .ac-why-artel__list {
    margin: 20px;
    gap: 42px;
  }

  .ac-why-artel__item {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    column-gap: 22px;
    align-items: start;
  }

  .ac-why-artel__marker {
    width: 14px;
    height: 14px;
    margin-top: 11px;
  }

  .ac-why-artel__item-body {
    gap: 7px;
  }

  .ac-why-artel__item-title {
    font-size: 18px;
    line-height: 1.2778;
    font-weight: 600;
  }

  .ac-why-artel__item-text {
    font-size: 16px;
    line-height: 1.3125;
  }
}

/* ==========================================================================
   10b. PRODUCTION SECTION (блок 5)
   ========================================================================== */

@media (min-width: 1024px) {
  .ac-why-artel,
  .ac-production,
  .ac-induction,
  .ac-cooperation {
    --ac-split-edge: var(--ac-desktop-content-edge);
  }

  .ac-why-artel__inner,
  .ac-production__inner,
  .ac-induction__inner,
  .ac-cooperation__layout {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .ac-why-artel__left,
  .ac-why-artel__list,
  .ac-production__cycle-col,
  .ac-production__content,
  .ac-induction__left,
  .ac-induction__right,
  .ac-cooperation__visual-content,
  .ac-cooperation__content {
    min-width: 0;
    box-sizing: border-box;
  }
}

.ac-production {
  --ac-split-left: 56.79%;
  --ac-split-left-xl: 55.42%;
  --ac-production-section-height: 701px;
  --ac-production-panel-pad-y: 70px;
  --ac-production-panel-gap: 75px;
  --ac-production-heading-cycle-gap: 68.184px;
  --ac-production-heading-max: 593px;
  --ac-production-cycle-max: 673.632px;
  --ac-production-copy-max: 465px;
  --ac-production-list-max: 412px;
  --ac-production-cycle-pad-right: 64px;
  --ac-production-content-pad-left: 76px;
  --ac-production-stack-pad-x: var(--ac-inner-inset-tablet);
  --ac-production-grid-light-line-rgb: var(--ac-grid-overlay-mixed-light-line-rgb);
  --ac-production-grid-light-line-alpha: 0.22;
  --ac-production-grid-dark-line-rgb: var(--ac-grid-overlay-mixed-dark-line-rgb);
  --ac-production-grid-dark-line-alpha: var(--ac-grid-overlay-mixed-dark-line-alpha);
  position: relative;
  background-color: #1b1b1b;
  overflow: hidden;
  padding: 0;
  border-top: 7px solid #ffffff;
  content-visibility: auto;
  contain-intrinsic-size: auto var(--ac-production-section-height);
}

.ac-production::before {
  content: '';
  position: absolute;
  inset-block: 0;
  left: 0;
  width: var(--ac-split-left);
  z-index: 2;
  pointer-events: none;
  background-size: var(--ac-grid-overlay-size) var(--ac-grid-overlay-size);
  background-position: var(--ac-grid-overlay-position);
  background-attachment: var(--ac-grid-overlay-attachment);
  background-image:
    linear-gradient(to right, rgba(var(--ac-production-grid-light-line-rgb), var(--ac-production-grid-light-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width)),
    linear-gradient(to bottom, rgba(var(--ac-production-grid-light-line-rgb), var(--ac-production-grid-light-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width));
}

.ac-production__bg,
.ac-production__overlay {
  position: absolute;
  inset-block: 0;
  left: 0;
  width: var(--ac-split-left);
}

.ac-production__bg {
  z-index: 0;
  overflow: hidden;
}

.ac-production__bg-img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 42% 50%;
  filter: grayscale(1);
}

.ac-production__overlay {
  z-index: 1;
  background: rgba(27, 27, 27, 0.52);
  pointer-events: none;
}

.ac-production__inner {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: none;
  min-height: var(--ac-production-section-height);
  display: grid;
  grid-template-columns: minmax(0, var(--ac-split-left)) minmax(0, calc(100% - var(--ac-split-left)));
}

.ac-production__cycle-col {
  display: flex;
  flex-direction: column;
  gap: var(--ac-production-heading-cycle-gap);
  padding: var(--ac-production-panel-pad-y) 24px var(--ac-production-panel-pad-y) clamp(1rem, 5.56vw, 79.797px);
  color: #ffffff;
}

.ac-production__heading {
  margin: 0;
  width: var(--ac-production-heading-max);
  max-width: 100%;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 30.6px;
  color: #ffffff;
  text-transform: uppercase;
}

.ac-production__cycle {
  position: relative;
  margin-top: 0;
  width: min(var(--ac-production-cycle-max), 100%);
  aspect-ratio: 673.632 / 461.633;
  overflow: visible;
  --ac-production-cycle-anchor-x: 54.303%;
  --ac-production-cycle-bottom-y: 95.023%;
}

.ac-production__cycle-ring {
  position: absolute;
  left: 26.423%;
  top: 25px;
  width: 55.757%;
  height: 85%;
  z-index: 1;
  --ac-production-cycle-arm: 58%;
  --ac-production-cycle-corner-radius: 4px;
}

.ac-production__cycle-corner {
  position: absolute;
  width: 47.340%;
  height: 42.476%;
}

.ac-production__cycle-corner::before,
.ac-production__cycle-corner::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  border-radius: var(--ac-production-cycle-corner-radius);
}

.ac-production__cycle-corner--tl {
  left: 0;
  top: 0;
}

.ac-production__cycle-corner--tr {
  right: 0;
  top: 0;
}

.ac-production__cycle-corner--bl {
  left: 0;
  bottom: 0;
}

.ac-production__cycle-corner--br {
  right: 0;
  bottom: 0;
}

.ac-production__cycle-corner--tl::before,
.ac-production__cycle-corner--tr::before {
  left: 0;
  top: 0;
  width: 100%;
  height: var(--ac-production-cycle-arm);
}

.ac-production__cycle-corner--bl::before,
.ac-production__cycle-corner--br::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--ac-production-cycle-arm);
}

.ac-production__cycle-corner--tl::after,
.ac-production__cycle-corner--bl::after {
  left: 0;
  top: 0;
  width: var(--ac-production-cycle-arm);
  height: 100%;
}

.ac-production__cycle-corner--tr::after,
.ac-production__cycle-corner--br::after {
  right: 0;
  top: 0;
  width: var(--ac-production-cycle-arm);
  height: 100%;
}

.ac-production__cycle-center {
  position: absolute;
  left: var(--ac-production-cycle-anchor-x);
  top: 48%;
  width: 176px;
  max-width: 176px;
  margin: 0;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 700;
  line-height: 22.95px;
  color: #ffffff;
  z-index: 2;
}

.ac-production__cycle-step {
  position: absolute;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
  z-index: 3;
}

.ac-production__cycle-step--top {
  left: var(--ac-production-cycle-anchor-x);
  top: 0;
  transform: translate(-50%, -100%);
}

.ac-production__cycle-step--right {
  right: 0;
  top: 45%;
}

.ac-production__cycle-step--bottom {
  left: var(--ac-production-cycle-anchor-x);
  top: var(--ac-production-cycle-bottom-y);
  bottom: auto;
  transform: translateX(-50%);
}

.ac-production__cycle-step--left {
  left: 0;
  top: 45%;
}

.ac-production .ac-production__cycle-number.ac-number {
  display: inline-block;
  min-width: 28px;
  text-align: left;
  font-family: var(--ac-font-accent, 'Rubik One', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.284px;
  letter-spacing: 0;
  color: #ffffff;
}

.ac-production__cycle-label {
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 800;
  line-height: 22.95px;
  color: #ffffff;
}

.ac-production__content {
  background-color: #ffffff;
  background-size: var(--ac-grid-overlay-size) var(--ac-grid-overlay-size);
  background-position: var(--ac-grid-overlay-position);
  background-attachment: var(--ac-grid-overlay-attachment);
  background-image:
    linear-gradient(to right, rgba(var(--ac-production-grid-dark-line-rgb), var(--ac-production-grid-dark-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width)),
    linear-gradient(to bottom, rgba(var(--ac-production-grid-dark-line-rgb), var(--ac-production-grid-dark-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width));
  position: relative;
  padding: var(--ac-production-panel-pad-y) clamp(1rem, 5.63vw, 81px) var(--ac-production-panel-pad-y) clamp(1rem, 5.28vw, 76px);
  display: flex;
  flex-direction: column;
  gap: var(--ac-production-panel-gap);
}

@media (min-width: 1024px) {
  .ac-production__cycle-col {
    padding-left: var(--ac-split-edge);
  }

  .ac-production__content {
    padding-right: var(--ac-split-edge);
  }
}

.ac-production__text,
.ac-production__closing-text {
  margin: 0;
  width: var(--ac-production-copy-max);
  max-width: 100%;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.95px;
  color: #1b1b1b;
}

.ac-production__list-wrap {
  margin: 0;
  width: var(--ac-production-list-max);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ac-production__list-heading {
  margin: 0;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #1b1b1b;
  text-transform: uppercase;
}

.ac-production__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ac-production__list-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.ac-production__list-marker {
  margin-top: 6px;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  background-color: #b70003;
}

.ac-production__list-text {
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.95px;
  color: #1b1b1b;
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ac-production {
    --ac-split-left: clamp(53%, calc(36.57% + 1.6vw), 57.109375%);
    --ac-production-panel-pad-y: clamp(58px, calc(10px + 4.69vw), 70px);
    --ac-production-panel-gap: clamp(52px, calc(-4px + 5.39vw), 65px);
    --ac-production-heading-cycle-gap: clamp(52px, calc(-12px + 6.25vw), 68.184px);
    --ac-production-heading-max: clamp(474px, calc(1px + 46.25vw), 593px);
    --ac-production-cycle-max: clamp(510px, calc(146px + 35.53vw), 600.815px);
    --ac-production-copy-max: clamp(394px, calc(226px + 16.41vw), 436px);
    --ac-production-list-max: clamp(394px, calc(322px + 7.03vw), 412px);
    --ac-production-cycle-pad-right: clamp(24px, calc(-136px + 15.625vw), 64px);
    --ac-production-content-pad-left: clamp(42px, calc(-42px + 8.2vw), 63px);
  }

  .ac-production__cycle-col {
    padding: var(--ac-production-panel-pad-y) var(--ac-production-cycle-pad-right) var(--ac-production-panel-pad-y) var(--ac-split-edge);
  }

  .ac-production__content {
    padding: var(--ac-production-panel-pad-y) var(--ac-split-edge) var(--ac-production-panel-pad-y) var(--ac-production-content-pad-left);
  }

  .ac-production__cycle {
    --ac-production-cycle-figure-size: clamp(290px, calc(138px + 14.84vw), 335px);
    --ac-production-cycle-caption-gap: clamp(14px, calc(-2px + 1.56vw), 18px);
    --ac-production-cycle-side-gap: clamp(18px, calc(-30px + 4.69vw), 30px);
  }

  .ac-production__cycle-center {
    width: 128px;
    max-width: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    line-height: 1.1;
  }

  .ac-production__cycle-step {
    gap: 3px;
  }

  .ac-production .ac-production__cycle-number.ac-number {
    min-width: 0;
    font-size: 14px;
    line-height: 1;
  }

  .ac-production__cycle-label {
    font-size: 14px;
    line-height: 1.05;
  }

  .ac-production__cycle-step--top {
    top: calc(50% - (var(--ac-production-cycle-figure-size) / 2) - var(--ac-production-cycle-caption-gap));
    transform: translate(-50%, -100%);
  }

  .ac-production__cycle-step--left,
  .ac-production__cycle-step--right {
    top: 50%;
    flex-direction: column;
    gap: 2px;
    white-space: normal;
    width: 96px;
  }

  .ac-production__cycle-step--left {
    left: calc(var(--ac-production-cycle-anchor-x) - (var(--ac-production-cycle-figure-size) / 2) - var(--ac-production-cycle-side-gap));
    transform: translate(-100%, -50%);
    align-items: flex-end;
    text-align: right;
  }

  .ac-production__cycle-step--right {
    left: calc(var(--ac-production-cycle-anchor-x) + (var(--ac-production-cycle-figure-size) / 2) + var(--ac-production-cycle-side-gap));
    right: auto;
    transform: translateY(-50%);
    align-items: flex-start;
    text-align: left;
  }

  .ac-production__cycle-step--bottom {
    top: calc(50% + (var(--ac-production-cycle-figure-size) / 2) + var(--ac-production-cycle-caption-gap));
    bottom: auto;
    transform: translateX(-50%);
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-production {
    --ac-split-left: 57.109375%;
    --ac-production-cycle-max: 600.815px;
    --ac-production-copy-max: 436px;
    --ac-production-panel-gap: 65px;
  }

  .ac-production__cycle-col {
    padding: var(--ac-production-panel-pad-y) 24px var(--ac-production-panel-pad-y) var(--ac-split-edge);
  }

  .ac-production__content {
    padding: var(--ac-production-panel-pad-y) var(--ac-split-edge) var(--ac-production-panel-pad-y) 63px;
  }
}

@media (min-width: 1440px) {
  .ac-production__cycle-col {
    padding-left: var(--ac-split-edge);
    padding-right: var(--ac-production-cycle-pad-right);
  }

  .ac-production__content {
    padding-left: var(--ac-production-content-pad-left);
    padding-right: var(--ac-split-edge);
  }
}

@media (min-width: 1600px) {
  .ac-production {
    --ac-split-left: var(--ac-split-left-xl);
    --ac-production-section-height: calc(701px * var(--ac-desktop-xl-frame-scale));
    --ac-production-panel-pad-y: calc(70px * var(--ac-desktop-xl-frame-scale));
    --ac-production-panel-gap: calc(75px * var(--ac-desktop-xl-frame-scale));
    --ac-production-heading-max: calc(593px * var(--ac-desktop-xl-content-scale));
    --ac-production-cycle-max: calc(673.632px * var(--ac-desktop-xl-content-scale));
    --ac-production-copy-max: calc(465px * var(--ac-desktop-xl-content-scale));
    --ac-production-list-max: calc(412px * var(--ac-desktop-xl-content-scale));
    --ac-production-cycle-pad-right: calc(64px * var(--ac-desktop-xl-content-scale));
    --ac-production-content-pad-left: calc(76px * var(--ac-desktop-xl-content-scale));
  }
}

@media (max-width: 1023.98px) {
  .ac-production {
    --ac-production-stack-pad-x: var(--ac-inner-inset-tablet);
    --ac-production-heading-cycle-gap: clamp(58px, 7.5vw, 72px);
    --ac-production-cycle-max: clamp(360px, 58vw, 460px);
    --ac-production-panel-gap: 36px;
  }

  .ac-production::before {
    width: 100%;
  }

  .ac-production__bg,
  .ac-production__overlay {
    width: 100%;
  }

  .ac-production__inner {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .ac-production__cycle-col {
    padding: 52px var(--ac-production-stack-pad-x) 40px;
    align-items: center;
  }

  .ac-production__cycle {
    margin-inline: auto;
    width: min(100%, var(--ac-production-cycle-max));
    aspect-ratio: auto;
    --ac-production-cycle-anchor-x: 50%;
    --ac-production-cycle-figure-size: 335px;
    --ac-production-cycle-caption-gap: 18px;
    --ac-production-cycle-side-gap: 24px;
  }

  .ac-production__cycle-ring {
    left: 50%;
    top: 50%;
    width: var(--ac-production-cycle-figure-size);
    height: var(--ac-production-cycle-figure-size);
    transform: translate(-50%, -50%);
  }

  .ac-production__cycle-center {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .ac-production__cycle-step--top {
    top: calc(50% - (var(--ac-production-cycle-figure-size) / 2) - var(--ac-production-cycle-caption-gap));
    transform: translate(-50%, -100%);
  }

  .ac-production__cycle-step--bottom {
    top: calc(50% + (var(--ac-production-cycle-figure-size) / 2) + var(--ac-production-cycle-caption-gap));
    bottom: auto;
    transform: translateX(-50%);
  }

  .ac-production__cycle-step--left,
  .ac-production__cycle-step--right {
    top: 50%;
  }

  .ac-production__cycle-step--left {
    left: calc(50% - (var(--ac-production-cycle-figure-size) / 2) - var(--ac-production-cycle-side-gap));
  }

  .ac-production__cycle-step--right {
    left: calc(50% + (var(--ac-production-cycle-figure-size) / 2) + var(--ac-production-cycle-side-gap));
    right: auto;
  }

  .ac-production__content {
    gap: var(--ac-production-panel-gap);
    padding: 48px var(--ac-production-stack-pad-x) 56px;
  }

  .ac-production__heading {
    align-self: stretch;
    width: auto;
    max-width: 100%;
    font-size: 20px;
    line-height: 1.25;
  }

  .ac-production__cycle-center,
  .ac-production__cycle-label,
  .ac-production__list-text,
  .ac-production__text,
  .ac-production__closing-text {
    font-size: 17px;
    line-height: 1.35;
  }

  .ac-production__cycle-number.ac-number {
    min-width: 26px;
    font-size: 17px;
    line-height: 1.25;
  }

  .ac-production__list-heading {
    font-size: 18px;
    line-height: 1.25;
  }

  .ac-production__list-wrap {
    gap: 18px;
  }

  .ac-production__text,
  .ac-production__closing-text,
  .ac-production__list-wrap {
    width: auto;
    max-width: none;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .ac-production {
    --ac-production-heading-cycle-gap: 68px;
    --ac-production-cycle-max: 641px;
  }

  .ac-production__cycle-col {
    padding: 70px var(--ac-production-stack-pad-x) 48px;
    align-items: stretch;
  }

  .ac-production__heading {
    font-size: 20px;
    line-height: 1;
  }

  .ac-production__cycle {
    width: min(100%, var(--ac-production-cycle-max));
    height: 410px;
  }

  .ac-production__cycle-center {
    width: 152px;
    max-width: 152px;
    font-size: 18px;
    line-height: 1.2;
  }

  .ac-production__cycle-step {
    gap: 4.46px;
  }

  .ac-production__cycle-step--left { transform: translate(-100%, -50%); }

  .ac-production__cycle-step--right { transform: translateY(-50%); }

  .ac-production .ac-production__cycle-number.ac-number {
    min-width: 0;
    font-size: 16.054px;
    line-height: 1;
  }

  .ac-production__cycle-label {
    font-size: 16px;
    line-height: 1;
  }
}

@media (max-width: 767.98px) {
  .ac-production {
    --ac-production-stack-pad-x: var(--ac-inner-inset-mobile);
    --ac-production-heading-cycle-gap: 58px;
    --ac-production-cycle-max: 320px;
    --ac-production-panel-gap: 36px;
  }

  .ac-production::before,
  .ac-production__bg,
  .ac-production__overlay {
    inset-block: 0 auto auto 0;
    width: 100%;
    height: 564px;
  }

  .ac-production__inner {
    grid-template-rows: 564px minmax(290px, auto);
  }

  .ac-production__cycle-col {
    min-height: 564px;
    padding: 50px var(--ac-production-stack-pad-x) 48px;
    align-items: stretch;
  }

  .ac-production__content {
    min-height: auto;
    gap: var(--ac-production-panel-gap);
    padding: 48px var(--ac-production-stack-pad-x) 56px;
    background-color: #ffffff;
  }

  .ac-production__heading {
      width: auto;
      max-width: none;
      margin-inline: 0;
    }

  .ac-production__cycle {
    width: min(320px, 100%);
    max-width: 100%;
    height: 362px;
    margin-inline: auto;
    --ac-production-cycle-figure-size: 276px;
    --ac-production-cycle-caption-gap: 26px;
    --ac-production-cycle-side-gap: 30px;
  }

  .ac-production__cycle-center {
    width: 100px;
    max-width: 100px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
  }

  .ac-production__cycle-step {
    gap: 3.476px;
  }

  .ac-production__cycle-step--left,
  .ac-production__cycle-step--right { transform-origin: center; }

  .ac-production__cycle-step--left { transform: translate(-50%, -50%) rotate(-90deg); }

  .ac-production__cycle-step--right { transform: translate(-50%, -50%) rotate(-90deg); }

  .ac-production .ac-production__cycle-number.ac-number {
    min-width: 0;
    font-size: 12.514px;
    line-height: 15px;
  }

  .ac-production__cycle-label {
    font-size: 17px;
    font-weight: 600;
    line-height: 18px;
  }

  .ac-production__list-text,
  .ac-production__text,
  .ac-production__closing-text {
    font-size: 17px;
    line-height: 1.35;
    width: auto;
    max-width: none;
  }

  .ac-production__list-heading {
    font-size: 18px;
    line-height: 1.25;
  }

  .ac-production__list-wrap {
    display: flex;
    gap: 18px;
    width: auto;
    max-width: none;
  }
}


/* ==========================================================================
   11. PRODUCTION NUMBERS (Rubik One — блоки 5, 8)
   ========================================================================== */

.ac-number {
  font-family: 'Rubik One', 'Onest', system-ui, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  color: #b80003;
  letter-spacing: 0.02em;
}


/* ==========================================================================
   12. CARDS (.ac-card)
   Для блоков 7, 10, 13, 15
   ========================================================================== */

.ac-card {
  position: relative;
  overflow: hidden;
  background-color: #1b1b1b;
}

.ac-card__img-wrap {
  overflow: hidden;
}

.ac-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

@media (hover: hover) {
  .ac-card:hover .ac-card__img {
    transform: scale(1.04);
  }
}

.ac-card__body {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.25rem;
  background: linear-gradient(
    to top,
    rgba(27, 27, 27, 0.92) 0%,
    rgba(27, 27, 27, 0.4) 50%,
    transparent 100%
  );
}

.ac-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.3;
}

/* Карточка с красным фоном (блок 7) */
.ac-card--red {
  background-color: #b80003;
}

.ac-card--red .ac-card__body {
  background: none;
  padding: 1rem;
}

.ac-card--red .ac-card__title {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}


/* ==========================================================================
   12b. DETAILS SECTION (блок 7 — карусель карточек)
   ========================================================================== */

.ac-details {
  --ac-details-pad-block-desktop: 80px;
  --ac-details-inner-gap-desktop: 30px;
  --ac-details-heading-size-desktop: 24px;
  --ac-details-heading-line-height-desktop: 30.6px;
  --ac-details-panel-gap-desktop: 71px;
  --ac-details-panel-pad-top-desktop: 25px;
  --ac-details-panel-pad-x-desktop: 20px;
  --ac-details-panel-pad-bottom-desktop: 65px;
  --ac-details-card-gap-desktop: 4.7px;
  --ac-details-card-size-desktop: 244.25px;
  --ac-details-card-text-pad-x-desktop: 16px;
  --ac-details-card-text-size-desktop: 18px;
  --ac-details-footer-max-width-desktop: 715px;
  --ac-details-footer-size-desktop: 20px;
  --ac-details-footer-line-height-desktop: 25px;
  background-color: #1b1b1b;
  position: relative;
  overflow: hidden;
  padding-block: clamp(3rem, 6vw + 1rem, 5rem);
}

.ac-details__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ac-details__bg-img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.ac-details__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(27, 27, 27, 0.56);
  pointer-events: none;
}

.ac-details__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.ac-details__heading {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem); /* max 24px */
  font-weight: 700;
  line-height: 1.275;
  color: #ffffff;
  font-family: 'Onest', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
}

/* Карточки: горизонтальная карусель на мобильном, grid 5 колонок на десктопе.
   Белая подложка за карточками по дизайну. */


/* Фото-область карточки — с тёмным оверлеем */

/* Тёмный оверлей на фото карточки */

/* Текст карточки — центрирован по ширине, на красном фоне */



/* 12b layout override: align section with exported Figma metrics */
.ac-details__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ac-details-panel-gap-desktop);
  padding: var(--ac-details-panel-pad-top-desktop) var(--ac-details-panel-pad-x-desktop) var(--ac-details-panel-pad-bottom-desktop);
  border-radius: 10px;
  background-color: #ffffff;
}

.ac-details__carousel {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.ac-details__carousel::-webkit-scrollbar {
  display: none;
}

.ac-details__cards {
  display: flex;
  align-items: stretch;
  gap: var(--ac-details-card-gap-desktop);
  min-width: 100%;
  width: max-content;
  padding: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  scroll-snap-type: none;
  transform: translate3d(0, 0, 0);
}

.ac-details__card {
  position: relative;
  width: clamp(200px, 53vw, var(--ac-details-card-size-desktop));
  min-width: clamp(200px, 53vw, var(--ac-details-card-size-desktop));
  height: clamp(200px, 53vw, var(--ac-details-card-size-desktop));
  border-radius: 10px;
  overflow: hidden;
  background-color: #323232;
}

.ac-details__card-image,
.ac-details__card-placeholder {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.ac-details__card-placeholder {
  background: #323232;
  opacity: 1;
}

.ac-details__card-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.ac-details__card--tone-red .ac-details__card-overlay {
  background: rgba(184, 0, 3, 0.50);
}

.ac-details__card--tone-dark .ac-details__card-overlay {
  background: rgba(27, 27, 27, 0.48);
}

.ac-details__card-text {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  margin: 0;
  padding-inline: var(--ac-details-card-text-pad-x-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(0.95rem, 0.38vw + 0.78rem, var(--ac-details-card-text-size-desktop));
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
}

.ac-details__footer {
  margin: 0;
  max-width: var(--ac-details-footer-max-width-desktop);
  font-family: 'Onest', sans-serif;
  font-size: clamp(0.875rem, 0.45vw + 0.5rem, var(--ac-details-footer-size-desktop));
  font-weight: 700;
  line-height: var(--ac-details-footer-line-height-desktop);
  color: #1b1b1b;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .ac-details__cards {
    display: flex;
    overflow: visible;
    scroll-snap-type: none;
  }

  .ac-details__card {
    width: clamp(200px, 21vw, var(--ac-details-card-size-desktop));
    min-width: clamp(200px, 21vw, var(--ac-details-card-size-desktop));
    height: clamp(200px, 21vw, var(--ac-details-card-size-desktop));
  }
}

@media (min-width: 1280px) {
  .ac-details__card {
    width: var(--ac-details-card-size-desktop);
    min-width: var(--ac-details-card-size-desktop);
    height: var(--ac-details-card-size-desktop);
  }
}

@media (min-width: 1024px) {
  .ac-details {
    padding-block: var(--ac-details-pad-block-desktop);
  }

  .ac-details__inner {
    gap: var(--ac-details-inner-gap-desktop);
  }

  .ac-details__heading {
    font-size: var(--ac-details-heading-size-desktop);
    line-height: var(--ac-details-heading-line-height-desktop);
  }

  .ac-details__card-text {
    padding-inline: var(--ac-details-card-text-pad-x-desktop);
    font-size: var(--ac-details-card-text-size-desktop);
  }

  .ac-details__footer {
    font-size: var(--ac-details-footer-size-desktop);
    line-height: var(--ac-details-footer-line-height-desktop);
  }
}

@media (min-width: 1600px) {
  .ac-details {
    --ac-details-pad-block-desktop: calc(80px * var(--ac-desktop-xl-frame-scale));
    --ac-details-inner-gap-desktop: calc(30px * var(--ac-desktop-xl-frame-scale));
    --ac-details-heading-size-desktop: calc(24px * var(--ac-desktop-xl-frame-scale));
    --ac-details-heading-line-height-desktop: calc(30.6px * var(--ac-desktop-xl-frame-scale));
    --ac-details-panel-gap-desktop: calc(71px * var(--ac-desktop-xl-frame-scale));
    --ac-details-panel-pad-top-desktop: calc(25px * var(--ac-desktop-xl-frame-scale));
    --ac-details-panel-pad-x-desktop: calc(20px * var(--ac-desktop-xl-content-scale));
    --ac-details-panel-pad-bottom-desktop: calc(65px * var(--ac-desktop-xl-frame-scale));
    --ac-details-card-gap-desktop: calc(4.7px * var(--ac-desktop-xl-frame-scale));
    --ac-details-card-size-desktop: calc(244.25px * var(--ac-desktop-xl-content-scale));
    --ac-details-card-text-pad-x-desktop: calc(16px * var(--ac-desktop-xl-content-scale));
    --ac-details-card-text-size-desktop: 18px;
    --ac-details-footer-max-width-desktop: calc(715px * var(--ac-desktop-xl-content-scale));
    --ac-details-footer-size-desktop: calc(20px * var(--ac-desktop-xl-frame-scale));
    --ac-details-footer-line-height-desktop: calc(25px * var(--ac-desktop-xl-frame-scale));
  }
}

@media (max-width: 1023.98px) {
  .ac-details__panel {
    gap: 2rem;
    padding: 1rem 0.875rem 2rem;
  }

  .ac-details__footer {
    max-width: none;
  }
}

@media (max-width: 767.98px) {
  .ac-details__heading {
    }

    .ac-details__panel {
    gap: 1.5rem;
    padding: 1rem 0.75rem 1.75rem;
    border-radius: 0.75rem;
  }

  .ac-details__cards {
    gap: 0.5rem;
  }

  .ac-details__card {
    width: min(72vw, 244.25px);
    min-width: min(72vw, 244.25px);
    height: min(72vw, 244.25px);
  }

  .ac-details__card-text {
    padding-inline: 0.875rem;
    font-size: clamp(0.95rem, 3.2vw, 1.1rem);
  }

  .ac-details__footer {
    font-size: 0.8125rem;
    line-height: 1.35;
  }
}


/* ==========================================================================
   12c. ENGINEERING SECTION (блок 8 — проектирование + таймлайн)
   ========================================================================== */

.ac-engineering {
  --ac-engineering-pad-top-desktop: 70px;
  --ac-engineering-pad-bottom-desktop: 95px;
  --ac-engineering-inner-gap-desktop: 80px;
  --ac-engineering-content-gap-desktop: 28px;
  --ac-engineering-heading-size-desktop: 26px;
  --ac-engineering-heading-line-height-desktop: 33.15px;
  --ac-engineering-text-size-desktop: 18px;
  --ac-engineering-text-line-height-desktop: 22.95px;
  --ac-engineering-timeline-min-height-desktop: 287.6px;
  --ac-engineering-track-gap-desktop: 16px;
  --ac-engineering-track-height-desktop: 7px;
  --ac-engineering-track-dot-size-desktop: 8px;
  --ac-engineering-track-dot-cutout-desktop: 4px;
  --ac-engineering-step-pad-right-desktop: 12px;
  --ac-engineering-step-pad-axis-desktop: 24px;
  --ac-engineering-step-top-number-margin-desktop: 8px;
  --ac-engineering-number-size-desktop: 46px;
  --ac-engineering-label-max-width-desktop: 224px;
  --ac-engineering-label-size-desktop: 18px;
  --ac-engineering-label-line-height-desktop: 22.95px;
  --ac-engineering-result-max-width-desktop: 198px;
  --ac-engineering-result-number-margin-top-desktop: 10px;
  --ac-engineering-result-number-size-desktop: 22px;
  --ac-engineering-result-number-line-height-desktop: 28.05px;
  background-color: #ffffff;
  padding-block: clamp(3rem, 6vw + 1rem, 5rem);
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

.ac-engineering__inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.ac-engineering__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}


.ac-engineering__heading {
  margin: 0;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.625rem); /* max 26px */
  font-weight: 700;
  line-height: 1.275;
  color: #1b1b1b;
  text-transform: uppercase;
}

.ac-engineering__text {
  font-size: clamp(1rem, 1vw + 0.25rem, 1.125rem); /* max 18px */
  font-weight: 400;
  line-height: 1.275;
  color: #1b1b1b;
}

.ac-engineering__text p {
  margin: 0 0 22.95px;
}

.ac-engineering__text p:last-child {
  margin-bottom: 0;
}

/* Модификаторы шагов таймлайна внутри engineering */
.ac-engineering__step-number--result {
  font-family: 'Onest', system-ui, sans-serif;
  font-size: 1.375rem;
  font-weight: 800;
  color: #1b1b1b;
  text-transform: uppercase;
}

/* Figma-refactor for block 8 (desktop): clean segmented line and exact rhythm. */
@media (min-width: 1024px) {
  .ac-engineering {
    padding-top: var(--ac-engineering-pad-top-desktop);
    padding-bottom: var(--ac-engineering-pad-bottom-desktop);
  }

  .ac-engineering__inner {
    gap: var(--ac-engineering-inner-gap-desktop);
  }

  .ac-engineering__content {
    gap: var(--ac-engineering-content-gap-desktop);
  }

  .ac-engineering__heading {
    font-size: var(--ac-engineering-heading-size-desktop);
    line-height: var(--ac-engineering-heading-line-height-desktop);
  }

  .ac-engineering__text {
    font-size: var(--ac-engineering-text-size-desktop);
    line-height: var(--ac-engineering-text-line-height-desktop);
  }

  .ac-engineering__timeline {
    position: relative;
    min-height: var(--ac-engineering-timeline-min-height-desktop);
    --ac-engineering-track-gap: var(--ac-engineering-track-gap-desktop);
  }

  .ac-engineering__timeline .ac-timeline__track {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: var(--ac-engineering-track-height-desktop);
    transform: translateY(-50%);
    background: transparent;
    z-index: 1;
    overflow: visible;
  }

  .ac-engineering__timeline .ac-timeline__track-fill {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(var(--ac-engineering-steps, 7), minmax(0, 1fr));
    column-gap: var(--ac-engineering-track-gap);
    background: transparent;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 1s ease;
  }

  .ac-engineering__timeline .ac-timeline__track.is-animated .ac-timeline__track-fill {
    width: 100%;
    transform: scaleX(1);
  }

  .ac-engineering__track-segment {
    position: relative;
    display: block;
    height: 100%;
    background: #b80003;
  }

  .ac-engineering__track-segment:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + (var(--ac-engineering-track-gap) / 2));
      width: var(--ac-engineering-track-dot-size-desktop);
      height: var(--ac-engineering-track-dot-size-desktop);
      transform: translate(-50%, -50%);
      background: #b80003;
      box-shadow: 0 0 0 var(--ac-engineering-track-dot-cutout-desktop) #ffffff;
  }

  .ac-engineering__timeline .ac-timeline__list {
    display: grid;
    grid-template-columns: repeat(var(--ac-engineering-steps, 7), minmax(0, 1fr));
    grid-template-rows: 1fr 1fr;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: var(--ac-engineering-timeline-min-height-desktop);
    position: relative;
    align-items: stretch;
  }

  .ac-engineering__timeline .ac-timeline__list::before {
    content: none;
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step {
    grid-column: var(--ac-engineering-step-col);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 2;
    padding-right: var(--ac-engineering-step-pad-right-desktop);
  }

  .ac-engineering__timeline.is-enhanced .ac-timeline__item.ac-engineering__step {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.55s ease, transform 0.55s ease;
  }

  .ac-engineering__timeline.is-enhanced .ac-timeline__item.ac-engineering__step.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .ac-engineering__timeline .ac-timeline__item::before {
    content: none;
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--top {
    grid-row: 1;
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: var(--ac-engineering-step-pad-axis-desktop);
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--bottom {
    grid-row: 2;
    justify-content: flex-start;
    padding-top: var(--ac-engineering-step-pad-axis-desktop);
    padding-bottom: 0;
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--top .ac-number {
    order: 2;
    margin-top: var(--ac-engineering-step-top-number-margin-desktop);
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--top .ac-timeline__label,
  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--top .ac-timeline__result {
    order: 1;
  }

  .ac-engineering__timeline .ac-number {
    margin: 0;
    font-family: 'Rubik One', 'Onest', sans-serif;
    font-size: var(--ac-engineering-number-size-desktop);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0;
    color: #1b1b1b;
  }

  .ac-engineering__timeline .ac-timeline__label,
  .ac-engineering__timeline .ac-timeline__result {
    margin: 0;
    max-width: var(--ac-engineering-label-max-width-desktop);
    padding: 0;
    border: 0;
    background: transparent;
    font-family: 'Onest', sans-serif;
    font-size: var(--ac-engineering-label-size-desktop);
    font-weight: 500;
    line-height: var(--ac-engineering-label-line-height-desktop);
    color: #1b1b1b;
  }

  .ac-engineering__timeline .ac-timeline__result-item {
    padding-right: 0;
  }

  .ac-engineering__timeline .ac-timeline__result-item .ac-timeline__result {
    max-width: var(--ac-engineering-result-max-width-desktop);
  }

  .ac-engineering__timeline .ac-timeline__result-item .ac-engineering__step-number--result {
    margin-top: var(--ac-engineering-result-number-margin-top-desktop);
    font-family: 'Onest', sans-serif;
    font-size: var(--ac-engineering-result-number-size-desktop);
    font-weight: 800;
    line-height: var(--ac-engineering-result-number-line-height-desktop);
    color: #1b1b1b;
    text-transform: uppercase;
  }
}

@media (min-width: 1600px) {
  .ac-engineering {
    --ac-engineering-pad-top-desktop: calc(70px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-pad-bottom-desktop: calc(95px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-inner-gap-desktop: calc(80px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-content-gap-desktop: calc(28px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-heading-size-desktop: calc(26px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-heading-line-height-desktop: calc(33.15px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-text-size-desktop: calc(18px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-text-line-height-desktop: calc(22.95px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-timeline-min-height-desktop: calc(287.6px * var(--ac-desktop-xl-frame-scale));
      --ac-engineering-track-gap-desktop: calc(16px * var(--ac-desktop-xl-frame-scale));
      --ac-engineering-track-height-desktop: calc(7px * var(--ac-desktop-xl-frame-scale));
      --ac-engineering-track-dot-size-desktop: calc(8px * var(--ac-desktop-xl-frame-scale));
      --ac-engineering-track-dot-cutout-desktop: calc(4px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-step-pad-right-desktop: calc(12px * var(--ac-desktop-xl-content-scale));
    --ac-engineering-step-pad-axis-desktop: calc(24px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-step-top-number-margin-desktop: calc(8px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-number-size-desktop: calc(46px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-label-max-width-desktop: calc(224px * var(--ac-desktop-xl-content-scale));
    --ac-engineering-label-size-desktop: calc(18px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-label-line-height-desktop: calc(22.95px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-result-max-width-desktop: calc(198px * var(--ac-desktop-xl-content-scale));
    --ac-engineering-result-number-margin-top-desktop: calc(10px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-result-number-size-desktop: calc(22px * var(--ac-desktop-xl-frame-scale));
    --ac-engineering-result-number-line-height-desktop: calc(28.05px * var(--ac-desktop-xl-frame-scale));
  }
}


/* ==========================================================================
   12d. INDUCTION SECTION (блок 9)
   ========================================================================== */

.ac-induction {
  --ac-induction-grid-size: var(--ac-grid-overlay-size);
  --ac-split-left: 49%;
  --ac-induction-gutter: clamp(1rem, 4vw, 3rem);
  --ac-induction-height-desktop: 729px;
  --ac-induction-left-content-max: 523px;
  --ac-induction-heading-max: 458.976px;
  --ac-induction-right-content-max: 630px;
  --ac-induction-left-pad-top: 92px;
  --ac-induction-left-pad-right: 72px;
  --ac-induction-left-pad-bottom: 80px;
  --ac-induction-right-pad-top: 92.19px;
  --ac-induction-right-pad-left: 56px;
  --ac-induction-right-pad-bottom: 93.19px;
  --ac-induction-closing-line-width: 630px;
  --ac-induction-grid-light-line-rgb: var(--ac-grid-overlay-mixed-light-line-rgb);
  --ac-induction-grid-light-line-alpha: var(--ac-grid-overlay-mixed-light-line-alpha);
  --ac-induction-grid-dark-line-rgb: var(--ac-grid-overlay-mixed-dark-line-rgb);
  --ac-induction-grid-dark-line-alpha: var(--ac-grid-overlay-mixed-dark-line-alpha);
  position: relative;
  background-color: #ffffff;
  content-visibility: auto;
  contain-intrinsic-size: auto 729px;
}

.ac-induction.ac-grid-overlay::before {
  display: none;
}

.ac-induction__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ac-induction__inner::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-size: var(--ac-induction-grid-size) var(--ac-induction-grid-size);
  background-position: var(--ac-grid-overlay-position);
  background-attachment: var(--ac-grid-overlay-attachment);
  background-image:
    linear-gradient(to right, rgba(var(--ac-induction-grid-light-line-rgb), var(--ac-induction-grid-light-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width)),
    linear-gradient(to bottom, rgba(var(--ac-induction-grid-light-line-rgb), var(--ac-induction-grid-light-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width)),
    linear-gradient(to right, rgba(var(--ac-induction-grid-dark-line-rgb), var(--ac-induction-grid-dark-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width)),
    linear-gradient(to bottom, rgba(var(--ac-induction-grid-dark-line-rgb), var(--ac-induction-grid-dark-line-alpha)) var(--ac-grid-overlay-line-width), transparent var(--ac-grid-overlay-line-width));
}

.ac-induction__left,
.ac-induction__right {
  position: relative;
  width: 100%;
}

@media (min-width: 1024px) {
  .ac-induction__inner {
    flex-direction: row;
    min-height: var(--ac-induction-height-desktop);
  }
}

/* Левая колонка: фото + текст */
.ac-induction__left {
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background-color: #1b1b1b;
  min-height: clamp(26rem, 72vw, 39rem);
  padding: clamp(2.5rem, 6vw, 4rem) var(--ac-induction-gutter);
}

.ac-induction__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  z-index: 0;
  will-change: transform;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.ac-induction__left-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(27, 27, 27, 0.56);
  pointer-events: none;
}

.ac-induction__left-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 100%;
  width: min(100%, var(--ac-induction-left-content-max));
}

.ac-induction__heading {
  margin: 0 0 34px;
  max-width: var(--ac-induction-heading-max);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(1.375rem, 1.1rem + 1.05vw, 1.5rem);
  font-weight: 700;
  line-height: 1.275;
  letter-spacing: 0;
  color: #ffffff;
  text-transform: uppercase;
}

.ac-induction__intro {
  margin: auto 0 18px;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(1rem, 0.92rem + 0.35vw, 1.125rem);
  font-weight: 400;
  line-height: 1.275;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.74);
}

.ac-induction__footnote {
  margin: 0;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(0.9375rem, 0.89rem + 0.2vw, 1rem);
  font-weight: 300;
  font-style: italic;
  line-height: 1.275;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.58);
}

.ac-induction__footnote-mark {
  margin-right: 0.25rem;
  color: #b80003;
}

/* Правая колонка: текст + список */
.ac-induction__right {
  z-index: 1;
  padding: clamp(2.5rem, 6vw, 4rem) var(--ac-induction-gutter);
  background-color: #ffffff;
  color: #1b1b1b;
}

.ac-induction__right > * {
  position: relative;
  z-index: 3;
  width: min(100%, var(--ac-induction-right-content-max));
}

.ac-induction__right-text {
  margin: 0 0 40px;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(1rem, 0.92rem + 0.35vw, 1.125rem);
  font-weight: 400;
  line-height: 1.275;
  letter-spacing: 0;
  color: #1b1b1b;
}

.ac-induction__list-wrap {
  margin: 0 0 44px;
}

.ac-induction__list-heading {
  margin: 0 0 17px;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(1.125rem, 1.02rem + 0.45vw, 1.25rem);
  font-weight: 700;
  line-height: 1.275;
  letter-spacing: 0;
  color: #1b1b1b;
  text-transform: uppercase;
}

.ac-induction__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.ac-induction__list-item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  column-gap: 14px;
  align-items: start;
}

.ac-induction__list-marker {
  margin-top: 0.45em;
  width: 10px;
  height: 10px;
  background-color: #b80003;
}

.ac-induction__list-text {
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(1rem, 0.92rem + 0.35vw, 1.125rem);
  font-weight: 400;
  line-height: 1.275;
  letter-spacing: 0;
  color: #1b1b1b;
}

.ac-induction__closing {
  margin: 0;
  padding-top: 20px;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: clamp(1rem, 0.92rem + 0.35vw, 1.125rem);
  font-weight: 400;
  line-height: 1.275;
  letter-spacing: 0;
  color: rgba(27, 27, 27, 0.72);
}

@media (min-width: 1024px) {
  .ac-induction__left,
  .ac-induction__right {
    min-height: var(--ac-induction-height-desktop);
  }

  .ac-induction__left {
    width: var(--ac-split-left);
    flex: 0 0 var(--ac-split-left);
    align-items: stretch;
    justify-content: flex-start;
  }

  .ac-induction__right {
    width: calc(100% - var(--ac-split-left));
    flex: 0 0 calc(100% - var(--ac-split-left));
  }
}

@media (min-width: 1024px) {
  .ac-induction {
    --ac-induction-gutter: var(--ac-split-edge);
  }

  .ac-induction__left {
    padding: var(--ac-induction-left-pad-top) var(--ac-induction-left-pad-right) var(--ac-induction-left-pad-bottom) var(--ac-induction-gutter);
  }

  .ac-induction__right {
    padding: var(--ac-induction-right-pad-top) var(--ac-induction-gutter) var(--ac-induction-right-pad-bottom) var(--ac-induction-right-pad-left);
  }

  .ac-induction__heading {
    font-size: 24px;
    line-height: 30.6px;
  }

  .ac-induction__intro {
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-induction__footnote {
    font-size: 16px;
    line-height: 20.4px;
  }

  .ac-induction__right-text,
  .ac-induction__list-text,
  .ac-induction__closing {
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-induction__list-heading {
    font-size: 20px;
    line-height: 25.5px;
  }

  .ac-induction__closing {
    position: relative;
    padding-top: 25.619px;
  }

  .ac-induction__closing::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(--ac-induction-closing-line-width);
    height: 5.619px;
    background: linear-gradient(
      to right,
      #b80003 0,
      #b80003 524.598px,
      transparent 524.598px,
      transparent 530.216px,
      #b80003 530.216px,
      #b80003 535.835px,
      transparent 535.835px,
      transparent 543.571px,
      #b80003 543.571px,
      #b80003 var(--ac-induction-closing-line-width)
    );
    pointer-events: none;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-induction {
    --ac-split-left: 44.7094%;
    --ac-induction-height-desktop: 678px;
    --ac-induction-left-content-max: 477px;
    --ac-induction-left-pad-top: 78px;
    --ac-induction-left-pad-bottom: 78px;
    --ac-induction-right-content-max: 607.556px;
    --ac-induction-right-pad-top: 70px;
    --ac-induction-right-pad-left: 53px;
    --ac-induction-right-pad-bottom: 70px;
    --ac-induction-closing-line-width: 608.718px;
  }

}

@media (min-width: 1600px) {
  .ac-induction {
    --ac-induction-height-desktop: 729px;
    --ac-induction-left-content-max: calc(523px * var(--ac-desktop-xl-content-scale));
    --ac-induction-heading-max: calc(458.976px * var(--ac-desktop-xl-content-scale));
    --ac-induction-right-content-max: calc(630px * var(--ac-desktop-xl-content-scale));
    --ac-induction-left-pad-top: 92px;
    --ac-induction-left-pad-right: calc(72px * var(--ac-desktop-xl-content-scale));
    --ac-induction-left-pad-bottom: 80px;
    --ac-induction-right-pad-top: 92.19px;
    --ac-induction-right-pad-left: calc(56px * var(--ac-desktop-xl-content-scale));
    --ac-induction-right-pad-bottom: 93.19px;
    --ac-induction-closing-line-width: calc(630px * var(--ac-desktop-xl-content-scale));
  }
}

@media (max-width: 1023.98px) {
  .ac-induction {
    --ac-induction-gutter: var(--ac-inner-inset-tablet);
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .ac-induction__left {
    min-height: 450px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ac-induction__left-content,
  .ac-induction__right > * {
    width: 100%;
    max-width: none;
  }

  .ac-induction__heading {
    max-width: none;
    margin-bottom: 36px;
  }

  .ac-induction__intro {
    margin-bottom: 18px;
  }
}

@media (max-width: 767.98px) {
  .ac-induction {
    --ac-induction-gutter: var(--ac-inner-inset-mobile);
  }

  .ac-induction {
    --ac-grid-overlay-attachment: scroll;
  }

  .ac-induction__left {
    min-height: 650px;
    padding: 50px var(--ac-induction-gutter) 42px;
  }

  .ac-induction__left-overlay {
    background: rgba(27, 27, 27, 0.42);
  }

  .ac-induction__right {
    padding: 50px var(--ac-induction-gutter) 40px;
  }

  .ac-induction__heading {
    margin-bottom: 26px;
  }

  .ac-induction__intro {
    margin-bottom: 18px;
  }

  .ac-induction__right-text {
    margin-bottom: 38px;
  }

  .ac-induction__list-wrap {
    margin-bottom: 40px;
  }

  .ac-induction__list-heading {
    margin-bottom: 20px;
  }

  .ac-induction__list {
    gap: 12px;
  }

  .ac-induction__list-item {
    column-gap: 0.75rem;
  }

  .ac-induction__closing {
    padding-top: 24px;
  }
}

.ac-induction.is-enhanced .ac-induction__left-content,
.ac-induction.is-enhanced .ac-induction__right {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.ac-induction.is-enhanced .ac-induction__right {
  transition-delay: 0.12s;
}

.ac-induction.is-enhanced .ac-induction__image {
  opacity: 0.92;
}

.ac-induction.is-enhanced.is-visible .ac-induction__left-content,
.ac-induction.is-enhanced.is-visible .ac-induction__right {
  opacity: 1;
  transform: translateY(0);
}

.ac-induction.is-enhanced.is-visible .ac-induction__image {
  opacity: 1;
}


/* ==========================================================================
   12e. VISUALIZATION SECTION (блок 10)
   ========================================================================== */

.ac-viz {
  --ac-viz-min-height-desktop: 900px;
  --ac-viz-pad-top-desktop: 70px;
  --ac-viz-pad-bottom-desktop: 126px;
  --ac-viz-header-gap-desktop: 90px;
  --ac-viz-heading-gap-desktop: 30px;
  --ac-viz-carousel-height-desktop: 361px;
  --ac-viz-carousel-bleed-desktop: 160px;
  --ac-viz-carousel-gap-desktop: 90px;
  --ac-viz-slide-width-desktop: 288.8px;
  --ac-viz-slide-tall-width-desktop: 575.2px;
  --ac-viz-benefits-gap-desktop: 44.727px;
  --ac-viz-benefits-heading-width-desktop: 268.58px;
  --ac-viz-benefits-heading-margin-top-desktop: 11.5px;
  --ac-viz-benefits-col-gap-desktop: 30px;
  --ac-viz-benefits-row-gap-desktop: 10px;
  --ac-viz-benefit-pad-left-desktop: 24px;
  --ac-viz-benefit-bullet-top-desktop: 6px;
  --ac-grid-overlay-active-z-index: 0;
  position: relative;
  overflow: hidden;
  background-color: #1b1b1b;
  color: #ffffff;
  padding-block: clamp(3rem, 6vw, 5rem);
  border-top: 7px solid #ffffff;
  border-bottom: 7px solid #ffffff;
}

.ac-viz > .ac-container,
.ac-viz > .ac-viz__carousel {
  position: relative;
  z-index: 1;
}

.ac-viz__heading {
  color: #ffffff;
  margin: 0 0 1rem;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
}

.ac-viz__text {
  font-size: clamp(1rem, 1vw + 0.25rem, 1.125rem);
  font-weight: 400;
  line-height: 1.275;
  color: rgba(255, 255, 255, 0.7);
  max-width: 50em;
  margin-bottom: 2rem;
}

/* Карусель 3D-рендеров — выходит за контейнер */
.ac-viz__carousel {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  padding-block: 1rem;
  margin-bottom: 2rem;
}

.ac-viz__carousel::-webkit-scrollbar {
  display: none;
}

.ac-viz__track {
  display: flex;
  align-items: stretch;
  gap: 7px;
  min-width: 100%;
  width: max-content;
  transform: translate3d(0, 0, 0);
}

.ac-viz__slide {
  --ac-viz-slide-width: min(80vw, 360px);
  --ac-viz-hover-extra: 0px;
  --ac-viz-hover-gap: 0px;
  position: relative;
  flex: 0 0 calc(var(--ac-viz-slide-width) + var(--ac-viz-hover-extra));
  max-width: none;
  width: calc(var(--ac-viz-slide-width) + var(--ac-viz-hover-extra));
  margin: 0 var(--ac-viz-hover-gap);
  transition: width 0.4s ease, flex-basis 0.4s ease, margin 0.4s ease;
}

.ac-viz__slide-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
  transition: transform 0.4s ease;
}

.ac-viz__carousel.is-dragging .ac-viz__slide {
  --ac-viz-hover-extra: 0px;
  --ac-viz-hover-gap: 0px;
}

@media (hover: hover) {
  .ac-viz__carousel.is-infinite-ready .ac-viz__slide:hover {
    --ac-viz-hover-extra: 34px;
    --ac-viz-hover-gap: 12px;
  }

  .ac-viz__carousel.is-infinite-ready .ac-viz__slide:hover .ac-viz__slide-img {
    transform: scale(1.03);
  }
}

/* Список преимуществ */
.ac-viz__benefits {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}

.ac-viz__benefits-heading {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
}

.ac-viz__benefits-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem 2rem;
}

.ac-viz__benefit {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  padding-left: 1.5rem;
  position: relative;
}

.ac-viz__benefit::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 10px;
  height: 10px;
  background-color: #b80003;
}

@media (min-width: 1024px) {
  .ac-viz {
    min-height: var(--ac-viz-min-height-desktop);
    padding-top: var(--ac-viz-pad-top-desktop);
    padding-bottom: var(--ac-viz-pad-bottom-desktop);
  }

  .ac-viz > .ac-container {
    max-width: var(--ac-desktop-frame-width);
    padding-inline: var(--ac-desktop-frame-inset);
  }

  .ac-viz > .ac-container:first-of-type {
    margin-bottom: var(--ac-viz-header-gap-desktop);
  }

  .ac-viz__heading {
    margin-bottom: var(--ac-viz-heading-gap-desktop);
    font-size: 24px;
    font-weight: 700;
    line-height: 30.6px;
  }

  .ac-viz__text {
    margin: 0;
    max-width: none;
    font-size: 18px;
    line-height: 22.95px;
    color: rgba(255, 255, 255, 0.7);
  }

  .ac-viz__carousel {
    height: var(--ac-viz-carousel-height-desktop);
    width: calc(100% + (var(--ac-viz-carousel-bleed-desktop) * 2));
    margin-left: calc(-1 * var(--ac-viz-carousel-bleed-desktop));
    margin-right: calc(-1 * var(--ac-viz-carousel-bleed-desktop));
    margin-bottom: var(--ac-viz-carousel-gap-desktop);
    padding-block: 0;
  }

  .ac-viz__track {
    height: 100%;
  }

  .ac-viz__slide {
    --ac-viz-slide-width: var(--ac-viz-slide-width-desktop);
    flex: 0 0 calc(var(--ac-viz-slide-width) + var(--ac-viz-hover-extra));
    width: calc(var(--ac-viz-slide-width) + var(--ac-viz-hover-extra));
    height: var(--ac-viz-carousel-height-desktop);
  }

  .ac-viz__slide--slot-3 {
    --ac-viz-slide-width: var(--ac-viz-slide-tall-width-desktop);
  }

  .ac-viz__slide-img {
    height: 100%;
  }

  .ac-viz__benefits {
    flex-direction: column;
    align-items: stretch;
    gap: var(--ac-viz-benefits-gap-desktop);
    min-width: 0;
  }

  .ac-viz__benefits-heading {
    flex: none;
    margin-top: 0;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
  }

  .ac-viz__benefits-list {
    margin-left: 0;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: none;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    column-gap: var(--ac-viz-benefits-col-gap-desktop);
    row-gap: var(--ac-viz-benefits-row-gap-desktop);
  }

  .ac-viz__benefit {
    min-width: 0;
    font-size: 18px;
    line-height: 22.95px;
    padding-left: var(--ac-viz-benefit-pad-left-desktop);
    white-space: normal;
    overflow-wrap: break-word;
  }

  .ac-viz__benefit::before {
    top: var(--ac-viz-benefit-bullet-top-desktop);
    left: 0;
  }
}

@media (min-width: 1600px) {
  .ac-viz {
    --ac-viz-min-height-desktop: calc(900px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-pad-top-desktop: calc(70px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-pad-bottom-desktop: calc(126px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-header-gap-desktop: calc(90px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-heading-gap-desktop: calc(30px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-carousel-height-desktop: calc(361px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-carousel-bleed-desktop: calc(160px * var(--ac-desktop-xl-content-scale));
    --ac-viz-carousel-gap-desktop: calc(90px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-slide-width-desktop: calc(288.8px * var(--ac-desktop-xl-content-scale));
    --ac-viz-slide-tall-width-desktop: calc(575.2px * var(--ac-desktop-xl-content-scale));
    --ac-viz-benefits-gap-desktop: calc(44.727px * var(--ac-desktop-xl-content-scale));
    --ac-viz-benefits-heading-width-desktop: calc(268.58px * var(--ac-desktop-xl-content-scale));
    --ac-viz-benefits-heading-margin-top-desktop: calc(11.5px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-benefits-col-gap-desktop: calc(30px * var(--ac-desktop-xl-content-scale));
    --ac-viz-benefits-row-gap-desktop: calc(10px * var(--ac-desktop-xl-frame-scale));
    --ac-viz-benefit-pad-left-desktop: calc(24px * var(--ac-desktop-xl-content-scale));
    --ac-viz-benefit-bullet-top-desktop: calc(6px * var(--ac-desktop-xl-frame-scale));
  }

  .ac-viz > .ac-container {
    max-width: none;
    padding-inline: var(--ac-desktop-content-edge);
  }

  .ac-viz__text {
    max-width: 80%;
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ac-viz {
    --ac-viz-min-height-desktop: 772px;
    --ac-viz-pad-top-desktop: 56px;
    --ac-viz-pad-bottom-desktop: 98px;
    --ac-viz-header-gap-desktop: 68px;
    --ac-viz-heading-gap-desktop: 24px;
    --ac-viz-carousel-height-desktop: 308px;
    --ac-viz-carousel-bleed-desktop: clamp(88px, 9vw, 124px);
    --ac-viz-carousel-gap-desktop: 62px;
    --ac-viz-slide-width-desktop: clamp(226px, 22vw, 256px);
    --ac-viz-slide-tall-width-desktop: clamp(442px, 43vw, 510px);
    --ac-viz-benefits-gap-desktop: 28px;
    --ac-viz-benefits-heading-width-desktop: clamp(208px, 20vw, 236px);
    --ac-viz-benefits-heading-margin-top-desktop: 8px;
    --ac-viz-benefits-col-gap-desktop: 24px;
    --ac-viz-benefits-row-gap-desktop: 8px;
    --ac-viz-benefit-pad-left-desktop: 22px;
  }

}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-viz {
    --ac-viz-min-height-desktop: 812px;
    --ac-viz-pad-top-desktop: 58px;
    --ac-viz-pad-bottom-desktop: 104px;
    --ac-viz-header-gap-desktop: 72px;
    --ac-viz-heading-gap-desktop: 24px;
    --ac-viz-carousel-height-desktop: 322px;
    --ac-viz-carousel-bleed-desktop: 125px;
    --ac-viz-carousel-gap-desktop: 66px;
    --ac-viz-slide-width-desktop: 257px;
    --ac-viz-slide-tall-width-desktop: 512px;
    --ac-viz-benefits-gap-desktop: 34px;
    --ac-viz-benefits-heading-width-desktop: 240px;
    --ac-viz-benefits-heading-margin-top-desktop: 9px;
    --ac-viz-benefits-col-gap-desktop: 30px;
    --ac-viz-benefits-row-gap-desktop: 8px;
    --ac-viz-benefit-pad-left-desktop: 22px;
    --ac-viz-benefit-bullet-top-desktop: 6px;
  }

  .ac-viz > .ac-container {
    max-width: none;
    padding-inline: var(--ac-rail-edge);
  }

}

@media (min-width: 1440px) and (max-width: 1599.98px) {
  .ac-viz > .ac-container {
    max-width: none;
    padding-inline: var(--ac-desktop-content-edge);
  }
}

@media (min-width: 1440px) {
  .ac-viz__benefits {
    display: grid;
    grid-template-columns: var(--ac-viz-benefits-heading-width-desktop) minmax(0, 1fr);
    column-gap: var(--ac-viz-benefits-gap-desktop);
    align-items: start;
  }

  .ac-viz__benefits-heading {
    grid-column: 1;
    margin-top: var(--ac-viz-benefits-heading-margin-top-desktop);
  }

  .ac-viz__benefits-list {
    grid-column: 2;
    width: 100%;
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .ac-viz {
    min-height: 0;
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .ac-viz > .ac-container {
    padding-inline: var(--ac-inner-inset-tablet);
  }

  .ac-viz > .ac-container:first-of-type {
    margin-bottom: 44px;
  }

  .ac-viz__heading {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30.6px;
  }

  .ac-viz__text {
    margin: 0;
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-viz__carousel {
    height: 280px;
    width: calc(100% + (var(--ac-inner-inset-tablet) * 2));
    margin-left: calc(-1 * var(--ac-inner-inset-tablet));
    margin-right: calc(-1 * var(--ac-inner-inset-tablet));
    margin-bottom: 42px;
    padding-block: 0;
  }

  .ac-viz__track {
    height: 100%;
  }

  .ac-viz__slide {
    --ac-viz-slide-width: 226px;
    height: 280px;
  }

  .ac-viz__slide--slot-3 {
    --ac-viz-slide-width: 450px;
  }

  .ac-viz__slide-img {
    height: 100%;
  }

  .ac-viz__benefits {
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    min-width: 0;
  }

  .ac-viz__benefits-heading {
    flex: none;
    margin-top: 0;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
  }

  .ac-viz__benefits-list {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    column-gap: 24px;
    row-gap: 8px;
  }

  .ac-viz__benefit {
    min-width: 0;
    font-size: 18px;
    line-height: 22.95px;
    padding-left: 22px;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .ac-viz__benefit::before {
    top: 6px;
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 1023.98px) {
  .ac-viz__text {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 400;
  }
}

@media (max-width: 767.98px) {
  .ac-viz {
    min-height: 0;
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .ac-viz > .ac-container {
    padding-inline: var(--ac-inner-inset-mobile);
  }

  .ac-viz > .ac-container:first-of-type {
    margin-bottom: 66px;
  }

  .ac-viz__heading {
    margin-bottom: 26px;
  }

  .ac-viz__text {
    margin-bottom: 0;
  }

  .ac-viz__carousel {
    height: clamp(188px, 54vw, 236px);
    width: calc(100% + (var(--ac-inner-inset-mobile) * 2));
    margin-left: calc(-1 * var(--ac-inner-inset-mobile));
    margin-right: calc(-1 * var(--ac-inner-inset-mobile));
    margin-bottom: 50px;
    padding-block: 0;
  }

  .ac-viz__track {
    height: 100%;
    align-items: stretch;
  }

  .ac-viz__benefits {
    gap: 30px;
  }

  .ac-viz__slide {
    --ac-viz-slide-width: clamp(168px, 56vw, 224px);
    height: 100%;
  }

  .ac-viz__slide--slot-3 {
    --ac-viz-slide-width: clamp(280px, 82vw, 360px);
  }

  .ac-viz__slide-img {
    height: 100%;
  }
}


/* ==========================================================================
   12f. BRANDS SECTION (блок 11)
   ========================================================================== */

.ac-brands {
  --ac-brands-min-height-desktop: 479px;
  --ac-brands-col-left-desktop: 446px;
  --ac-brands-col-media-desktop: 343.303px;
  --ac-brands-col-right-desktop: 413px;
  --ac-brands-col-gap-desktop: 38.849px;
  --ac-brands-media-height-desktop: 479px;
  --ac-brands-media-gap-desktop: 7.138px;
  --ac-brands-heading-max-desktop: 446px;
  --ac-brands-text-max-desktop: 413px;
  background-color: #1b1b1b;
  color: #ffffff;
  padding-block: clamp(4.25rem, 8.8vw, 8.25rem);
  overflow: hidden;
}

.ac-brands__layout {
  display: grid;
  grid-template-columns: minmax(20rem, 27.875rem) minmax(18.75rem, 21.456rem) minmax(21rem, 25.8125rem);
  gap: clamp(1.5rem, 2.6vw, 2.75rem);
  align-items: start;
}

.ac-brands__content {
  min-width: 0;
}

.ac-brands__heading {
  margin: 0;
  max-width: 27.875rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.275;
  text-transform: uppercase;
}

.ac-brands__content--left .ac-brands__column-heading {
  margin-top: 1.9375rem;
}

.ac-brands__column-heading {
  margin: 0;
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.21;
  text-transform: uppercase;
}

.ac-brands__column-text {
  margin: 1.875rem 0 0;
  max-width: 25.875rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.275;
  color: rgba(255, 255, 255, 0.92);
}

.ac-brands__accent {
  margin: 1.25rem 0 0;
  max-width: 25.875rem;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.21;
  color: #ffffff;
}

.ac-brands__media {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  width: 100%;
  max-width: 21.456rem;
  height: clamp(20rem, 33.3vw, 29.9375rem);
  justify-self: center;
}

.ac-brands__marquee {
  position: relative;
  overflow: hidden;
  min-height: 0;
}

.ac-brands__marquee-track {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.ac-brands__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  aspect-ratio: 5 / 3;
  min-block-size: 5.75rem;
  padding: 0.75rem;
  background-color: #ffffff;
  border: 0;
  border-radius: 5px;
}

@media (min-width: 1024px) {
  .ac-brands {
    min-height: var(--ac-brands-min-height-desktop);
    padding-block: 0;
  }

  .ac-brands > .ac-container {
    max-width: var(--ac-desktop-frame-width);
    padding-inline: var(--ac-desktop-frame-inset);
  }

  .ac-brands__layout {
    width: 100%;
    min-height: var(--ac-brands-min-height-desktop);
    grid-template-columns: var(--ac-brands-col-left-desktop) var(--ac-brands-col-media-desktop) var(--ac-brands-col-right-desktop);
    column-gap: var(--ac-brands-col-gap-desktop);
    row-gap: 0;
    align-items: center;
  }

  .ac-brands__heading {
    max-width: var(--ac-brands-heading-max-desktop);
    font-size: 24px;
    line-height: 30.6px;
  }

  .ac-brands__column-heading {
    font-size: 20px;
    line-height: 25.5px;
  }

  .ac-brands__column-text {
    max-width: var(--ac-brands-text-max-desktop);
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-brands__accent {
    max-width: var(--ac-brands-text-max-desktop);
    font-size: 19px;
    line-height: 24.225px;
  }

  .ac-brands__media {
    max-width: var(--ac-brands-col-media-desktop);
    height: var(--ac-brands-media-height-desktop);
    gap: var(--ac-brands-media-gap-desktop);
    justify-self: center;
  }

  .ac-brands__marquee-track {
    gap: 7px;
  }
}

@media (min-width: 1600px) {
  .ac-brands {
    --ac-brands-min-height-desktop: calc(479px * var(--ac-desktop-xl-frame-scale));
    --ac-brands-col-left-desktop: calc(446px * var(--ac-desktop-xl-content-scale));
    --ac-brands-col-media-desktop: calc(343.303px * var(--ac-desktop-xl-content-scale));
    --ac-brands-col-right-desktop: calc(413px * var(--ac-desktop-xl-content-scale));
    --ac-brands-col-gap-desktop: calc(38.849px * var(--ac-desktop-xl-content-scale));
    --ac-brands-media-height-desktop: calc(479px * var(--ac-desktop-xl-frame-scale));
    --ac-brands-media-gap-desktop: calc(7.138px * var(--ac-desktop-xl-frame-scale));
    --ac-brands-heading-max-desktop: calc(446px * var(--ac-desktop-xl-content-scale));
    --ac-brands-text-max-desktop: calc(413px * var(--ac-desktop-xl-content-scale));
  }

  .ac-brands > .ac-container {
    max-width: none;
    padding-inline: var(--ac-desktop-content-edge);
  }

  .ac-brands__layout {
    grid-template-columns:
      minmax(0, clamp(0px, calc((100% - var(--ac-brands-col-media-desktop) - (var(--ac-brands-col-gap-desktop) * 2)) / 2), var(--ac-brands-col-left-desktop)))
      minmax(0, var(--ac-brands-col-media-desktop))
      minmax(0, clamp(0px, calc((100% - var(--ac-brands-col-media-desktop) - (var(--ac-brands-col-gap-desktop) * 2)) / 2), var(--ac-brands-col-right-desktop)));
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-brands {
    --ac-brands-min-height-desktop: 432px;
    --ac-brands-col-left-desktop: 414px;
    --ac-brands-col-media-desktop: 318px;
    --ac-brands-col-right-desktop: 383px;
    --ac-brands-col-gap-desktop: 37px;
    --ac-brands-media-height-desktop: 432px;
    --ac-brands-media-gap-desktop: 7px;
    --ac-brands-heading-max-desktop: 414px;
    --ac-brands-text-max-desktop: 383px;
  }

  .ac-brands > .ac-container {
    max-width: none;
    padding-inline: var(--ac-rail-edge);
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ac-brands {
    --ac-brands-min-height-desktop: 432px;
    --ac-brands-col-left-desktop: 414px;
    --ac-brands-col-media-desktop: 318px;
    --ac-brands-col-right-desktop: 383px;
    --ac-brands-col-gap-desktop: 37px;
    --ac-brands-media-height-desktop: 432px;
    --ac-brands-media-gap-desktop: 7px;
    --ac-brands-heading-max-desktop: 414px;
    --ac-brands-text-max-desktop: 383px;
  }

  .ac-brands__layout {
    grid-template-columns: minmax(0, 1fr) var(--ac-brands-col-media-desktop) minmax(0, 1fr);
    column-gap: var(--ac-brands-col-gap-desktop);
    align-items: center;
  }

  .ac-brands__heading {
    font-size: clamp(1.35rem, 1.1rem + 0.6vw, 1.5rem);
  }

  .ac-brands__column-heading {
    font-size: 1.05rem;
  }

  .ac-brands__column-text {
    font-size: 1rem;
  }

  .ac-brands__accent {
    font-size: 1.1rem;
  }

  .ac-brands__content--left {
    justify-self: start;
    width: min(100%, var(--ac-brands-col-left-desktop));
  }

  .ac-brands__content--right {
    justify-self: end;
    width: min(100%, var(--ac-brands-col-right-desktop));
  }
}

@media (min-width: 1440px) and (max-width: 1599.98px) {
  .ac-brands > .ac-container {
    max-width: none;
    padding-inline: var(--ac-desktop-content-edge);
  }

  .ac-brands__layout {
    grid-template-columns: minmax(0, 1fr) var(--ac-brands-col-media-desktop) minmax(0, 1fr);
  }

  .ac-brands__content--left {
    justify-self: start;
    width: min(100%, var(--ac-brands-col-left-desktop));
  }

  .ac-brands__content--right {
    justify-self: end;
    width: min(100%, var(--ac-brands-col-right-desktop));
  }
}

.ac-brands__logo-img {
  width: auto;
  max-width: 78%;
  max-height: 62%;
  object-fit: contain;
}

@media (max-width: 1023.98px) {
  .ac-brands {
    --ac-brands-bleed: var(--ac-inner-inset-tablet);
  }

  .ac-brands__layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .ac-brands__content--left .ac-brands__column-heading {
    margin-top: 1.5rem;
  }

  .ac-brands__media {
    order: 2;
    width: calc(100% + (var(--ac-brands-bleed) * 2));
    max-width: none;
    height: auto;
    margin-inline: calc(-1 * var(--ac-brands-bleed));
    justify-self: stretch;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .ac-brands__content--right {
    order: 3;
  }

  .ac-brands__heading,
  .ac-brands__column-text,
  .ac-brands__accent {
    max-width: none;
  }

  .ac-brands__marquee {
    width: 100%;
  }

  .ac-brands__marquee-track {
    display: flex;
    flex-direction: row;
    gap: 7px;
    width: max-content;
  }

  .ac-brands__marquee[data-ac-marquee-axis-active="horizontal"] .ac-brands__logo {
    inline-size: clamp(138px, 24vw, 178px);
    min-block-size: auto;
    flex: 0 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .ac-brands {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .ac-brands > .ac-container {
    padding-inline: var(--ac-inner-inset-tablet);
  }

  .ac-brands__layout {
    gap: 32px;
  }

  .ac-brands__heading {
    font-size: 24px;
    line-height: 30.6px;
  }

  .ac-brands__column-heading {
    font-size: 20px;
    line-height: 25.5px;
  }

  .ac-brands__column-text {
    margin-top: 18px;
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-brands__accent {
    margin-top: 16px;
    font-size: 19px;
    line-height: 24.225px;
  }

  .ac-brands__media {
    height: auto;
  }
}

  @media (max-width: 767.98px) {
    .ac-brands {
      --ac-brands-bleed: var(--ac-inner-inset-mobile);
      padding-block: 50px 46px;
    }

    .ac-brands > .ac-container {
      padding-inline: var(--ac-inner-inset-mobile);
    }

    .ac-brands__layout {
      gap: 40px;
    }

    .ac-brands__content--left,
    .ac-brands__content--right {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .ac-brands__content--left .ac-brands__column-heading {
      margin-top: 38px;
    }

  .ac-brands__column-text {
    margin-top: 38px;
    font-size: 16px;
    line-height: 1.275;
  }

  .ac-brands__accent {
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.275;
  }

    .ac-brands__media {
      width: calc(100% + (var(--ac-brands-bleed) * 2));
      margin-inline: calc(-1 * var(--ac-brands-bleed));
      justify-self: stretch;
      max-width: none;
      height: auto;
    }

    .ac-brands__marquee {
      width: 100%;
    }

    .ac-brands__marquee-track {
      display: flex;
      flex-direction: row;
      gap: 7px;
      width: max-content;
    }

  .ac-brands__logo {
      padding: 0.625rem;
    }

  .ac-brands__marquee[data-ac-marquee-axis-active="horizontal"] .ac-brands__logo {
    inline-size: clamp(122px, 38vw, 164px);
  }
}


/* ==========================================================================
   12g. PHOTO INSERTS (блоки 11.5 и 12)
   ========================================================================== */

.ac-photo-top-3,
.ac-photo-parallax {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 7px;
  align-items: stretch;
  background-color: #1b1b1b;
}

.ac-photo-top-3 {
  grid-template-columns: 1fr 1fr 1fr;
  min-height: clamp(18rem, 34.7vw, 31.25rem);
  gap: 7px;
  margin: 0;
  background-color: #ffffff;
  border-bottom: 7px solid #ffffff;
}

.ac-photo-top-3__track {
  display: contents;
}

.ac-photo-top-3__item,
.ac-photo-parallax__item {
  position: relative;
  overflow: hidden;
  min-height: 0;
}

.ac-photo-top-3__image,
.ac-photo-parallax__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: none;
  transition: none;
  transform: none;
  will-change: auto;
}

.ac-photo-parallax {
  grid-template-columns: 542.37fr 891.41fr;
  height: clamp(24rem, 56.1vw, 50.5rem);
  grid-auto-rows: 1fr;
  margin: 0;
  background-color: #ffffff;
  border-bottom: 7px solid #ffffff;
}

.ac-photo-parallax__item--left,
.ac-photo-parallax__item--right {
  width: auto;
  z-index: 1;
}

.ac-photo-parallax__accent,
.ac-photo-parallax__decor,
.ac-photo-parallax__decor-line,
.ac-photo-parallax__decor-line--top,
.ac-photo-parallax__decor-line--center,
.ac-photo-parallax__decor-line--bottom {
  display: none;
}

@media (min-width: 1600px) {
  .ac-photo-top-3 {
    min-height: calc(500px * var(--ac-desktop-xl-frame-scale));
  }

  .ac-photo-parallax {
    height: calc(808px * var(--ac-desktop-xl-frame-scale));
  }
}

@media (max-width: 1279.98px) {
  .ac-photo-top-3 {
    min-height: clamp(16rem, 40vw, 27rem);
  }

  .ac-photo-parallax {
    height: clamp(21rem, 54vw, 42rem);
  }
}

@media (max-width: 1023.98px) {
  .ac-photo-top-3 {
    display: block;
    min-height: 0;
  }

  .ac-photo-top-3__track {
    display: flex;
    align-items: stretch;
    gap: 7px;
    min-width: 100%;
    width: max-content;
    transform: translate3d(0, 0, 0);
  }

  .ac-photo-top-3__item {
    min-height: 15rem;
    flex: 0 0 min(72vw, 390px);
  }

  .ac-photo-top-3.is-infinite-ready .ac-photo-top-3__track {
    animation-name: ac-photo-top-loop;
    animation-duration: var(--ac-photo-top-loop-duration, 32s);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    will-change: transform;
  }

  .ac-photo-top-3.is-paused .ac-photo-top-3__track {
    animation-play-state: paused;
  }

    .ac-photo-parallax {
      grid-template-columns: 542.37fr 891.41fr;
      height: clamp(432px, 56.4vw, 576px);
    }

    .ac-photo-parallax__item {
      min-height: 0;
    }
  }

  @media (max-width: 767.98px) {
  .ac-photo-top-3 {
    gap: 0;
  }

  .ac-photo-top-3__item {
    min-height: 13rem;
    flex-basis: min(78vw, 286px);
  }

    .ac-photo-parallax {
      grid-template-columns: 155.315fr 199.684fr;
      gap: 7px;
      height: clamp(283px, 78.611vw, 430px);
    }

    .ac-photo-parallax__item {
      min-height: 0;
  }
}

@keyframes ac-photo-top-loop {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-1 * var(--ac-photo-top-loop-distance, 0px)), 0, 0);
  }
}


/* ==========================================================================
   12h. PROJECTS SECTION (блок 13)
   ========================================================================== */

.ac-projects {
  --ac-projects-section-pad-top-desktop: 72px;
  --ac-projects-section-pad-bottom-desktop: 94px;
  --ac-projects-header-gap-desktop: 32px;
  --ac-projects-subheading-margin-top-desktop: 17px;
  --ac-projects-subheading-max-width-desktop: 659px;
  --ac-projects-stage-pad-top-desktop: clamp(24px, 2vw, 32px);
  --ac-projects-stage-pad-x-desktop: clamp(28px, 2.6vw, 40px);
  --ac-projects-stage-pad-bottom-desktop: clamp(28px, 2.2vw, 36px);
  --ac-projects-panel-gap-desktop: clamp(24px, 2vw, 36px);
  --ac-projects-summary-width-desktop: clamp(320px, 32vw, 569px);
  --ac-projects-media-gap-desktop: clamp(12px, 1.1vw, 16px);
  --ac-projects-tabs-gap-desktop: clamp(14px, 1.2vw, 18px);
  --ac-projects-tabs-margin-top-desktop: clamp(20px, 1.6vw, 24px);
  --ac-projects-tabs-line-height-desktop: 22.95px;
  --ac-projects-tabs-margin-top: var(--ac-projects-tabs-margin-top-desktop);
  --ac-projects-tabs-line-height: var(--ac-projects-tabs-line-height-desktop);
  --ac-projects-stage-viewport-budget-desktop: calc(100svh - 160px);
  --ac-projects-feature-height-desktop: clamp(400px, calc(var(--ac-projects-stage-viewport-budget-desktop) * 0.753), 640px);
  --ac-projects-feature-height: var(--ac-projects-feature-height-desktop);
  --ac-projects-compact-thumb-gap-desktop: clamp(12px, 1.1vw, 16px);
  --ac-projects-compact-thumb-height-desktop: clamp(110px, calc(var(--ac-projects-stage-viewport-budget-desktop) * 0.247), 210px);
  --ac-projects-compact-thumb-width-1-desktop: clamp(170px, 18vw, 330px);
  --ac-projects-compact-thumb-width-2-desktop: clamp(120px, 12vw, 207px);
  --ac-projects-compact-thumb-width-3-desktop: clamp(210px, 24vw, 448px);
  position: relative;
  background-color: #323232;
  color: #ffffff;
  overflow: hidden;
  min-height: 0;
  padding: var(--ac-projects-section-pad-top-desktop) 0 var(--ac-projects-section-pad-bottom-desktop);
}

.ac-projects__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ac-projects__bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: grayscale(1) contrast(1.08) brightness(0.52);
  transform: scale(1.05);
  transform-origin: center;
  transition: opacity 0.5s ease;
}

.ac-projects__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(27, 27, 27, 0.08) 0%,
    rgba(27, 27, 27, 0.82) 100%
  );
}

.ac-projects__inner {
  position: relative;
  z-index: 2;
}

.ac-projects__header {
  margin-bottom: var(--ac-projects-header-gap-desktop);
}

.ac-projects__heading {
  margin: 0;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 30.6px;
  text-transform: uppercase;
}

.ac-projects__subheading {
  margin: var(--ac-projects-subheading-margin-top-desktop) 0 0;
  max-width: var(--ac-projects-subheading-max-width-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.95px;
  color: rgba(255, 255, 255, 0.92);
}

.ac-projects__stage {
  --ac-projects-stage-pad-top: var(--ac-projects-stage-pad-top-desktop);
  --ac-projects-pad-x: var(--ac-projects-stage-pad-x-desktop);
  --ac-projects-stage-pad-bottom: var(--ac-projects-stage-pad-bottom-desktop);
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  padding: var(--ac-projects-stage-pad-top) var(--ac-projects-pad-x) 0;
}

.ac-projects__panels {
  position: relative;
  min-height: 0;
}

.ac-projects__panel {
  color: #1b1b1b;
  display: none;
  min-height: 0;
}

.ac-projects__panel--active,
.ac-projects__panel:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, var(--ac-projects-summary-width-desktop)) minmax(0, 1fr);
  column-gap: var(--ac-projects-panel-gap-desktop);
  row-gap: var(--ac-projects-media-gap-desktop);
  align-items: start;
}

.ac-projects__summary {
  position: relative;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.ac-projects__project-title {
  margin: 0 0 18px;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 22px;
  font-weight: 700;
  line-height: 28.05px;
  text-transform: uppercase;
  color: #b70003;
}

.ac-projects__info {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.ac-projects__info-field {
  margin: 0;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  line-height: 22.95px;
  color: #1b1b1b;
}

.ac-projects__info-label {
  display: inline;
  margin: 0;
  font-weight: 700;
  color: #1b1b1b;
}

.ac-projects__info-value {
  display: inline;
  margin: 0 0 0 0.35rem;
  font-weight: 400;
  color: #1b1b1b;
}

.ac-projects__info-field--multiline .ac-projects__info-label {
  display: block;
}

.ac-projects__info-field--multiline .ac-projects__info-value {
  display: block;
  margin: 3px 0 0;
}

.ac-projects__media {
  margin-top: 0;
  min-height: 0;
  min-width: 0;
}

.ac-projects__media--compact {
  display: contents;
}

.ac-projects__gallery-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
  user-select: none;
  -webkit-user-drag: none;
}

.ac-projects__compact-feature,
.ac-projects__compact-thumb {
  margin: 0;
  overflow: hidden;
}

.ac-projects__compact-feature {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: var(--ac-projects-feature-height);
  border-radius: 10px;
  aspect-ratio: auto;
}

.ac-projects__compact-thumbs-wrap {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  justify-self: stretch;
  overflow: hidden;
  min-width: 0;
  border-radius: 10px;
}

.ac-projects__compact-thumbs {
  display: grid;
  width: max-content;
  min-width: 100%;
  max-width: none;
  justify-content: start;
  gap: var(--ac-projects-compact-thumb-gap-desktop);
}

.ac-projects__compact-thumb {
  flex: 0 0 auto;
  height: var(--ac-projects-compact-thumb-height-desktop);
  border-radius: 10px;
  cursor: pointer;
}

.ac-projects__compact-thumb:focus-visible {
  outline: 2px solid #b70003;
  outline-offset: 2px;
}

.ac-projects__compact-thumbs-wrap--carousel.is-enhanced {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  cursor: grab;
}

.ac-projects__compact-thumbs-wrap--carousel.is-enhanced::-webkit-scrollbar {
  display: none;
}

.ac-projects__compact-thumbs-wrap--carousel.is-dragging {
  cursor: grabbing;
}

.ac-projects__compact-thumbs-wrap--carousel.is-dragging .ac-projects__compact-thumb {
  pointer-events: none;
}

.ac-projects__compact-thumbs--carousel {
  display: flex;
  align-items: stretch;
  width: max-content;
  max-width: none;
  gap: var(--ac-projects-compact-thumb-gap-desktop);
  will-change: transform;
  animation: ac-projects-compact-marquee 26s linear infinite;
}

.ac-projects__compact-thumbs-wrap--carousel.is-enhanced .ac-projects__compact-thumbs--carousel {
  will-change: auto;
  animation: none;
}

.ac-projects__compact-thumbs--count-1 {
  grid-template-columns: minmax(0, 1fr);
}

.ac-projects__compact-thumbs--count-2 {
  grid-template-columns: minmax(0, 330fr) minmax(0, 207fr);
}

.ac-projects__compact-thumbs--count-3 {
  grid-template-columns: minmax(0, 330fr) minmax(0, 207fr) minmax(0, 448fr);
}

.ac-projects__compact-thumbs--count-4 {
  grid-template-columns: minmax(0, 330fr) minmax(0, 207fr) minmax(0, 448fr) minmax(0, 330fr);
  width: 100%;
  max-width: none;
}

.ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 1) {
  width: var(--ac-projects-compact-thumb-width-1-desktop);
}

.ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 2) {
  width: var(--ac-projects-compact-thumb-width-2-desktop);
}

.ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 3) {
  width: var(--ac-projects-compact-thumb-width-3-desktop);
}

.ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 4),
.ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 5) {
  width: var(--ac-projects-compact-thumb-width-1-desktop);
}

@keyframes ac-projects-compact-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ac-projects__compact-thumbs--carousel {
    animation: none;
  }
}

.ac-projects__tabs {
  position: static;
  width: 100%;
  min-height: calc(var(--ac-projects-tabs-margin-top) + var(--ac-projects-stage-pad-bottom) + var(--ac-projects-tabs-line-height));
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  box-sizing: border-box;
  scroll-padding-inline: var(--ac-projects-pad-x);
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  cursor: grab;
  user-select: none;
}

.ac-projects__tabs.is-static {
  cursor: default;
}

.ac-projects__tabs.is-dragging {
  cursor: grabbing;
}

.ac-projects__tabs.is-dragging .ac-projects__tab {
  pointer-events: none;
}

.ac-projects__tabs-track {
  min-height: inherit;
  width: max-content;
  min-width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--ac-projects-tabs-gap-desktop);
}

.ac-projects__tabs-track::before,
.ac-projects__tabs-track::after {
  content: '';
  flex: 1 0 0;
}

.ac-projects__tabs::-webkit-scrollbar {
  display: none;
}

.ac-projects__tab {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: var(--ac-projects-tabs-line-height);
  text-transform: uppercase;
  color: #323232;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.ac-projects__tab::before {
  display: none;
}

.ac-projects__tab--active {
  color: #1b1b1b;
  text-decoration-line: underline;
}

@media (hover: hover) {
  .ac-projects__tab:hover:not(.ac-projects__tab--active) {
    color: #1b1b1b;
  }
}

.ac-projects__tab:focus-visible {
  outline: 2px solid #b70003;
  outline-offset: 3px;
}

@media (max-width: 1279.98px) {
  .ac-projects {
    padding: 64px 0 82px;
  }

  .ac-projects__stage {
    --ac-projects-stage-pad-top: 24px;
    --ac-projects-pad-x: 32px;
    --ac-projects-stage-pad-bottom: 28px;
  }

  .ac-projects__panel--active,
  .ac-projects__panel:not([hidden]) {
    grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
    column-gap: 24px;
  }

  .ac-projects__project-title {
    font-size: 20px;
    line-height: 25.5px;
  }

  .ac-projects__info-field {
    font-size: 17px;
    line-height: 21.675px;
  }

  .ac-projects {
    --ac-projects-tabs-line-height: 21.675px;
  }

  .ac-projects__tab {
    font-size: 17px;
    line-height: var(--ac-projects-tabs-line-height);
  }

}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ac-projects {
    --ac-projects-feature-height: 450px;
  }
}

@media (max-width: 1023.98px) {
  .ac-projects {
    padding: 56px 0 72px;
  }

  .ac-projects__header {
    margin-bottom: 24px;
  }

  .ac-projects__stage {
    --ac-projects-stage-pad-top: 24px;
    --ac-projects-pad-x: var(--ac-inner-inset-tablet);
    --ac-projects-stage-pad-bottom: 28px;
    border-radius: 10px;
  }

  .ac-projects__panel--active,
  .ac-projects__panel:not([hidden]) {
    display: block;
  }

  .ac-projects__summary {
    width: 100%;
    max-width: 100%;
  }

  .ac-projects__project-title {
    margin-bottom: 14px;
    font-size: 20px;
    line-height: 25.5px;
  }

  .ac-projects__info-field {
    font-size: 16px;
    line-height: 20.4px;
  }

  .ac-projects {
    --ac-projects-tabs-margin-top: 18px;
    --ac-projects-tabs-line-height: 20.4px;
  }

  .ac-projects__tabs {
    scroll-padding-inline: var(--ac-projects-pad-x);
  }

  .ac-projects__tabs-track {
    gap: 12px;
  }

  .ac-projects__tab {
    font-size: 16px;
    line-height: var(--ac-projects-tabs-line-height);
  }

  .ac-projects__media {
    margin-top: 24px;
  }

  .ac-projects__media--compact {
    display: grid;
    gap: 12px;
  }

  .ac-projects__compact-feature,
  .ac-projects__compact-thumbs-wrap {
    grid-column: auto;
    grid-row: auto;
  }

  .ac-projects {
    --ac-projects-feature-height: 450px;
  }

  .ac-projects__compact-feature {
    height: var(--ac-projects-feature-height);
    aspect-ratio: auto;
  }

  .ac-projects__compact-thumbs-wrap {
    border-radius: 5px;
  }

  .ac-projects__compact-thumbs {
    gap: 10px;
  }

  .ac-projects__compact-thumbs--count-1 {
    grid-template-columns: 190.84px;
  }

  .ac-projects__compact-thumbs--count-2 {
    grid-template-columns: 190.84px 122.638px;
  }

  .ac-projects__compact-thumbs--count-3 {
    grid-template-columns: 190.84px 122.638px 101.195px;
  }

  .ac-projects__compact-thumbs--count-4 {
    grid-template-columns: minmax(0, 190.84fr) minmax(0, 122.638fr) minmax(0, 101.195fr) minmax(0, 190.84fr);
    width: 100%;
    max-width: none;
  }

  .ac-projects__compact-thumb {
    height: 154.236px;
    border-radius: 5px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 1) {
    width: 190.84px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 2) {
    width: 122.638px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 3) {
    width: 101.195px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 4),
  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 5) {
    width: 190.84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .ac-projects {
    --ac-projects-feature-height: 450px;
  }

  .ac-projects {
    --ac-projects-tabs-margin-top: 20px;
  }

  .ac-projects__tabs-track {
    gap: 16px;
  }
}

@media (max-width: 767.98px) {
  .ac-projects {
    padding: 44px 0 58px;
  }

  .ac-projects__subheading {
    margin-top: 12px;
    font-size: 16px;
    line-height: 20.4px;
  }

  .ac-projects__stage {
    --ac-projects-stage-pad-top: 18px;
    --ac-projects-pad-x: var(--ac-inner-inset-mobile);
    --ac-projects-stage-pad-bottom: 22px;
    border-radius: 8px;
  }

  .ac-projects {
    --ac-projects-tabs-margin-top: 16px;
    --ac-projects-tabs-line-height: 19px;
  }

  .ac-projects__tabs-track {
    gap: 12px;
  }

  .ac-projects__media--compact {
    gap: 10px;
  }

  .ac-projects {
    --ac-projects-feature-height: 350px;
  }

  .ac-projects__compact-feature {
    width: 100%;
    height: var(--ac-projects-feature-height);
    aspect-ratio: auto;
  }

  .ac-projects__compact-feature .ac-projects__gallery-img {
    object-fit: cover;
  }

  .ac-projects__compact-thumbs {
    gap: 5px;
  }

  .ac-projects__compact-thumbs--count-1 {
    grid-template-columns: 92.55px;
  }

  .ac-projects__compact-thumbs--count-2 {
    grid-template-columns: 92.55px 59.475px;
  }

  .ac-projects__compact-thumbs--count-3 {
    grid-template-columns: 92.55px 59.475px 49.076px;
  }

  .ac-projects__compact-thumbs--count-4 {
    grid-template-columns: minmax(0, 92.55fr) minmax(0, 59.475fr) minmax(0, 49.076fr) minmax(0, 92.55fr);
    width: 100%;
    max-width: none;
  }

  .ac-projects__compact-thumb {
    height: 74.799px;
    border-radius: 5px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 1) {
    width: 92.55px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 2) {
    width: 59.475px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 3) {
    width: 49.076px;
  }

  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 4),
  .ac-projects__compact-thumbs--carousel .ac-projects__compact-thumb:nth-child(5n + 5) {
    width: 92.55px;
  }

  .ac-projects__tab {
    font-size: 15px;
    line-height: var(--ac-projects-tabs-line-height);
  }

  .ac-projects__project-title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 23px;
  }

  .ac-projects__info {
    gap: 6px;
  }

  .ac-projects__info-field {
    font-size: 15px;
    line-height: 19px;
  }

  .ac-projects__media {
    margin-top: 18px;
  }
}

.ac-viz__benefits,
.ac-viz__benefits-list,
.ac-brands__layout > *,
.ac-projects__summary,
.ac-projects__media,
.ac-projects__compact-thumbs-wrap {
  min-width: 0;
}

@media (max-width: 479.98px) {
  .ac-projects__stage {
    --ac-projects-stage-pad-top: 16px;
    --ac-projects-gallery-gap: 6px;
    border-radius: 0;
    --ac-projects-stage-pad-bottom: 20px;
    padding: var(--ac-projects-stage-pad-top) 0 0;
  }

  .ac-projects__tabs,
  .ac-projects__summary {
    padding-left: var(--ac-inner-inset-mobile);
    padding-right: var(--ac-inner-inset-mobile);
  }

  .ac-projects__media {
    margin-top: 16px;
  }
}


/* ==========================================================================
   12i. COOPERATION SECTION (блок 14)
   ========================================================================== */

.ac-cooperation {
  --ac-split-left: 41.35%;
  --ac-split-left-xl: 42.8125%;
  --ac-coop-min-height-desktop: 808px;
  --ac-coop-layout-min-height-desktop: 794px;
  --ac-coop-visual-pad-top-desktop: 64px;
  --ac-coop-visual-pad-right-desktop: 56px;
  --ac-coop-visual-pad-bottom-desktop: 64px;
  --ac-coop-line-width-desktop: 244px;
  --ac-coop-line-gap-desktop: 5px;
  --ac-coop-line-dot-size-desktop: 5.6px;
  --ac-coop-line-top-margin-desktop: 20px;
  --ac-coop-line-bottom-margin-desktop: 20px;
  --ac-coop-heading-max-desktop: 231px;
  --ac-coop-content-pad-top-desktop: 96px;
  --ac-coop-content-pad-left-desktop: 96px;
  --ac-coop-content-pad-bottom-desktop: 96px;
  --ac-coop-steps-width-desktop: 628px;
  --ac-coop-steps-gap-desktop: 52px;
  --ac-coop-step-number-col-desktop: 40px;
  --ac-coop-step-col-gap-desktop: 50px;
  --ac-coop-step-number-size-desktop: 34px;
  --ac-coop-step-number-dot-gap-desktop: 5px;
  --ac-coop-step-number-dot-size-desktop: 6.8px;
  --ac-coop-step-number-dot-shift-desktop: -2px;
  --ac-coop-step-text-margin-top-desktop: 2px;
  --ac-coop-gutter: clamp(1rem, 4vw, 2.5rem);
  --ac-grid-overlay-active-z-index: 1;
  --ac-grid-overlay-active-line-rgb: 27, 27, 27;
  --ac-grid-overlay-active-line-alpha: 0.1;
  --ac-grid-overlay-active-opacity: 1;
  background-color: #ffffff;
  color: #1b1b1b;
  border-top: 7px solid #ffffff;
  border-bottom: 7px solid #ffffff;
  overflow: hidden;
  min-height: var(--ac-coop-min-height-desktop);
}

.ac-cooperation__layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, var(--ac-split-left)) minmax(0, calc(100% - var(--ac-split-left)));
  min-height: var(--ac-coop-layout-min-height-desktop);
}

@media (min-width: 1600px) {
  .ac-cooperation {
    --ac-split-left: var(--ac-split-left-xl);
    --ac-coop-min-height-desktop: 808px;
    --ac-coop-layout-min-height-desktop: 794px;
    --ac-coop-visual-pad-top-desktop: 64px;
    --ac-coop-visual-pad-right-desktop: calc(56px * var(--ac-desktop-xl-content-scale));
    --ac-coop-visual-pad-bottom-desktop: 64px;
    --ac-coop-line-width-desktop: calc(244px * var(--ac-desktop-xl-content-scale));
    --ac-coop-line-gap-desktop: 5px;
    --ac-coop-line-dot-size-desktop: 5.6px;
    --ac-coop-line-top-margin-desktop: 20px;
    --ac-coop-line-bottom-margin-desktop: 20px;
    --ac-coop-heading-max-desktop: calc(231px * var(--ac-desktop-xl-content-scale));
    --ac-coop-content-pad-top-desktop: 96px;
    --ac-coop-content-pad-left-desktop: calc(96px * var(--ac-desktop-xl-content-scale));
    --ac-coop-content-pad-bottom-desktop: 96px;
    --ac-coop-steps-width-desktop: calc(628px * var(--ac-desktop-xl-content-scale));
    --ac-coop-steps-gap-desktop: 52px;
    --ac-coop-step-number-col-desktop: calc(40px * var(--ac-desktop-xl-content-scale));
    --ac-coop-step-col-gap-desktop: calc(50px * var(--ac-desktop-xl-content-scale));
    --ac-coop-step-number-size-desktop: 34px;
    --ac-coop-step-number-dot-gap-desktop: 5px;
    --ac-coop-step-number-dot-size-desktop: 6.8px;
    --ac-coop-step-number-dot-shift-desktop: -2px;
    --ac-coop-step-text-margin-top-desktop: 2px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-cooperation {
    --ac-split-left: 42.2%;
    --ac-coop-min-height-desktop: 748px;
    --ac-coop-layout-min-height-desktop: 734px;
    --ac-coop-visual-pad-top-desktop: 56px;
    --ac-coop-visual-pad-right-desktop: 42px;
    --ac-coop-visual-pad-bottom-desktop: 56px;
    --ac-coop-line-width-desktop: 218px;
    --ac-coop-line-top-margin-desktop: 16px;
    --ac-coop-line-bottom-margin-desktop: 16px;
    --ac-coop-heading-max-desktop: 252px;
    --ac-coop-content-pad-top-desktop: 80px;
    --ac-coop-content-pad-left-desktop: 72px;
    --ac-coop-content-pad-bottom-desktop: 80px;
    --ac-coop-steps-width-desktop: 560px;
    --ac-coop-steps-gap-desktop: 44px;
    --ac-coop-step-number-col-desktop: 38px;
    --ac-coop-step-col-gap-desktop: 42px;
    --ac-coop-step-number-size-desktop: 32px;
    --ac-coop-step-number-dot-size-desktop: 6.4px;
  }

  .ac-cooperation__step-text {
    font-size: 18px;
    line-height: 22.95px;
  }
}

.ac-cooperation__visual {
  position: relative;
  overflow: hidden;
  background-color: #1b1b1b;
}

.ac-cooperation__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1);
  z-index: 0;
}

.ac-cooperation__visual-overlay {
  position: absolute;
  inset: 0;
  background: rgba(27, 27, 27, 0.42);
  z-index: 1;
}

.ac-cooperation__visual-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--ac-coop-visual-pad-top-desktop) var(--ac-coop-visual-pad-right-desktop) var(--ac-coop-visual-pad-bottom-desktop) var(--ac-coop-gutter);
}

.ac-cooperation__heading-group {
  --ac-split-heading-gap: 16px;
  max-width: min(var(--ac-coop-heading-max-desktop), 100%);
}

.ac-cooperation__decor-line {
  margin: 0;
}

.ac-cooperation__decor-line--top {
  margin: 0 0 var(--ac-coop-line-top-margin-desktop);
}

.ac-cooperation__decor-line--bottom {
  margin: var(--ac-coop-line-bottom-margin-desktop) 0 0;
}

.ac-cooperation__heading {
  margin: 0;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 30.6px;
  text-transform: uppercase;
  color: #ffffff;
}

.ac-cooperation__heading-break {
  display: none;
}

.ac-cooperation__content {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: var(--ac-coop-content-pad-top-desktop) var(--ac-coop-gutter) var(--ac-coop-content-pad-bottom-desktop) var(--ac-coop-content-pad-left-desktop);
}

.ac-cooperation__steps {
  position: relative;
  z-index: 2;
  width: min(100%, var(--ac-coop-steps-width-desktop));
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--ac-coop-steps-gap-desktop);
}

.ac-cooperation__step {
  margin: 0;
  display: grid;
  grid-template-columns: var(--ac-coop-step-number-col-desktop) minmax(0, 1fr);
  column-gap: var(--ac-coop-step-col-gap-desktop);
  align-items: start;
}

.ac-cooperation__step-number {
  display: inline-flex;
  align-items: flex-end;
  gap: var(--ac-coop-step-number-dot-gap-desktop);
  font-family: 'Rubik One', var(--ac-font-primary, 'Onest', sans-serif);
  font-size: var(--ac-coop-step-number-size-desktop);
  font-weight: 400;
  line-height: 0.84;
  letter-spacing: 0;
  color: #b70003;
}

.ac-cooperation__step-number::after {
  content: '';
  width: var(--ac-coop-step-number-dot-size-desktop);
  height: var(--ac-coop-step-number-dot-size-desktop);
  flex: 0 0 var(--ac-coop-step-number-dot-size-desktop);
  background-color: #b70003;
  transform: translateY(var(--ac-coop-step-number-dot-shift-desktop));
}

.ac-cooperation__step-text {
  display: block;
  margin-top: var(--ac-coop-step-text-margin-top-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 20px;
  font-weight: 600;
  line-height: 25.5px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #1b1b1b;
}

@media (min-width: 1024px) {
  .ac-cooperation {
    --ac-coop-gutter: var(--ac-split-edge);
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .ac-cooperation {
    min-height: 0;
  }

  .ac-cooperation__layout {
    min-height: 736px;
    grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  }

  .ac-cooperation__visual-content {
    padding: 56px 42px 56px var(--ac-coop-gutter);
  }

  .ac-cooperation__content {
    padding: 72px var(--ac-coop-gutter) 72px 64px;
  }

  .ac-cooperation__step {
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 44px;
  }

  .ac-cooperation__step-number {
    font-size: 32px;
  }

  .ac-cooperation__step-text {
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-cooperation__steps {
    gap: 44px;
  }
}

@media (max-width: 1023.98px) {
  .ac-cooperation {
    --ac-coop-gutter: var(--ac-inner-inset-tablet);
  }

  .ac-cooperation__heading-group {
    max-width: 100%;
  }

  .ac-cooperation__layout {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .ac-cooperation__visual {
    min-height: 420px;
  }

  .ac-cooperation__visual-content {
    padding: 52px var(--ac-coop-gutter);
  }

  .ac-cooperation__content {
    padding: 48px var(--ac-coop-gutter) 56px;
  }

  .ac-cooperation__steps {
    width: min(100%, 720px);
    gap: 28px;
  }

  .ac-cooperation__step {
    grid-template-columns: 34px minmax(0, 1fr);
    column-gap: 28px;
  }

  .ac-cooperation__step-number {
    font-size: 30px;
  }

  .ac-cooperation__step-text {
    font-size: 18px;
    line-height: 22.95px;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .ac-cooperation__visual {
    min-height: 380px;
  }

  .ac-cooperation__visual-content {
    padding: 48px var(--ac-coop-gutter);
  }

  .ac-cooperation__heading {
    white-space: nowrap;
  }

  .ac-cooperation__content {
    padding: 44px var(--ac-coop-gutter) 52px;
  }

  .ac-cooperation__steps {
    width: min(100%, 628px);
    gap: 30px;
  }

  .ac-cooperation__step {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 30px;
  }

  .ac-cooperation__step-number {
    font-size: 32px;
  }

  .ac-cooperation__step-text {
    font-size: 20px;
    line-height: 25.5px;
  }
}

@media (max-width: 767.98px) {
  .ac-cooperation {
    --ac-coop-gutter: var(--ac-inner-inset-mobile);
  }

  .ac-cooperation {
    border-top-width: 5px;
    border-bottom-width: 5px;
  }

  .ac-cooperation__visual {
    min-height: 340px;
  }

  .ac-cooperation__visual-content {
    padding: 36px var(--ac-coop-gutter);
  }

  .ac-cooperation__heading-group {
    width: fit-content;
    max-width: 100%;
  }

  .ac-cooperation__heading {
    display: inline-block;
    width: auto;
    max-width: 100%;
    inline-size: fit-content;
    max-inline-size: 100%;
    white-space: normal;
    line-height: 1.2778;
  }

  .ac-cooperation__heading-break {
    display: block;
    width: 0;
    height: 0;
  }

  .ac-cooperation__decor-line--top {
    margin-bottom: 0;
  }

  .ac-cooperation__decor-line--bottom {
    margin-top: 0;
  }

  .ac-cooperation__content {
    padding: 40px var(--ac-coop-gutter);
  }

  .ac-cooperation__steps {
    width: min(100%, 321px);
    gap: 40px;
  }

  .ac-cooperation__step {
    grid-template-columns: 25px minmax(0, 1fr);
    column-gap: 20px;
    align-items: center;
  }

  .ac-cooperation__step-number {
    font-size: 24px;
  }

  .ac-cooperation__step-number::after {
    width: 4px;
    height: 4px;
    flex-basis: 4px;
    transform: translateY(-1px);
  }

  .ac-cooperation__step-text {
    font-size: 18px;
    line-height: 1.2;
  }
}

@media (max-width: 479.98px) {
  .ac-cooperation__visual {
    min-height: 300px;
  }
}


/* ==========================================================================
   12j. FULL-CYCLE SECTION (блок 15)
   ========================================================================== */

.ac-full-cycle {
  background-color: #1b1b1b;
  color: #1b1b1b;
  --ac-full-cycle-pad-block-desktop: 84px;
  --ac-full-cycle-card-pad-y: 48px;
  --ac-full-cycle-card-pad-x: 50px;
  --ac-full-cycle-heading-max-desktop: 487px;
  --ac-full-cycle-text-margin-top-desktop: 30px;
  --ac-full-cycle-text-max-desktop: 1005px;
  --ac-full-cycle-body-margin-top-desktop: 60px;
  --ac-full-cycle-body-col-left-desktop: 699.6px;
  --ac-full-cycle-body-col-right-desktop: 449px;
  --ac-full-cycle-body-col-gap-desktop: 31.8px;
  --ac-full-cycle-card-height-desktop: 228.6px;
  --ac-full-cycle-list-wrap-max-desktop: 449px;
  --ac-full-cycle-list-wrap-pad-top-desktop: 6px;
  --ac-full-cycle-list-heading-margin-bottom-desktop: 32px;
  --ac-full-cycle-list-gap-desktop: 20px;
  --ac-full-cycle-list-item-gap-desktop: 18px;
  --ac-full-cycle-list-marker-size-desktop: 12px;
  --ac-full-cycle-list-marker-top-desktop: 5px;
  padding-block: var(--ac-full-cycle-pad-block-desktop);
}

.ac-full-cycle > .ac-container {
  max-width: var(--ac-desktop-frame-width);
  padding-inline: var(--ac-desktop-frame-inset);
}

/* White card wrapper per design */
.ac-full-cycle__card-wrap {
  background-color: #ffffff;
  border-radius: 14px;
  padding: var(--ac-full-cycle-card-pad-y) var(--ac-full-cycle-card-pad-x);
}

.ac-full-cycle__heading {
  margin: 0;
  max-width: var(--ac-full-cycle-heading-max-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 22px;
  font-weight: 700;
  line-height: 28.05px;
  text-transform: uppercase;
  color: #b70003;
}

.ac-full-cycle__text {
  margin: var(--ac-full-cycle-text-margin-top-desktop) 0 0;
  max-width: var(--ac-full-cycle-text-max-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.95px;
  color: #323232;
}

/* Body: cards left + checklist right */
.ac-full-cycle__body {
  margin-top: var(--ac-full-cycle-body-margin-top-desktop);
  display: grid;
  grid-template-columns: minmax(0, var(--ac-full-cycle-body-col-left-desktop)) minmax(0, var(--ac-full-cycle-body-col-right-desktop));
  column-gap: var(--ac-full-cycle-body-col-gap-desktop);
  align-items: start;
}

.ac-full-cycle__cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.ac-full-cycle__card {
  position: relative;
  overflow: hidden;
  height: var(--ac-full-cycle-card-height-desktop);
  background-color: #1f1f1f;
  border-radius: 13.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ac-full-cycle__card-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ac-full-cycle__card-media--placeholder {
  background-color: #323232;
}

.ac-full-cycle__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.72;
  filter: grayscale(1);
}

.ac-full-cycle__card-text {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  margin: 0;
  max-width: 100%;
  text-align: center;
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 500;
  line-height: 22.95px;
  color: #ffffff;
  background: linear-gradient(to top, rgba(27, 27, 27, 0.64) 0%, rgba(27, 27, 27, 0.26) 100%);
}

.ac-full-cycle__list-wrap {
  width: min(100%, var(--ac-full-cycle-list-wrap-max-desktop));
  padding-top: var(--ac-full-cycle-list-wrap-pad-top-desktop);
}

.ac-full-cycle__list-heading {
  margin: 0 0 var(--ac-full-cycle-list-heading-margin-bottom-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 20px;
  font-weight: 700;
  line-height: 25.5px;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #1b1b1b;
}

.ac-full-cycle__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--ac-full-cycle-list-gap-desktop);
}

.ac-full-cycle__list,
.ac-induction__list,
.ac-production__list {
  margin-left: 7px;
}

.ac-full-cycle__list-item {
  gap: var(--ac-full-cycle-list-item-gap-desktop);
  color: #323232;
}

.ac-full-cycle__list-item .ac-marker {
  width: var(--ac-full-cycle-list-marker-size-desktop);
  height: var(--ac-full-cycle-list-marker-size-desktop);
  margin-top: var(--ac-full-cycle-list-marker-top-desktop);
}

.ac-full-cycle__list-text {
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.95px;
}

@media (min-width: 1600px) {
  .ac-full-cycle {
    --ac-full-cycle-pad-block-desktop: 84px;
    --ac-full-cycle-card-pad-y: 50px;
    --ac-full-cycle-card-pad-x: 50px;
    --ac-full-cycle-heading-max-desktop: 690px;
    --ac-full-cycle-text-margin-top-desktop: 30px;
    --ac-full-cycle-text-max-desktop: 1378.6px;
    --ac-full-cycle-body-margin-top-desktop: 60px;
    --ac-full-cycle-body-col-left-desktop: 988.11px;
    --ac-full-cycle-body-col-right-desktop: 635.89px;
    --ac-full-cycle-body-col-gap-desktop: 32px;
    --ac-full-cycle-card-height-desktop: 324.74px;
    --ac-full-cycle-list-wrap-max-desktop: 635.89px;
  }

  .ac-full-cycle > .ac-container {
    max-width: none;
    padding-inline: var(--ac-desktop-content-edge);
  }

  .ac-full-cycle__body {
    grid-template-columns:
      minmax(0, min(var(--ac-full-cycle-body-col-left-desktop), calc(100% - var(--ac-full-cycle-body-col-right-desktop) - var(--ac-full-cycle-body-col-gap-desktop))))
      minmax(0, var(--ac-full-cycle-body-col-right-desktop));
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-full-cycle {
    --ac-full-cycle-card-pad-x: 46px;
    --ac-full-cycle-heading-max-desktop: 452.7px;
    --ac-full-cycle-text-max-desktop: 934.3px;
    --ac-full-cycle-body-col-left-desktop: 650.7px;
    --ac-full-cycle-body-col-right-desktop: 417.6px;
    --ac-full-cycle-body-col-gap-desktop: 29.5px;
    --ac-full-cycle-list-wrap-max-desktop: 417.6px;
  }

  .ac-full-cycle > .ac-container {
    max-width: none;
    padding-inline: var(--ac-rail-edge);
  }
}

@media (min-width: 1440px) and (max-width: 1599.98px) {
  .ac-full-cycle > .ac-container {
    max-width: none;
    padding-inline: var(--ac-desktop-content-edge);
  }
}

@media (max-width: 1279.98px) {
  .ac-full-cycle {
    --ac-full-cycle-card-pad-y: var(--ac-card-pad-tablet-wide-y);
    --ac-full-cycle-card-pad-x: var(--ac-card-pad-tablet-wide-x);
    padding-block: 64px;
  }

  .ac-full-cycle > .ac-container {
    padding-inline: var(--ac-inner-inset-tablet-wide);
  }

  .ac-full-cycle__card-wrap {
    border-radius: 12px;
  }

  .ac-full-cycle__body {
    margin-top: 44px;
    grid-template-columns: minmax(0, 1.56fr) minmax(0, 1fr);
    column-gap: 24px;
  }

  .ac-full-cycle__card {
    height: clamp(176px, 17.9vw, 228.6px);
  }

  .ac-full-cycle__card-text {
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-full-cycle__list-wrap {
    width: 100%;
  }
}

@media (max-width: 1023.98px) {
  .ac-full-cycle {
    --ac-full-cycle-card-pad-y: var(--ac-card-pad-tablet-y);
    --ac-full-cycle-card-pad-x: var(--ac-card-pad-tablet-x);
    padding-block: 52px;
  }

  .ac-full-cycle__heading {
    font-size: 21px;
    line-height: 26.8px;
  }

  .ac-full-cycle__text {
    margin-top: 20px;
    font-size: 17px;
    line-height: 22px;
  }

  .ac-full-cycle__body {
    margin-top: 32px;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }

  .ac-full-cycle__cards {
    gap: 10px;
  }

  .ac-full-cycle__card {
    height: clamp(168px, 29vw, 228px);
  }

  .ac-full-cycle__list-heading {
    margin-bottom: 24px;
    font-size: 19px;
    line-height: 24.2px;
  }

  .ac-full-cycle__list {
    gap: 16px;
  }

  .ac-full-cycle__list-text {
    font-size: 17px;
    line-height: 21.6px;
  }
}

@media (max-width: 767.98px) {
  .ac-full-cycle {
    --ac-full-cycle-card-pad-y: var(--ac-card-pad-mobile-y);
    --ac-full-cycle-card-pad-x: var(--ac-card-pad-mobile-x);
    padding-block: 38px;
  }

  .ac-full-cycle > .ac-container {
    padding-inline: var(--ac-inner-inset-mobile);
  }

  .ac-full-cycle__card-wrap {
    border-radius: 10px;
  }

  .ac-full-cycle__heading {
    }

    .ac-full-cycle__text {
    margin-top: 14px;
    font-size: 16px;
    line-height: 20.4px;
  }

  .ac-full-cycle__body {
    margin-top: 24px;
    row-gap: 22px;
  }

  .ac-full-cycle__cards {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .ac-full-cycle__card {
    height: 200px;
    border-radius: 10px;
  }

  .ac-full-cycle__card-text {
    padding: 14px;
    font-size: 17px;
    line-height: 21.6px;
  }

  .ac-full-cycle__list-heading {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 22.95px;
  }

  .ac-full-cycle__list-item {
    gap: 12px;
  }

  .ac-full-cycle__list-item .ac-marker {
    width: 10px;
    height: 10px;
    margin-top: 5px;
  }

  .ac-full-cycle__list-text {
    font-size: 16px;
    line-height: 20.4px;
  }
}


/* ==========================================================================
   12k. CONTACT FORM SECTION (блок 16)
   ========================================================================== */

.ac-contact-form {
  position: relative;
  background-color: #1b1b1b;
  color: #ffffff;
  overflow: hidden;
  border-top: 7px solid #ffffff;
  border-bottom: 7px solid #ffffff;
  --ac-contact-form-min-height-desktop: 697px;
  --ac-contact-form-pad-top: 100px;
  --ac-contact-form-pad-bottom: 73px;
  --ac-contact-form-panel-pad-y: 40px;
  --ac-contact-form-panel-pad-x: 30px;
  --ac-contact-form-inner-col-left-desktop: 522px;
  --ac-contact-form-inner-col-right-desktop: 626px;
  --ac-contact-form-inner-col-gap-desktop: 137px;
  --ac-contact-form-left-pad-top-desktop: 151px;
  --ac-contact-form-heading-max-desktop: 470px;
  --ac-contact-form-text-margin-top-desktop: 30px;
  --ac-contact-form-text-max-desktop: 522px;
  --ac-contact-form-text-paragraph-gap-desktop: 22px;
  --ac-contact-form-panel-min-height-desktop: 0px;
  --ac-contact-form-badge-margin-bottom-desktop: 30px;
  --ac-grid-overlay-active-z-index: 1;
  --ac-grid-overlay-active-line-rgb: 255, 255, 255;
  --ac-grid-overlay-active-line-alpha: 0.17;
  --ac-grid-overlay-active-opacity: 0.18;
  min-height: var(--ac-contact-form-min-height-desktop);
}

.ac-contact-form.ac-section-spacing {
  padding-block: 0;
}

.ac-contact-form__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ac-contact-form__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1);
  opacity: 0.92;
}

.ac-contact-form__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to right,
    rgba(27, 27, 27, 0.66) 0%,
    rgba(27, 27, 27, 0.5) 52%,
    rgba(27, 27, 27, 0.6) 100%
  );
}

.ac-contact-form__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, var(--ac-contact-form-inner-col-left-desktop)) minmax(0, var(--ac-contact-form-inner-col-right-desktop));
  column-gap: var(--ac-contact-form-inner-col-gap-desktop);
  align-items: start;
  padding-top: var(--ac-contact-form-pad-top);
  padding-bottom: var(--ac-contact-form-pad-bottom);
}

.ac-contact-form__left {
  width: 100%;
  padding-top: var(--ac-contact-form-left-pad-top-desktop);
}

.ac-contact-form__heading {
  margin: 0;
  max-width: var(--ac-contact-form-heading-max-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 30.6px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #ffffff;
}

.ac-contact-form__text {
  margin-top: var(--ac-contact-form-text-margin-top-desktop);
  max-width: var(--ac-contact-form-text-max-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 22.95px;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.9);
}

.ac-contact-form__text p {
  margin: 0;
}

.ac-contact-form__text p + p {
  margin-top: var(--ac-contact-form-text-paragraph-gap-desktop);
}

.ac-contact-form__right {
  width: 100%;
}

.ac-contact-form__panel {
  min-height: var(--ac-contact-form-panel-min-height-desktop);
  padding: var(--ac-contact-form-panel-pad-y) var(--ac-contact-form-panel-pad-x);
  border: 5px solid #ffffff;
  border-radius: 10px;
  background-color: rgba(27, 27, 27, 0.34);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.ac-contact-form__badge {
  margin: 0 0 var(--ac-contact-form-badge-margin-bottom-desktop);
  font-family: var(--ac-font-primary, 'Onest', sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 30.6px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #ffffff;
}

.ac-contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ac-contact-form__form .wpcf7-form {
  margin-top: 0;
  width: 100%;
}

.ac-contact-form__form .wpcf7-form-control-wrap {
  margin: 9px 0;
}

.ac-contact-form__form .wpcf7-form > p {
  margin: 0;
}

.ac-contact-form__form .wpcf7-form > p + p {
  margin-top: 12px;
}

.ac-popup__form .wpcf7-form > p > .wpcf7-form-control-wrap[data-name="consent"] {
  display: block;
  margin: 4px 0 9px;
}

.ac-popup__form .wpcf7-submit {
  margin-top: 12px;
}

.ac-popup__form .wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0;
}

.ac-popup__form .wpcf7-acceptance .wpcf7-list-item > label {
  display: grid;
  grid-template-columns: 12.56px minmax(0, 1fr);
  column-gap: 17.64px;
  align-items: start;
  width: 100%;
  cursor: pointer;
}

.ac-popup__form .wpcf7-acceptance input[type="checkbox"] {
  width: 12.56px;
  height: 12.56px;
  margin-top: 2.32px;
  border-color: #ffffff;
  border-radius: 1px;
}

.ac-popup__form .wpcf7-acceptance input[type="checkbox"]:checked::after {
  left: 3px;
  top: 1px;
  width: 3px;
  height: 6px;
  border-width: 0 1.5px 1.5px 0;
  border-color: #b80004;
}

.ac-popup__form .wpcf7-acceptance input[type="checkbox"]:checked {
  background-color: #ffffff;
  border-color: #ffffff;
}

.ac-popup__form .wpcf7-acceptance .wpcf7-list-item-label {
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  color: #ffffff;
}

.ac-popup__form .wpcf7-acceptance .wpcf7-list-item-label a {
  color: #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.45);
}

.ac-popup__form .wpcf7-response-output {
  margin-top: 10px;
  padding: 0.5rem 0.75rem;
}

.ac-popup__form .wpcf7-response-output:empty {
  display: none;
  margin: 0;
  padding: 0;
}

.ac-contact-form__missing {
  margin: 0;
  font-size: 16px;
  line-height: 20.4px;
  color: rgba(255, 255, 255, 0.85);
}

@media (min-width: 1600px) {
  .ac-contact-form {
    --ac-contact-form-min-height-desktop: 640px;
    --ac-contact-form-pad-top: 0px;
    --ac-contact-form-pad-bottom: 0px;
    --ac-contact-form-panel-pad-y: 40px;
    --ac-contact-form-panel-pad-x: calc(30px * var(--ac-desktop-xl-content-scale));
    --ac-contact-form-inner-col-left-desktop: calc(522px * var(--ac-desktop-xl-content-scale));
    --ac-contact-form-inner-col-right-desktop: calc(626px * var(--ac-desktop-xl-content-scale));
    --ac-contact-form-inner-col-gap-desktop: calc(137px * var(--ac-desktop-xl-content-scale));
    --ac-contact-form-left-pad-top-desktop: 0px;
    --ac-contact-form-heading-max-desktop: calc(470px * var(--ac-desktop-xl-content-scale));
    --ac-contact-form-text-margin-top-desktop: 30px;
    --ac-contact-form-text-max-desktop: calc(522px * var(--ac-desktop-xl-content-scale));
    --ac-contact-form-text-paragraph-gap-desktop: 22px;
    --ac-contact-form-panel-min-height-desktop: 0px;
    --ac-contact-form-badge-margin-bottom-desktop: 30px;
  }

  .ac-contact-form__inner {
    min-height: var(--ac-contact-form-min-height-desktop);
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
  }

  .ac-contact-form__left,
  .ac-contact-form__right {
    align-self: center;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .ac-contact-form {
    --ac-contact-form-min-height-desktop: 620px;
    --ac-contact-form-pad-top: 68px;
    --ac-contact-form-pad-bottom: 58px;
    --ac-contact-form-panel-pad-y: 34px;
    --ac-contact-form-panel-pad-x: 26px;
    --ac-contact-form-inner-col-left-desktop: 456px;
    --ac-contact-form-inner-col-right-desktop: 560px;
    --ac-contact-form-inner-col-gap-desktop: 98px;
    --ac-contact-form-left-pad-top-desktop: 102px;
    --ac-contact-form-heading-max-desktop: 430px;
    --ac-contact-form-text-margin-top-desktop: 24px;
    --ac-contact-form-text-max-desktop: 456px;
    --ac-contact-form-text-paragraph-gap-desktop: 20px;
    --ac-contact-form-badge-margin-bottom-desktop: 24px;
  }

  .ac-contact-form__form .wpcf7-form-control-wrap {
    margin: 8px 0;
  }

  .ac-contact-form__form .wpcf7-form > p + p {
    margin-top: 10px;
  }

  .ac-contact-form__form .wpcf7-submit {
    margin-top: 10px;
  }
}

@media (max-width: 1279.98px) {
  .ac-contact-form {
    --ac-contact-form-pad-top: 84px;
    --ac-contact-form-pad-bottom: 64px;
    min-height: 0;
  }

  .ac-contact-form__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(40px, 5vw, 72px);
  }

  .ac-contact-form__left {
    padding-top: 92px;
  }

  .ac-contact-form__panel {
    min-height: auto;
  }

  .ac-contact-form__heading,
  .ac-contact-form__badge {
    font-size: 24px;
    line-height: 30.6px;
  }

  .ac-contact-form__text {
    font-size: 18px;
    line-height: 22.95px;
  }

}

@media (max-width: 1023.98px) {
  .ac-contact-form {
    --ac-contact-form-pad-top: 56px;
    --ac-contact-form-pad-bottom: 56px;
    --ac-contact-form-panel-pad-y: 32px;
    --ac-contact-form-panel-pad-x: var(--ac-inner-inset-tablet);
  }

  .ac-contact-form__inner {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }

  .ac-contact-form__left {
    padding-top: 0;
  }

  .ac-contact-form__form .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .ac-contact-form__form .wpcf7-form > p {
    margin: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .ac-contact-form__inner {
    row-gap: 36px;
  }

  .ac-contact-form__heading,
  .ac-contact-form__badge {
    font-size: 24px;
    line-height: 30.6px;
  }

  .ac-contact-form__text {
    font-size: 18px;
    line-height: 22.95px;
  }
}

@media (max-width: 767.98px) {
  .ac-contact-form {
    --ac-contact-form-pad-top: 40px;
    --ac-contact-form-pad-bottom: 40px;
    --ac-contact-form-panel-pad-y: 30px;
    --ac-contact-form-panel-pad-x: 20px;
  }

  .ac-contact-form__inner {
    row-gap: 48px;
  }

  .ac-contact-form__badge {
    font-size: 16px;
    line-height: 20.4px;
    margin-bottom: 18px;
  }

  .ac-contact-form__text {
    margin-top: 36px;
    font-size: 16px;
    line-height: 20.4px;
  }

  .ac-contact-form__text p + p {
    margin-top: 26px;
  }

  .ac-contact-form__panel {
    border-width: 3px;
  }

}


/* ==========================================================================
   13. TABS (.ac-tabs)
   Блок 13 — проекты
   ========================================================================== */

.ac-tabs {
  content-visibility: auto;
  contain-intrinsic-size: auto 700px;
}

.ac-tabs__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ac-tabs__btn {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 0.875rem 1.25rem;
  font-family: 'Onest', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  border-left: 3px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

@media (hover: hover) {
  .ac-tabs__btn:hover {
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.04);
  }
}

.ac-tabs__btn.is-active {
  color: #ffffff;
  border-left-color: #b80003;
}

.ac-tabs__btn:focus-visible {
  outline: 2px solid #b80003;
  outline-offset: -2px;
}

/* Контент таба */
.ac-tabs__panel {
  display: none;
}

.ac-tabs__panel.is-active {
  display: block;
}


/* ==========================================================================
   14. TIMELINE (.ac-timeline)
   Engineering timeline: desktop segmented axis + mobile vertical axis.
   ========================================================================== */

@media (max-width: 1023.98px) {
  .ac-engineering__timeline {
    position: relative;
    content-visibility: auto;
    contain-intrinsic-size: auto 300px;
    --ac-engineering-mobile-axis-gap: clamp(34px, 8vw, 66px);
      --ac-engineering-mobile-line-width: 7px;
      --ac-engineering-mobile-dot-size: 8px;
      --ac-engineering-mobile-dot-cutout: 4px;
    --ac-engineering-mobile-step-gap: clamp(20px, 3vw, 28px);
    --ac-engineering-mobile-item-gap: 6px;
  }

  .ac-engineering__timeline .ac-timeline__track {
      display: block;
      position: absolute;
      top: 12px;
      bottom: 12px;
      left: calc(50% - (var(--ac-engineering-mobile-line-width) / 2));
      width: var(--ac-engineering-mobile-line-width);
      height: auto;
      transform: none;
      background: transparent;
      z-index: 1;
      overflow: visible;
    }

  .ac-engineering__timeline .ac-timeline__track-fill {
      width: 100%;
      height: 100%;
      display: block;
      background: #b80003;
      transform-origin: center top;
      transform: scaleY(0);
      transition: transform 1s ease;
    }

  .ac-engineering__timeline .ac-timeline__track.is-animated .ac-timeline__track-fill {
      transform: scaleY(1);
    }

  .ac-engineering__timeline .ac-timeline__list {
      position: relative;
      display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--ac-engineering-mobile-step-gap);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ac-engineering__timeline .ac-timeline__list::before {
      content: none;
    }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step {
      grid-column: 1;
      width: calc(50% - (var(--ac-engineering-mobile-axis-gap) / 2));
      max-width: none;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    gap: var(--ac-engineering-mobile-item-gap);
    padding: 0;
    z-index: 1;
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--top {
    justify-self: start;
    text-align: right;
    align-items: flex-end;
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--bottom {
    justify-self: end;
    text-align: left;
    align-items: flex-start;
  }

  .ac-engineering__timeline.is-enhanced .ac-timeline__item.ac-engineering__step {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }

  .ac-engineering__timeline.is-enhanced .ac-timeline__item.ac-engineering__step.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step::before {
    content: '';
    position: absolute;
    top: 14px;
    left: 50%;
    width: var(--ac-engineering-mobile-dot-size);
    height: var(--ac-engineering-mobile-dot-size);
    background-color: #b80003;
      box-shadow: 0 0 0 var(--ac-engineering-mobile-dot-cutout) #ffffff;
    transform: translate(-50%, -50%);
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--top::before {
        left: calc(100% + (var(--ac-engineering-mobile-axis-gap) / 2));
    }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step--bottom::before {
        left: calc(var(--ac-engineering-mobile-axis-gap) / -2);
    }

  .ac-engineering__timeline .ac-number {
    margin: 0;
    font-family: 'Rubik One', 'Onest', sans-serif;
    font-size: clamp(2rem, 4.5vw, 2.35rem);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0;
    color: #1b1b1b;
  }

  .ac-engineering__timeline .ac-timeline__label,
  .ac-engineering__timeline .ac-timeline__result {
    margin: 0;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: 'Onest', sans-serif;
    font-size: clamp(1rem, 1.6vw, 1.125rem);
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.3;
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step .ac-number {
    order: 1;
  }

  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step .ac-timeline__label,
  .ac-engineering__timeline .ac-timeline__item.ac-engineering__step .ac-timeline__result {
    order: 2;
  }

  .ac-engineering__timeline .ac-timeline__result-item .ac-engineering__step-number--result {
    margin-top: 0;
    font-size: clamp(1.1rem, 2.5vw, 1.375rem);
    line-height: 1.2;
  }
}

/* ==========================================================================
   15. COOPERATION STEPS (блок 14)
   ========================================================================== */

/* ==========================================================================
   16. CAROUSEL BASE (.ac-carousel)
   ========================================================================== */

.ac-carousel {
  overflow: hidden;
  position: relative;
}

.ac-carousel.is-enhanced,
.ac-details__carousel.is-enhanced,
.ac-viz__carousel.is-enhanced {
  cursor: grab;
}

.ac-carousel.is-enhanced.is-dragging,
.ac-details__carousel.is-enhanced.is-dragging,
.ac-viz__carousel.is-enhanced.is-dragging {
  cursor: grabbing;
  user-select: none;
  scroll-snap-type: none;
}

.ac-carousel__track {
  display: flex;
  gap: 7px;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.ac-carousel__slide {
  flex-shrink: 0;
}

/* Контролы карусели */
.ac-carousel__controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.ac-carousel__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  background: transparent;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  flex-shrink: 0;
}

@media (hover: hover) {
  .ac-carousel__btn:hover {
    border-color: rgba(255, 255, 255, 0.8);
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.06);
  }
}

.ac-carousel__btn:focus-visible {
  outline: 2px solid #b80003;
  outline-offset: 3px;
}

.ac-carousel__btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* ==========================================================================
   17. PARALLAX PLACEHOLDER (блок 12)
   ========================================================================== */

.ac-parallax-section {
  position: relative;
  overflow: hidden;
  min-height: 480px;
  content-visibility: auto;
  contain-intrinsic-size: auto 480px;
}

.ac-parallax__item {
  position: absolute;
  will-change: transform;
}

.ac-parallax__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}

/* Красный декоративный акцент */
.ac-parallax__deco {
  position: absolute;
  background-color: #b80003;
  opacity: 0.6;
}


/* ==========================================================================
   18. PROJECT CARD (блок 13)
   ========================================================================== */

.ac-project-card {
  background-color: rgba(27, 27, 27, 0.85);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  content-visibility: auto;
  contain-intrinsic-size: auto 400px;
}

.ac-project-card__name {
  font-size: 1.375rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

.ac-project-card__meta {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.ac-project-card__field {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 0.5rem;
  font-size: 0.9375rem;
}

.ac-project-card__key {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.45);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  align-self: start;
  padding-top: 0.15em;
}

.ac-project-card__val {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
}

/* Галерея проекта */
.ac-project-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}

@media (min-width: 480px) {
  .ac-project-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Каждая 3-я фотография — вертикальная */
.ac-project-gallery__item:nth-child(3n) {
  grid-row: span 2;
}

.ac-project-gallery__img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.ac-project-gallery__item:nth-child(3n) .ac-project-gallery__img {
  height: 100%;
}

@media (hover: hover) {
  .ac-project-gallery__item:hover .ac-project-gallery__img {
    transform: scale(1.03);
  }
}


/* ==========================================================================
   19. MISC UTILITIES
   ========================================================================== */

/* Тёмный фон с белым текстом */
.ac-bg-dark {
  background-color: #1b1b1b;
  color: #ffffff;
}

.ac-bg-dark-secondary {
  background-color: #323232;
  color: #ffffff;
}

.ac-bg-white {
  background-color: #ffffff;
  color: #1b1b1b;
}

/* Текстовые утилиты */
.ac-text-white   { color: #ffffff; }
.ac-text-dark    { color: #1b1b1b; }
.ac-text-muted   { color: rgba(255, 255, 255, 0.55); }
.ac-text-muted-d { color: rgba(27, 27, 27, 0.55); }
.ac-text-red     { color: #b80003; }

/* Бейдж "над заголовком" */
.ac-badge {
  display: inline-block;
  padding: 0.25rem 0.875rem;
  border: 1px solid currentColor;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.875rem;
}

/* Скрытие / показ на брейкпоинтах */
.ac-hide-mobile {
  display: none;
}

@media (min-width: 768px) {
  .ac-hide-mobile {
    display: block;
  }
}

.ac-hide-desktop {
  display: block;
}

@media (min-width: 768px) {
  .ac-hide-desktop {
    display: none;
  }
}

/* Горизонтальный divider */
.ac-hr {
  border: none;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
  margin-block: 1.5rem;
}

.ac-hr--dark {
  background-color: rgba(27, 27, 27, 0.08);
}