/* Главная: карьера */

/* Экран 5 — карьера */
.career {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  margin: 0;
  padding: 2.5rem 5.25rem;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}
.career::before {
  content: '';
  position: absolute; inset: 0;
  background:
    linear-gradient(rgba(11, 19, 39, .7), rgba(11, 19, 39, .7)),
    url('../../../img/career-bg.jpg') no-repeat top center / 100% auto;
}
.career > * { position: relative; }
.career__inner { display: flex; flex-direction: column; gap: inherit; }
.career__intro { display: flex; flex-direction: column; gap: 2.5rem; }
.career__text { display: flex; flex-direction: column; gap: 1.375rem; }
.career__subtitle { font-size: 2.5rem; line-height: 3.125rem; font-weight: 600; text-transform: uppercase; }
.career__desc { font-size: 1.25rem; line-height: 1.2; }
.career-stats { background: var(--card); border-radius: var(--radius); padding: 2.5rem; }
.career-stats__title { font-size: 2.5rem; line-height: 3.125rem; font-weight: 600; text-transform: uppercase; }
/* В макете (node 840:3344) ряд показателей идёт сразу за заголовком карточки, без отступа */
.career-stats__grid { display: flex; align-items: center; gap: .625rem; }
.career-stat { display: flex; flex-direction: column; gap: .5rem; flex: 0 1 29rem; min-width: 0; }
.career-stat__label { min-height: 2.925rem; font-size: 1.125rem; line-height: 1.3; text-transform: uppercase; }
.career-stat__line { width: 100%; height: 1rem; }
.career-stat__value { font-size: 4rem; line-height: 5rem; font-weight: 700; color: var(--orange); }
.career-stat--cta { flex: 1; min-width: 23.125rem; width: auto; align-items: stretch; gap: 2.125rem; }
.career-stat--cta .career-stat__label { text-align: left; }
.career-stat__rule { display: block; height: 2px; background: var(--white); margin-top: -.375rem; margin-bottom: .875rem; }
.career-stat--cta .career-stat__btn { align-self: center; }

/* Адаптив (< 1280 px — раскладка вне макета, */
@media (max-width: 1279px) {
  /* Карьера — показатели в один ряд, как на ПК */
  /* секция во всю ширину: прежние поля ушли во внутренний отступ */
  .career { margin: 0; padding: 1.5rem 2rem; gap: 1.25rem; }
  .career__intro { gap: 1rem; }
  .career__subtitle { font-size: 1.125rem; line-height: 1.25; }
  .career__desc { font-size: .8125rem; line-height: 1.45; }
  .career-stats { padding: 1.25rem; }
  .career-stats__title { font-size: 1.125rem; line-height: 1.25; }
  .career-stats__grid { flex-direction: row; align-items: stretch; gap: .75rem; margin-top: 1rem; }
  .career-stat { flex: 1 1 0; width: auto; min-width: 0; gap: .375rem; }
  .career-stat--cta { flex: 1.2 1 0; width: auto; gap: 1rem; }
  .career-stat__label { font-size: .6875rem; line-height: 1.3; min-height: 2.25rem; }
  .career-stat__line { width: 100%; height: auto; }
  .career-stat__value { font-size: 1.5rem; line-height: 1.1; }
  .career-stat__rule { margin-top: 0; }
  .career-stat--cta .career-stat__btn { width: 23.125rem; max-width: 100%; height: 2.5rem; font-size: .75rem; }
}

/* Шапка планшета — мобильная: бургер слева, */
@media (max-width: 767px) {
  .career-stat--cta .career-stat__btn { width: 100%; max-width: none; height: 48px; font-size: 14px; }
  /* --- экран 5: карьера --- */
  .career { margin: 0; padding: 20px; gap: 40px; }
  .career__inner { padding: 0; }
  .career__intro { gap: 20px; padding: 0 20px; }
  .career__text { gap: 10px; }
  .career__subtitle { font-size: 20px; line-height: 30px; }
  .career__desc { font-size: 14px; line-height: 20px; }
  .career-stats { position: relative; padding: 20px; background: transparent; overflow: hidden; }
  .career-stats::before {
    content: '';
    position: absolute; inset: 0;
    background: url('../../../img/m-card-bg.png') no-repeat center / cover;
    border-radius: var(--radius);
  }
  .career-stats > * { position: relative; }
  .career-stats__title { font-size: 20px; line-height: 35px; }
  .career-stats__grid { flex-direction: column; align-items: stretch; gap: 20px; margin-top: 20px; }
  .career-stat,
  .career-stat--cta { width: 100%; gap: 3px; }
  .career-stat__label { min-height: 0; font-size: 12px; line-height: 17px; }
  .career-stat__line { width: 100%; height: 12px; margin-top: -4px; object-fit: contain; object-position: left center; }
  .career-stat__value { font-size: 40px; line-height: 50px; }
  .career-stat--cta { gap: 0; }
  .career-stat--cta .career-stat__label { margin-bottom: 3px; }
  .career-stat--cta .career-stat__btn { margin-top: 20px; }
  .career-stat__rule { margin-top: 0; height: 1px; }
}