.human-tech {
  background: var(--gold);
  padding: 34px 0;
}

.human-tech .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 500 clamp(19px, 2.2vw, 29px)/1.35 var(--serif);
  color: var(--forest2);
}

.human-tech span {
  padding: 0 30px;
  border-right: 1px solid rgba(32, 61, 48, .34);
}

.human-tech span:last-child {
  border: 0;
}

/* Exibe a identidade completa, sem cortar o texto que integra a logo. */
.hero-art img {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 0;
  width: min(520px, 96%);
  mix-blend-mode: normal;
  animation: logo-illumination 4.8s ease-in-out infinite;
}

.hero-art .glow {
  animation: ambient-light 4.8s ease-in-out infinite;
}

@keyframes logo-illumination {
  0%, 100% {
    filter: drop-shadow(0 0 2px rgba(214, 180, 106, .14)) brightness(.98);
  }
  50% {
    filter: drop-shadow(0 0 15px rgba(214, 180, 106, .62)) brightness(1.12);
  }
}

@keyframes ambient-light {
  0%, 100% { opacity: .45; transform: scale(.94); }
  50% { opacity: .82; transform: scale(1.08); }
}

@media (max-width: 900px) {
  .human-tech .wrap {
    flex-direction: column;
    text-align: center;
    gap: 5px;
  }

  .human-tech span {
    padding: 0;
    border: 0;
  }

  .hero-art img {
    width: min(500px, 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-art img,
  .hero-art .glow {
    animation: none;
  }
}