.p-lead  { margin-top: var(--s-md); }
.p-block { margin-top: clamp(var(--s-lg), 4vw, var(--s-2xl)); }

.p-hero { padding-top: clamp(2.5rem, 5vw, 4.5rem); }
.p-hero__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--s-md) var(--s-2xl);
}
.p-hero__title { max-width: 30ch; text-wrap: balance; }
.p-hero__action { flex: none; }

.p-jobs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-sm);
  margin: clamp(var(--s-lg), 4vw, var(--s-2xl)) 0 0;
  padding: 0;
  list-style: none;
}
.p-job {
  display: flex;
  flex-direction: column;
  padding: var(--s-md);
  border: 1px solid var(--c-line);
  border-radius: var(--r-card);
  background: var(--c-white);
}
.p-job__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(1.75rem, 2.4vw, 2.25rem);
  line-height: 1.1;
  letter-spacing: var(--ls-display);
}
.p-job__meta {
  margin-top: var(--s-2xs);
  font-size: var(--fs-ui);
  color: var(--c-ink-muted);
}
.p-job__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-xs);
  margin-top: auto;
  padding-top: var(--s-xl);
}
.p-job__actions .btn { flex: 1 1 auto; padding-inline: 1.125rem; }

.p-why { padding-bottom: clamp(var(--s-lg), 4vw, var(--s-2xl)); }
.p-team { margin-top: clamp(var(--s-2xl), 6vw, var(--s-3xl)); }
.p-team__media { aspect-ratio: 16 / 9; }

@media (max-width: 960px) {
  .p-jobs { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .p-team__media { aspect-ratio: 4 / 3; }
  .p-hero__action { width: 100%; }
}