
body[data-static-page="contact"] {
        --contact-shell-width: 1200px;
        --contact-shell-padding: 24px;
        --contact-gap-62: 62px;
        --contact-gap-93: 93px;
        --contact-card-gap: 32px;
        --contact-title-color: #181818;
        --contact-text-color: #3a3a3a;
        --contact-accent: #d71c20;
        --contact-band-color: #F4F4F4;
        --contact-events-top-gap: 93px;
        --contact-events-title-gap: 56px;
        --contact-events-years-gap: 56px;
        --contact-events-content-height: 84px;
        --contact-events-bottom-gap: 93px;
        --contact-honors-top-gap: 93px;
        --contact-honors-title-gap: 56px;
        --contact-honors-bottom-gap: 93px;
      }

      .contact-main {
        width: min(var(--contact-shell-width), calc(100% - var(--contact-shell-padding) * 2));
        margin: 0 auto;
        padding-top: var(--contact-gap-93);
      }

      .contact-seo-title {
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
      }

      .contact-stats {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: var(--contact-card-gap);
        padding-bottom: var(--contact-gap-93);
      }

      .contact-stat {
        flex: 0 1 auto;
        text-align: left;
      }

      .contact-stat__value {
        display: flex;
        align-items: flex-end;
        gap: 4px;
        margin: 0 0 16px;
        color: #3a3a3a;
        line-height: 1;
      }

      .contact-stat__value strong {
        font-weight: 400;
      }

      .contact-stat__value span {
        }

      .contact-stat__label {
        margin: 0;
        color: #3a3a3a;
        line-height: 1.5;
      }

      .contact-section-title {
        margin: 0;
        color: #3a3a3a;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
      }

      .contact-about {
        padding-bottom: var(--contact-gap-93);
      }

      .contact-about .contact-section-title {
        margin-bottom: var(--contact-gap-62);
      }

      .contact-about__copy p {
        margin: 0 0 20px;
        color: #3a3a3a;
        line-height: 1.62;
        text-align: left;
      }

      .contact-about__copy p:last-child {
        margin-bottom: 0;
      }

      .contact-values {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--contact-card-gap);
        margin-top: var(--contact-gap-62);
      }

      .contact-value-card {
        position: relative;
        min-height: 180px;
        padding: 31px 32px;
        box-sizing: border-box;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: left;
      }

      .contact-value-card--mission {
        background-image: url("../../images/women0.png");
      }

      .contact-value-card--vision {
        background-image: url("../../images/women1.png");
      }

      .contact-value-card--values {
        background-image: url("../../images/women2.png");
      }

      .contact-value-card h3 {
        margin: 0 0 5px;
        color: #3a3a3a;
        font-weight: 400;
        line-height: 1.2;
      }

      .contact-value-card__en {
        margin: 0;
        color: #3a3a3a;
        line-height: 1.2;
      }

      .contact-value-card__text {
        position: absolute;
        right: 32px;
        bottom: 31px;
        left: 32px;
        margin: 0;
        color: #3a3a3a;
        line-height: 23px;
      }

      .contact-events,
      .contact-rd {
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding-right: max(calc(50vw - (var(--contact-shell-width) / 2)), var(--contact-shell-padding));
        padding-left: max(calc(50vw - (var(--contact-shell-width) / 2)), var(--contact-shell-padding));
        background: var(--contact-band-color);
      }

      .contact-events {
        padding-top: var(--contact-events-top-gap);
        padding-bottom: var(--contact-events-bottom-gap);
      }

      .contact-honors {
        padding-top: var(--contact-honors-top-gap);
        padding-bottom: var(--contact-honors-bottom-gap);
      }

      .contact-events .contact-section-title {
        margin-bottom: var(--contact-events-title-gap);
      }

      .contact-honors .contact-section-title {
        margin-bottom: var(--contact-honors-title-gap);
      }

      .contact-events .content-years {
        position: relative;
        width: 100%;
        height: 60px;
        margin-bottom: var(--contact-events-years-gap);
        padding-top: 45px;
        box-sizing: border-box;
        overflow: visible;
      }

      .contact-events .content-years .line {
        position: relative;
        top: 1px;
        z-index: 0;
        width: 100%;
        height: 2px;
        background: #D0D0D0;
      }

      .contact-events .content-years .years {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: space-between;
        width: 100%;
        overflow: visible;
      }

      .contact-events .content-years .item {
        position: relative;
        width: 120px;
        cursor: pointer;
        text-align: center;
      }

      .contact-events .content-years .item > p {
        color: #3a3a3a;
        line-height: 1.2;
      }

      .contact-events .content-years .item.actived > p {
        color: #3a3a3a;
      }

      .contact-events .content-years .item .dot {
        position: relative;
        width: 10px;
        height: 10px;
        margin: 16px auto 0;
        border-radius: 50%;
        background: var(--contact-title-color);
      }

      .contact-events .content-years .item.actived .dot {
        background: var(--contact-accent);
      }

      .contact-events .content-years .item .dot-act {
        position: absolute;
        top: -10px;
        left: -10px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(215, 28, 32, 0.15);
      }

      .contact-events .el-carousel,
      .contact-honors .el-carousel {
        position: relative;
      }

      .contact-events .el-carousel__container {
        position: relative;
        height: var(--contact-events-content-height);
        overflow: hidden;
      }

      .contact-events .el-carousel__item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform .4s ease, opacity .4s ease, visibility 0s linear .4s;
      }

      .contact-events .el-carousel__item.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
      }

      .contact-events .el-carousel__item > .ss-flex.ss-row-between {
        width: 100%;
        height: 100%;
        align-items: center;
      }

      .contact-events .h-326 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
        min-height: 0;
        height: auto;
        box-sizing: border-box;
      }

      .contact-events .ss-p-y-70 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      .contact-events .ss-p-x-100 {
        padding-left: 100px;
        padding-right: 100px;
      }

      .contact-events .ss-font-22.ss-m-t-22,
      .contact-events .ss-m-t-16.ss-font-15 {
        margin-top: 0 !important;
        text-align: left;
      }

      .contact-events .el-carousel__arrow,
      .contact-honors .el-carousel__arrow {
        position: absolute;
        top: 50%;
        z-index: 3;
        width: 48px;
        height: 48px;
        margin-top: -24px;
        border: 0;
        border-radius: 50%;
        background: rgba(208, 208, 208, 0.7);
        color: #FFFFFF;
        cursor: pointer;
        line-height: 48px;
        text-align: center;
      }

      .contact-events .el-carousel__arrow {
        top: calc(50% + 25px);
      }

      .contact-events .el-carousel__arrow--left,
      .contact-honors .el-carousel__arrow--left {
        left: 0;
      }

      .contact-events .el-carousel__arrow--right,
      .contact-honors .el-carousel__arrow--right {
        right: 0;
      }

      .contact-honors .el-carousel__container {
        position: relative;
        height: 400px;
        overflow: hidden;
      }

      .contact-honors .el-carousel__item {
        position: absolute;
        top: 0;
        left: 0;
        width: 600px;
        transition: transform .4s ease, opacity .4s ease;
      }

      .contact-honors .el-carousel__item--card {
        width: 600px;
      }

      .contact-honors .el-carousel__mask {
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.28);
      }

      .contact-honors .w-370 {
        width: 370px;
        height: 340px;
        margin: 0 auto;
        padding: 32px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0 0 10px 0 rgba(215, 28, 32, 0.34);
      }

      .contact-honors .w-304 {
        display: block;
        width: 304px;
        max-width: 100%;
        margin: 0 auto;
      }

      .contact-honors .el-carousel__indicators {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
      }

      .contact-honors .el-carousel__button {
        width: 20px;
        height: 6px;
        border: 0;
        border-radius: 999px;
        background: #DBDBDB;
        cursor: pointer;
      }

      .contact-honors .el-carousel__indicator.is-active .el-carousel__button {
        width: 28px;
        background: var(--contact-accent);
      }

      .contact-rd {
        display: grid;
        grid-template-columns: minmax(0, 640px) minmax(0, 460px);
        gap: 100px;
        align-items: center;
        padding-top: var(--contact-gap-93);
        padding-bottom: var(--contact-gap-93);
      }

      .contact-rd__map {
        position: relative;
      }

      .contact-rd__map img {
        display: block;
        width: 100%;
        height: auto;
      }

      .contact-rd__point {
        position: absolute;
        top: 275px;
        right: 143px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--contact-accent);
        overflow: visible;
      }

      .contact-rd__point-label {
        position: absolute;
        top: -7px;
        right: -44px;
        width: 34px;
        color: #3a3a3a;
        line-height: 1;
      }

      .contact-rd__point-ring {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--contact-accent);
        transform: translate(-50%, -50%);
        animation: contact-point-pulse 3.2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
        will-change: transform, opacity;
      }

      .contact-rd__content h2 {
        margin: 0 0 40px;
        color: #3a3a3a;
        font-weight: 700;
        line-height: 1.25;
        text-align: left;
      }

      .contact-rd__content p {
        margin: 0 0 20px;
        color: #3a3a3a;
        line-height: 1.62;
        text-align: left;
      }

      .contact-rd__content p:last-of-type {
        margin-bottom: 0;
      }

      .contact-rd__metrics {
        display: flex;
        gap: 78px;
        margin-top: 56px;
      }

      .contact-rd__metric {
        text-align: left;
      }

      .contact-rd__metric-value {
        margin: 0;
        color: #3a3a3a;
      }

      .contact-rd__metric-value strong {
        font-weight: 700;
      }

      .contact-rd__metric-value span {
        }

      .contact-rd__metric-label {
        margin: 0;
        color: #3a3a3a;
      }

      @keyframes contact-point-pulse {
        0% {
          transform: translate(-50%, -50%) scale(1);
          opacity: 0.22;
        }
        35% {
          transform: translate(-50%, -50%) scale(1.7);
          opacity: 0.14;
        }
        70% {
          transform: translate(-50%, -50%) scale(2.5);
          opacity: 0.05;
        }
        100% {
          transform: translate(-50%, -50%) scale(3.1);
          opacity: 0;
        }
      }

      @media (max-width: 1280px) {
        .contact-rd {
          grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
          gap: 40px;
        }

        .contact-events .content-years .item {
          width: 110px;
        }
      }

      @media (max-width: 1024px) {
        body[data-static-page="contact"] {
          --contact-shell-padding: 20px;
          --contact-gap-62: 48px;
          --contact-gap-93: 72px;
          --contact-events-top-gap: 72px;
          --contact-events-title-gap: 44px;
          --contact-events-years-gap: 44px;
          --contact-events-content-height: 112px;
          --contact-events-bottom-gap: 72px;
          --contact-honors-top-gap: 72px;
          --contact-honors-bottom-gap: 72px;
        }

        .contact-stats {
          flex-wrap: wrap;
          justify-content: flex-start;
        }

        .contact-stat {
          width: calc(50% - (var(--contact-card-gap) / 2));
        }

        .contact-values {
          grid-template-columns: 1fr;
        }

        .contact-events .content-years .item {
          width: 96px;
        }

        .contact-events .ss-p-x-100 {
          padding-left: 32px !important;
          padding-right: 32px !important;
        }

        .contact-honors .el-carousel__container {
          height: 360px;
        }

        .contact-honors .el-carousel__item,
        .contact-honors .el-carousel__item--card {
          width: 100%;
        }

        .contact-rd {
          grid-template-columns: 1fr;
          gap: 40px;
        }
      }

      @media (max-width: 767px) {
        body[data-static-page="contact"] {
          --contact-shell-padding: 16px;
          --contact-gap-62: 36px;
          --contact-gap-93: 52px;
          --contact-card-gap: 16px;
          --contact-events-top-gap: 52px;
          --contact-events-title-gap: 36px;
          --contact-events-years-gap: 36px;
          --contact-events-content-height: 104px;
          --contact-events-bottom-gap: 52px;
          --contact-honors-top-gap: 52px;
          --contact-honors-bottom-gap: 52px;
        }

        .contact-stats {
          flex-direction: column;
          gap: 20px;
        }

        .contact-stat {
          width: 100%;
        }

        .contact-section-title,
        .contact-rd__content h2 {
          }

        .contact-about__copy p,
        .contact-rd__content p,
        .contact-stat__label {
          }

        .contact-events .el-carousel__arrow,
        .contact-honors .el-carousel__arrow {
          display: none;
        }

        .contact-events .content-years {
          height: auto;
          padding-top: 28px;
        }

        .contact-events .content-years .years {
          gap: 12px;
        }

        .contact-events .content-years .item {
          width: auto;
          flex: 1 1 0;
        }

        .contact-events .content-years .item > p {
          }

        .contact-events .ss-p-x-100 {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }

        .contact-value-card {
          min-height: 168px;
          padding: 24px 20px;
        }

        .contact-value-card__text {
          right: 20px;
          bottom: 24px;
          left: 20px;
        }

        .contact-honors .el-carousel__container {
          height: 320px;
        }

        .contact-honors .w-370 {
          width: 100%;
          height: 300px;
          padding: 16px;
        }

        .contact-honors .w-304 {
          max-width: 220px;
        }

        .contact-honors .ss-font-22.ss-m-t-36 {
          margin-top: 20px !important;
        }

        .contact-rd__point {
          top: 55.4%;
          right: 22.7%;
        }

        .contact-rd__metrics {
          flex-direction: column;
          gap: 20px;
          margin-top: 36px;
        }
      }
    