.hero-title {
  font-family: var(--font-display);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(5rem, 8vw, 10rem); /* Aumentado para PC de alta resolução */
  letter-spacing: -0.05em;
  line-height: 0.85;
  color: var(--color-vibrant-coral);
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.name-line {
  display: flex;
  align-items: baseline;
  width: fit-content;
}

.initial {
  display: inline-block;
  opacity: 0;
  font-family: var(--font-display, "Inter", sans-serif);
  font-weight: 900;
  animation: fontGlitch 4s step-end infinite;
}

/* Letras diferentes com tempos diferentes para o glitch não ser igual */
#line-eduardo .initial { animation-delay: 1.5s; }
#line-amorim .initial { animation-delay: 0.8s; }

@keyframes fontGlitch {
  /* Ciclo de 4s: Mais frequente */
  0%, 85%, 95%, 100% { 
    font-family: var(--font-display, "Inter", sans-serif); 
    filter: none;
    transform: translate(0);
    color: var(--color-vibrant-coral);
  }
  86%, 94% { 
    font-family: 'Pixelify Sans', sans-serif; 
    font-weight: 700;
    filter: drop-shadow(2px 2px 0px rgba(255,255,255,0.3));
    transform: translate(-1px, 1px);
    color: #FFFFFF;
  }
}

/* --- Glitch de Caracteres no Subtítulo --- */
.char-glitch {
  position: relative;
  display: inline-block;
  transition: color 0.2s ease;
}

.rest {
  display: inline-block;
  opacity: 0;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 0.1em;
}

.hero-subtitle {
  font-family: var(--font-display);
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 4vw, 3rem);
  letter-spacing: -0.03em;
  line-height: 0.9;
  color: var(--color-pure-white);
  margin-bottom: 16px;
  opacity: 0;
}

.hero-desc {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #CCCCCC;
  margin-bottom: 40px;
  opacity: 0;
}