/* James Woolford Design — Portfolio archive correction v34 */

/* The footer already contains the one site-wide project CTA. */
.portfolio-page .portfolio-page-cta,
.portfolio-page .portfolio-system-note,
.portfolio-page-cta,
.portfolio-system-note {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* A deliberate two-line portfolio statement on desktop. */
.portfolio-hero {
  padding: clamp(104px, 9vw, 148px) 0 clamp(48px, 5vw, 72px) !important;
}

.portfolio-hero__inner {
  width: min(1440px, calc(100% - clamp(40px, 8vw, 160px))) !important;
  max-width: 1440px !important;
}

.portfolio-hero__inner h1 {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  font-size: clamp(62px, 6.15vw, 96px) !important;
  line-height: .9 !important;
  letter-spacing: -.072em !important;
  white-space: nowrap !important;
  text-wrap: initial !important;
}

.portfolio-hero__bottom {
  margin-top: clamp(52px, 5vw, 76px) !important;
  padding-top: 22px !important;
  align-items: flex-start !important;
}

.portfolio-hero__bottom p {
  max-width: 650px !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.65 !important;
}

/* Avoid excessive blank space before the first live project. */
.portfolio-index {
  padding-top: clamp(62px, 6vw, 96px) !important;
}

@media (max-width: 1100px) {
  .portfolio-hero__inner h1 {
    font-size: clamp(58px, 8.2vw, 84px) !important;
  }
}

@media (max-width: 760px) {
  .portfolio-hero {
    padding: 92px 0 42px !important;
  }

  .portfolio-hero__inner {
    width: calc(100% - 36px) !important;
  }

  .portfolio-hero__inner h1 {
    max-width: 11ch !important;
    font-size: clamp(48px, 15vw, 68px) !important;
    line-height: .92 !important;
    white-space: normal !important;
  }

  .portfolio-hero__bottom {
    margin-top: 38px !important;
  }
}