/* An immediate introduction: no pinned scenes or delayed text. */
.portfolio-introduction {
  padding-block: clamp(70px, 9vw, 130px);
  background: #000;
  color: var(--paper);
  scroll-margin-top: 90px;
}

.portfolio-introduction .eyebrow {
  margin: 0 0 24px;
  color: var(--paper-soft);
}

.portfolio-introduction h2 {
  margin: 0;
  font-family: "Anton", Impact, sans-serif;
  font-size: clamp(65px, 17vw, 230px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.portfolio-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(30px, 5vw, 80px);
  width: min(100%, 850px);
  margin: clamp(30px, 4vw, 55px) 0 0 auto;
}

.portfolio-summary p {
  margin: 0;
  font-size: clamp(15px, 1.5vw, 21px);
  line-height: 1.55;
  color: var(--paper-soft);
}

@media (max-width: 600px) {
  .portfolio-introduction { padding-block: 65px 55px; }
  .portfolio-summary { grid-template-columns: 1fr; gap: 18px; }
  .portfolio-summary p { max-width: 36ch; font-size: 15px; }
}