/* Números editoriais dos pilares da página Projetos. */
.projects-page-hero__pillar {
  position: relative;
  display: block !important;
  min-height: 118px;
  overflow: hidden;
  padding: 22px 24px !important;
}

.projects-page-hero__pillar > div {
  position: relative;
  z-index: 2;
  width: min(76%, 360px);
}

.projects-page-hero__pillar > span {
  position: absolute;
  right: 14px;
  bottom: -18px;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  font-family: var(--portfolio-font-title, Manrope, sans-serif) !important;
  font-size: clamp(5.8rem, 7.2vw, 8.2rem) !important;
  font-weight: 800 !important;
  line-height: .9 !important;
  letter-spacing: -.085em !important;
  color: color-mix(in srgb, var(--theme-text) 6%, transparent) !important;
}

html[data-theme="dark"] .projects-page-hero__pillar > span {
  color: color-mix(in srgb, var(--theme-text) 8%, transparent) !important;
}

@media (max-width: 900px) {
  .projects-page-hero__pillar {
    min-height: 142px;
  }

  .projects-page-hero__pillar > div {
    width: 100%;
    padding-right: 8px;
  }

  .projects-page-hero__pillar > span {
    right: 12px;
    bottom: -12px;
    font-size: clamp(5.2rem, 12vw, 7rem) !important;
  }
}

@media (max-width: 700px) {
  .projects-page-hero__pillar {
    min-height: 122px;
  }

  .projects-page-hero__pillar > div {
    width: 78%;
  }
}