.eco-vacancies__section { padding: 80px 0 120px; }
.eco-vacancies__layout { align-items: start; display: grid; gap: 70px; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); }
.eco-vacancies__list { display: grid; gap: 0; }
.eco-vacancy-card { border-top: 1px solid rgba(var(--color--7-rgb), .14); display: grid; gap: 18px 28px; grid-template-columns: 48px minmax(0, 1fr); padding: 34px 0; }
.eco-vacancy-card:last-of-type { border-bottom: 1px solid rgba(var(--color--7-rgb), .14); }
.eco-vacancy-card__number { color: var(--color--4); font-family: var(--family--2); font-size: .8rem; padding-top: 7px; }
.eco-vacancy-card h2 { font-size: 2rem; line-height: 1.15; }
.eco-vacancy-card__text { color: rgba(var(--color--7-rgb), .7); grid-column: 2; line-height: 1.55; }
.eco-vacancy-card__text p + p { margin-top: 1rem; }
.eco-vacancies__extra { margin-top: 48px; }
.eco-vacancies__contact { align-self: start; background: #dfe8f4; border-radius: 8px; padding: 34px; position: sticky; top: 120px; }
.eco-vacancies__contact h2 { font-size: 2rem; line-height: 1.15; margin-top: 24px; }
.eco-vacancies__contact p { color: rgba(var(--color--7-rgb), .7); line-height: 1.55; margin-top: 20px; }
.eco-vacancies__contact a { align-items: center; border-bottom: 1px solid currentColor; display: flex; gap: 18px; justify-content: space-between; margin-top: 30px; padding-bottom: 8px; }
.eco-vacancies__contact a span { color: var(--color--4); }
@media (max-width: 900px) { .eco-vacancies__layout { gap: 48px; grid-template-columns: 1fr; } .eco-vacancies__contact { position: static; } }
@media (max-width: 600px) { .eco-vacancies__section { padding: 52px 0 80px; } .eco-vacancy-card { grid-template-columns: 36px minmax(0, 1fr); } .eco-vacancy-card h2 { font-size: 1.55rem; } }