.p-hero {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto auto;
  height: min(calc(100svh - var(--header-h)), 860px, 66.667vw);
  min-height: min(460px, 66.667vw);
}
.p-hero__img {
  grid-area: 1 / 1 / 4 / 2;
  justify-self: center;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}
.p-hero__head { grid-area: 2 / 1 / 3 / 2; position: relative; }
.p-hero__meta {
  grid-area: 3 / 1 / 4 / 2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s-md);
  padding-top: var(--s-xs);
  padding-bottom: clamp(1.25rem, 2.6vw, 2.25rem);
}
.p-hero__title {
  color: var(--c-on-dark);
  font-size: clamp(2.25rem, 4.6vw, 4rem);
  white-space: nowrap;
}
.p-hero__lead {
  color: var(--c-on-dark);
  max-width: 34ch;
}
.p-hero__actions { display: flex; flex-wrap: wrap; gap: var(--s-xs); }

.p-head { margin-top: var(--s-xs); }
.p-lead { margin-top: var(--s-md); }
.p-actions { margin-top: var(--s-xl); }

.p-history__figure { justify-self: end; width: 100%; max-width: 36.875rem; }
.p-history__media { aspect-ratio: 59 / 40; }

.p-team__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--s-md) var(--s-lg);
}
.p-team__grid { margin-top: clamp(var(--s-lg), 4vw, var(--s-2xl)); }

.p-award { max-width: 360px; margin-left: auto; }

@media (max-width: 860px) {
  .p-history__figure { justify-self: start; }
  .p-award { margin-left: 0; margin-top: clamp(var(--s-lg), 5vw, var(--s-2xl)); }
}

@media (max-width: 620px) {
  .p-hero {
    height: auto;
    min-height: 0;
    grid-template-rows: auto auto auto;
  }
  .p-hero__img { grid-area: 1 / 1 / 2 / 2; height: auto; aspect-ratio: 3 / 2; }
  .p-hero__title {
    color: var(--c-ink);
    font-size: clamp(2rem, 9vw, 2.5rem);
    white-space: normal;
  }
  .p-hero__head { padding-top: var(--s-lg); }
  .p-hero__meta {
    align-items: stretch;
    padding-top: var(--s-sm);
    padding-bottom: 0;
  }
  .p-hero__actions { flex-direction: column; }
  .p-hero__lead { color: var(--c-ink); max-width: var(--measure); }
  .p-hero__cta.btn--on-dark.btn--primary {
    --btn-bg: var(--c-ink);
    --btn-border: var(--c-ink);
    --btn-fg: var(--c-on-dark);
    --btn-bg-hover: #45474D;
    --btn-border-hover: #45474D;
    --btn-fg-hover: var(--c-on-dark);
  }
  .p-hero__cta.btn--on-dark.btn--ghost {
    --btn-border: var(--c-ink);
    --btn-fg: var(--c-ink);
    --btn-bg-hover: var(--c-ink);
    --btn-border-hover: var(--c-ink);
    --btn-fg-hover: var(--c-on-dark);
  }
}