/* v0.4.49 — Vacancies page. */
.z4-vacancies-page-v0449{padding-bottom:18px}
.z4-vacancies-page-v0449 .z4-eyebrow{display:block;color:#648d40;font-size:10px;font-weight:800;letter-spacing:.17em}

.z4-vacancies-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.48fr);gap:46px;align-items:center;padding:44px 0 34px}
.z4-vacancies-hero h1{margin:8px 0 14px;color:var(--z4-forest);font-size:clamp(54px,6.1vw,82px);line-height:.92;letter-spacing:-.06em}
.z4-vacancies-hero__copy>p{max-width:760px;margin:0;color:#5d7168;font-size:15px;line-height:1.58}
.z4-vacancies-hero .z4-actions{margin-top:23px}
.z4-vacancies-hero__note{padding:21px;border-radius:22px;background:#174b35;color:#fff}
.z4-vacancies-hero__note .z4-eyebrow{color:#c7ddb8}
.z4-vacancies-hero__note strong{display:block;margin-top:8px;font-size:23px;line-height:1.08;letter-spacing:-.025em}
.z4-vacancies-hero__note p{margin:10px 0 0;color:#dbe8dc;font-size:10.5px;line-height:1.5}

.z4-vacancies-heading h2,.z4-vacancies-work h2{margin:6px 0 0;color:var(--z4-forest);font-size:35px;line-height:1;letter-spacing:-.04em}
.z4-vacancies-roles{padding-top:22px}
.z4-vacancies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.z4-vacancy-card{padding:21px;border:1px solid #dce6d7;border-radius:20px;background:#fff}
.z4-vacancy-card__number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#edf4e8;color:#5e873f;font-size:10px;font-weight:900}
.z4-vacancy-card h3{margin:13px 0 8px;color:#30483d;font-size:20px;line-height:1.12;letter-spacing:-.025em}
.z4-vacancy-card p{margin:0;color:#718078;font-size:10.5px;line-height:1.5}

.z4-vacancies-work{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:30px;align-items:start;margin-top:42px;padding:28px;border-radius:24px;background:#f5f7ef}
.z4-vacancies-work__intro>p{margin:9px 0 0;color:#687b71;font-size:11px;line-height:1.45}
.z4-vacancies-work__grid{display:grid;gap:9px}
.z4-vacancies-work__grid article{padding:16px;border-radius:15px;background:#fff}
.z4-vacancies-work__grid strong{display:block;color:#30483d;font-size:15px}
.z4-vacancies-work__grid p{margin:5px 0 0;color:#718078;font-size:9.8px;line-height:1.45}

.z4-vacancies-apply{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:27px 30px;border-radius:23px;background:#174b35;color:#fff}
.z4-vacancies-apply .z4-eyebrow{color:#c7ddb8}
.z4-vacancies-apply h2{margin:6px 0 7px;color:#fff;font-size:30px;line-height:1;letter-spacing:-.035em}
.z4-vacancies-apply p{max-width:700px;margin:0;color:#dbe8dc;font-size:11px;line-height:1.45}
.z4-vacancies-apply__contacts{display:grid;gap:8px;flex:none}
.z4-vacancies-apply__contacts a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:12px;background:#fff;color:#174b35;font-size:11px;font-weight:800;text-decoration:none}

.z4-vacancies-location{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:24px 27px;border:1px solid #dce6d7;border-radius:21px;background:#fff}
.z4-vacancies-location h2{margin:6px 0 6px;color:var(--z4-forest);font-size:27px;line-height:1}
.z4-vacancies-location p{margin:0;color:#687b71;font-size:10.5px}
.z4-vacancies-location .z4-btn{flex:none}

@media(max-width:900px){
  .z4-vacancies-hero{grid-template-columns:1fr;gap:18px}
  .z4-vacancies-grid{grid-template-columns:1fr}
  .z4-vacancies-work{grid-template-columns:1fr}
  .z4-vacancies-apply,.z4-vacancies-location{align-items:flex-start;flex-direction:column}
}

@media(max-width:700px){
  .z4-vacancies-page-v0449 .z4-eyebrow{font-size:8.5px}
  .z4-vacancies-hero{padding:24px 0 20px}
  .z4-vacancies-hero h1{font-size:42px;line-height:.96}
  .z4-vacancies-hero__copy>p{font-size:12.5px;line-height:1.5}
  .z4-vacancies-hero .z4-actions{display:grid;grid-template-columns:1fr;gap:7px}
  .z4-vacancies-hero .z4-actions .z4-btn,.z4-vacancies-hero .z4-actions .z4-text-link{justify-content:center}
  .z4-vacancies-hero__note{padding:17px;border-radius:17px}
  .z4-vacancies-hero__note strong{font-size:19px}
  .z4-vacancies-heading h2,.z4-vacancies-work h2{font-size:28px}
  .z4-vacancies-roles{padding-top:15px}
  .z4-vacancies-grid{gap:8px;margin-top:13px}
  .z4-vacancy-card{padding:16px;border-radius:16px}
  .z4-vacancy-card h3{font-size:18px}
  .z4-vacancies-work{gap:17px;margin-top:28px;padding:18px;border-radius:18px}
  .z4-vacancies-apply{gap:17px;margin-top:28px;padding:20px 17px;border-radius:18px}
  .z4-vacancies-apply h2{font-size:25px}
  .z4-vacancies-apply__contacts{width:100%}
  .z4-vacancies-location{gap:16px;margin-top:28px;padding:18px;border-radius:17px}
  .z4-vacancies-location h2{font-size:24px}
  .z4-vacancies-location .z4-btn{width:100%;justify-content:center}
}