.hero h1.hero-tagline {
  max-width: 1100px;
  font-size: clamp(2.85rem, 7vw, 8rem);
  line-height: .84;
}

.project-gallery {
  padding: 0 var(--pad) var(--space);
  background: var(--paper);
}

.project-sectors {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 8vw;
  padding: var(--space) var(--pad);
  background: #131817;
}

.project-sectors header {
  position: sticky;
  top: 8rem;
  align-self: start;
}

.project-sectors h2 {
  margin: 0;
  font-size: clamp(3rem, 5.5vw, 6.5rem);
  line-height: .92;
  letter-spacing: -.06em;
}

.project-sector-list article {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  gap: 1.25rem;
  padding: 2rem 0 2.6rem;
  border-top: 1px solid var(--line);
}

.project-sector-list article:last-child {
  border-bottom: 1px solid var(--line);
}

.project-sector-list article > span {
  padding-top: .45rem;
  color: var(--acid);
  font-size: .72rem;
  letter-spacing: .15em;
}

.project-sector-list h3 {
  margin: 0 0 .8rem;
  font-size: clamp(1.65rem, 2.8vw, 3rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.project-sector-list p {
  max-width: 660px;
  margin: 0;
  color: #c8cbc5;
}

.project-gallery img {
  width: 100%;
  height: min(78vh, 780px);
  object-fit: cover;
}

@media (max-width: 800px) {
  .project-sectors {
    grid-template-columns: 1fr;
  }

  .project-sectors header {
    position: static;
  }

  .project-sector-list article {
    grid-template-columns: 2.5rem 1fr;
  }

  .project-gallery img {
    height: min(68vh, 620px);
  }
}