/* ARBIZ — Russian editorial layer for the original Bliize template. */

html {
  scroll-behavior: smooth;
}

html[lang="ru"] body {
  font-family: "DM Sans", Arial, sans-serif;
}

html[lang="ru"] h1,
html[lang="ru"] h2,
html[lang="ru"] h3,
html[lang="ru"] h4,
html[lang="ru"] h5,
html[lang="ru"] h6 {
  font-family: "Felidae", "Times New Roman", serif;
  font-kerning: normal;
}

.demo-navigation,
.wpo-partners-section {
  display: none !important;
}

.arbiz-wordmark {
  display: inline-block;
  color: #fff;
  font-family: "Space Grotesk", "DM Sans", Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.16em;
  white-space: nowrap;
}

.wpo-site-header #navbar > ul.arbiz-navigation > li > a {
  letter-spacing: 0.015em;
}

.wpo-hero-slider .slide-content {
  max-width: 1390px;
}

html[lang="ru"] .wpo-hero-slider .slide-content h2 {
  font-size: clamp(78px, 6.2vw, 119px);
  line-height: 1.08;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

html[lang="ru"] .wpo-hero-slider .slide-content h2 span {
  display: inline-flex;
  vertical-align: 0.08em;
  padding: 10px;
}

html[lang="ru"] .wpo-hero-slider .slide-content h2 span img {
  width: 319px;
  height: 120px;
  object-fit: cover;
}

html[lang="ru"] .wpo-about-section .content h2,
html[lang="ru"] .wpo-project-section .title h2,
html[lang="ru"] .wpo-team-section .title h2,
html[lang="ru"] .wpo-service-section .service-top .content h2 {
  letter-spacing: -0.035em;
}

html[lang="ru"] .wpo-about-section .content h2 {
  font-size: clamp(112px, 10.4vw, 190px);
  line-height: 1.12;
}

html[lang="ru"] .wpo-about-section .content p {
  max-width: 631px;
}

html[lang="ru"] .wpo-project-section .title h2,
html[lang="ru"] .wpo-team-section .title h2 {
  font-size: clamp(110px, 10.4vw, 190px);
  line-height: 1.04;
}

html[lang="ru"] .project-card .content span,
html[lang="ru"] .team-card > span {
  letter-spacing: 0.01em;
}

html[lang="ru"] .wpo-service-section .service-top .content h2 {
  text-wrap: balance;
}

html[lang="ru"] .wpo-testimonial-section .content h3 {
  max-width: 1000px;
  text-wrap: balance;
}

html[lang="ru"] .wpo-funfact-section .item h3 {
  min-height: 2.5em;
}

.wpo-site-footer .arbiz-wordmark {
  color: #fff;
  font-size: 23px;
}

/* Presentation mode: the attached pages stay in the archive, while the
   published homepage contains no active paths into unfinished sections. */
.wpo-site-header .header-right .header-search-form-wrapper,
.wpo-about-section .content .about-btn,
.wpo-project-section .project-allBtn,
.wpo-site-footer .social-widget,
.wpo-site-footer .footer-newsletter-col {
  display: none !important;
}

.wpo-site-header .header-right .close-form .arbiz-status {
  display: inline-flex;
  min-width: 188px;
  min-height: 64px;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  background: transparent;
  color: #fff;
  cursor: default;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.wpo-site-header .header-right .close-form .arbiz-status::before,
.wpo-site-header .header-right .close-form .arbiz-status::after {
  display: none;
}

/* Keep the last navigation item and the status pill visually separate on
   compact desktop screens, including the sticky-header state. */
@media (min-width: 1201px) and (max-width: 1499px) {
  .wpo-site-header #navbar > ul.arbiz-navigation > li > a {
    padding-right: 10px;
    padding-left: 10px;
  }

  .wpo-site-header .header-right .close-form .arbiz-status {
    min-width: 164px;
    min-height: 56px;
    padding: 0 14px;
    font-size: 10px;
    letter-spacing: 0.025em;
  }
}

@media (max-width: 1200px) {
  .wpo-site-header .header-right .close-form .arbiz-status {
    display: none;
  }
}

a[aria-disabled="true"] {
  cursor: default;
  pointer-events: none;
}

.wpo-site-footer .wpo-upper-footer .row {
  justify-content: space-between;
}

@media (min-width: 992px) {
  .wpo-about-section {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    column-gap: clamp(40px, 5vw, 96px);
    padding-right: clamp(24px, 3.5vw, 64px);
    padding-left: clamp(32px, 5vw, 96px);
    overflow: hidden;
  }

  .wpo-about-section .about-wrap {
    width: 100%;
    margin: 0;
  }

  .wpo-about-section .content {
    max-width: 620px;
    padding: 0;
  }

  html[lang="ru"] .wpo-about-section .content h2 {
    max-width: 610px;
    margin: 0 0 44px;
    font-size: clamp(86px, 8.2vw, 142px);
    line-height: 0.94;
    text-align: left;
  }

  html[lang="ru"] .wpo-about-section .content p {
    max-width: 580px;
    font-size: 18px;
    line-height: 1.75;
  }

  .wpo-about-section .about-funfact {
    max-width: 440px;
    margin: 64px 0 0;
    justify-content: flex-start;
  }

  .wpo-about-section > .image {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: clamp(650px, 55vw, 850px);
  }

  .wpo-about-section .image-1 {
    position: absolute;
    inset: 0;
    z-index: 0;
    max-width: none;
    transform: none;
  }

  .wpo-about-section .image-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .wpo-about-section .image-2 {
    position: absolute;
    right: auto;
    bottom: 42px;
    left: clamp(-150px, -8vw, -90px);
    z-index: 1;
    width: min(34vw, 410px);
    max-width: none;
    transform: none;
  }

  .wpo-about-section .image-2 img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1199px) {
  html[lang="ru"] .wpo-hero-slider .slide-content h2 {
    font-size: clamp(64px, 7.4vw, 88px);
  }

  html[lang="ru"] .wpo-hero-slider .slide-content h2 span img {
    width: 240px;
    height: 90px;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  html[lang="ru"] .wpo-hero-slider .slide-content h2 {
    font-size: 70px;
    line-height: 1.12;
  }

  html[lang="ru"] .wpo-hero-slider .slide-content h2 span img {
    width: 230px;
    height: 86px;
  }
}

@media (max-width: 991px) {
  .arbiz-wordmark {
    font-size: 21px;
  }

  html[lang="ru"] .wpo-hero-slider .slide-content h2 {
    font-size: clamp(48px, 7.4vw, 68px);
    line-height: 1.12;
  }

  html[lang="ru"] .wpo-about-section .content h2,
  html[lang="ru"] .wpo-project-section .title h2,
  html[lang="ru"] .wpo-team-section .title h2 {
    font-size: clamp(72px, 12vw, 112px);
  }
}

@media (max-width: 767px) {
  html[lang="ru"] .wpo-hero-slider .slide-content h2 {
    font-size: clamp(42px, 10vw, 58px);
  }

  html[lang="ru"] .wpo-hero-slider .slide-content h2 span img {
    width: 150px;
    height: 56px;
  }
}

@media (max-width: 575px) {
  .arbiz-wordmark {
    font-size: 18px;
    letter-spacing: 0.12em;
  }

  html[lang="ru"] .wpo-hero-slider .slide-content h2 {
    font-size: 39px;
    line-height: 1.14;
  }

  html[lang="ru"] .wpo-hero-slider .slide-content h2 span {
    display: none;
  }

  html[lang="ru"] .wpo-about-section .content h2,
  html[lang="ru"] .wpo-project-section .title h2,
  html[lang="ru"] .wpo-team-section .title h2 {
    font-size: 58px;
    line-height: 1.05;
  }
}