/* ============================================================
   ОРЛИНК — страница «Корпоративная жизнь»: вся галерея команды.
   ============================================================ */
.lifep { padding-top: clamp(20px, 3vw, 36px); padding-bottom: clamp(56px, 6vw, 80px); }

.lifep-head { max-width: 900px; padding-top: clamp(14px, 2vw, 26px); margin-bottom: clamp(28px, 4vw, 44px); }
.lifep-head .eyebrow { display: inline-block; margin-bottom: 6px; }
.lifep-title { font-size: clamp(28px, 6vw, 64px); margin: 12px 0 18px; }
.lifep-lede { max-width: 62ch; }
.lifep-body { margin-top: 18px; font-size: 16px; line-height: 1.7; color: var(--ink-70); max-width: 74ch; }
.lifep-body > * + * { margin-top: 1em; }

.lifep-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(10px, 1.2vw, 16px);
  margin: 0 0 clamp(36px, 5vw, 64px); padding: 0; list-style: none;
}
.lifep-item {
  aspect-ratio: 1 / 1; overflow: hidden;
  border-radius: var(--radius); background: #141414;
}
.lifep-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--ease-out); }
@media (hover: hover) { .lifep-item:hover img { transform: scale(1.04); } }

@media (max-width: 1000px) { .lifep-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px)  { .lifep-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Нижний призыв: с этой страницы логично вести в вакансии, а не в расчёт */
.lifep-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 16px 24px;
  padding: clamp(22px, 2.6vw, 32px);
  background: var(--panel); border-radius: calc(var(--radius) * 2);
}
.lifep-cta__text { font-size: clamp(17px, 1.7vw, 22px); line-height: 1.3; color: var(--ink); max-width: 46ch; }