/* Portfolio — extra small; marquees retained via global vars */

.pf-hero {
  padding: 5.5rem 0 2.5rem;
}

.pf-hero-title {
  font-size: clamp(1.125rem, 6.4vw, 1.5rem) !important;
  line-height: 1.25;
}

.pf-hero-lede {
  font-size: 1rem;
}

.pf-work-section,
.pf-criteria-section {
  padding: 2.25rem 0;
}

.pf-section-title {
  font-size: 1.4rem;
}

.pf-work-meta {
  font-size: min(0.75rem, calc((100vw - 2.8rem) / 25));
}

.pf-work-section .pf-section-title {
  font-size: min(1.35rem, calc((100vw - 2rem) / 15.5)) !important;
}

.pf-work-band,
.pf-criteria-list,
.pf-detail-focuses-list,
.pf-detail-flow-list,
.pf-detail-related-list {
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.pf-viz {
  width: min(100%, 16rem);
}

.pf-detail-hero {
  padding: 5.5rem 0 2.5rem;
}

.pf-detail-hero-title {
  font-size: clamp(1.5rem, 8vw, 1.9rem);
}

.portfolio-page-lean .sq-cta-title {
  font-size: min(1.35rem, calc((100vw - 4rem) / 15)) !important;
}

.pf-detail-cta .btn,
.pf-hero-actions .btn {
  width: 100%;
  max-width: 100%;
  min-height: 44px;
}