/* Start:/assets/css/components/vacancies.css?17793622272361*/
/* ===========================
   VACANCIES PAGE (.vacancies)
   =========================== */

/* --- Page header --- */
.vacancies__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

/* --- Vacancy list --- */
.vacancies__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-32);
  margin-top: var(--space-32);
}

/* --- Vacancy item --- */
.vacancy-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.vacancy-item + .vacancy-item {
  padding-top: var(--space-32);
  border-top: 1px solid var(--gray-25);
}

/* --- Tags row --- */
.vacancy-item__tags {
  display: flex;
  align-items: center;
  gap: var(--space-24);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.vacancy-item__tags::-webkit-scrollbar {
  display: none;
}

.vacancy-item__tags > * {
  flex-shrink: 0;
}

.vacancy-item__meta {
  font-size: var(--text-12);
  line-height: var(--lh-16);
  font-weight: 400;
  color: var(--gray-700);
}

/* --- Content area --- */
.vacancy-item__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vacancy-item__title {
  color: var(--fg-primary);
  margin: 0;
}

.vacancy-item__desc {
  color: var(--gray-800);
  margin: 0;
}

/* --- Apply button --- */
.vacancy-item__apply {
  align-self: flex-start;
  margin-top:  var(--space-32);
}

/* ===========================
   768px+ (TABLET)
   =========================== */
@media (min-width: 769px) {

  .vacancy-item__meta {
    color: var(--fg-primary);
  }

  .vacancy-item__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .vacancy-item__apply {
    align-self: flex-start;
  }
}

/* ===========================
   1025px+ (DESKTOP)
   =========================== */
@media (min-width: 1025px) {

  .vacancies__list {
    margin-top: var(--space-48);
  }

  .vacancy-item {
    gap: var(--space-16);
  }

  .vacancy-item + .vacancy-item {
    padding-top: var(--space-32);
  }

  /* Body row: content + button side by side */
  .vacancy-item__body {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-24);
  }

  .vacancy-item__content {
    flex: 1;
    min-width: 0;
  }

  .vacancy-item__desc {
    max-width: 823px;
  }

  .vacancy-item__apply {
    align-self: auto;
    flex-shrink: 0;
    margin: 0;
  }
}


/* End */


/* Start:/assets/css/components/about-block.css?17793622272056*/
/* ===========================
   ABOUT BLOCK (.about-block)
   =========================== */
.about-block {
    width: 100%;
}
.about-block__inner {
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
}

/* --- Header --- */
.about-block__header {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

/* --- Media (image or video) --- */
.about-block__media {
    border-radius: var(--radius-20);
    overflow: hidden;
    display: none;
}

.about-block__media.mobile {
    display: block;
    margin-top: var(--space-20);
    margin-bottom: var(--space-32);
}

.about-block__media img,
.about-block__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ===========================
   DESKTOP (1025px+)
   =========================== */
@media (min-width: 1025px) {
    .about-block .accordion__title {
        font-size: var(--text-20);
        line-height: var(--lh-28);
    }

    .about-block .accordion__text {
        font-size: var(--text-16);
        line-height: var(--lh-24);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: 392px;
        height:72px;
    }

    .about-block .accordion--primary .accordion__header {
        padding: var(--space-24) 0;
    }

    .about-block .accordion__inner > :last-child {
        margin-bottom: var(--space-24);
    }

    .about-block .accordion__inner .text-btn {
        margin-bottom: var(--space-24);
    }

    .about-block__inner {
        flex-direction: row;
        gap: var(--space-24);
        align-items: flex-start;
    }

    .about-block__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: var(--space-40);
    }

    .about-block__media.mobile {
        display: none;
    }

    .about-block__media {
        display: block;
        flex: 0 0 calc(50% - var(--space-12));
        aspect-ratio: 728/616;
        position: sticky;
        top: 100px;
    }
}

/* End */
/* /assets/css/components/vacancies.css?17793622272361 */
/* /assets/css/components/about-block.css?17793622272056 */