/* Finition or jaune — contraste renforcé sur les images du héros */
.hero-content h1 {
  animation: titleGoldPulse 4.8s ease-in-out infinite;
}

.hero-content {
  width: 100%;
  max-width: 1320px;
}

.hero-content h1 em {
  white-space: nowrap;
  background: linear-gradient(105deg, #b87900 0%, #ffd84f 16%, #fff1a0 29%, #fffde8 40%, #ffe169 51%, #f5b91f 64%, #fff4b8 78%, #fffbe4 87%, #bd7c00 100%);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1.1px rgba(105, 65, 0, .78);
  text-shadow: 0 2px 0 #d99b15, 0 4px 0 #8a5700, 0 7px 0 #3c2500, 0 11px 17px rgba(0, 0, 0, .78), 0 0 20px rgba(255, 232, 118, .96), 0 0 52px rgba(255, 206, 45, .72);
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .72));
  animation: titleGoldShimmer 3.8s linear infinite;
}

@keyframes titleGoldShimmer {
  0% { background-position: 170% 50%; }
  100% { background-position: -90% 50%; }
}

@keyframes titleGoldPulse {
  0%, 100% { filter: drop-shadow(0 0 10px rgba(255, 220, 82, .24)); }
  50% { filter: drop-shadow(0 0 26px rgba(255, 235, 132, .68)); }
}

@media (max-width: 720px) {
  .hero-content h1 {
    font-size: clamp(2.75rem, 12vw, 4.4rem);
    line-height: .94;
  }

  .hero-content h1 em {
    -webkit-text-stroke: 1px rgba(49, 29, 0, .92);
    text-shadow: 0 2px 0 #8b5900, 0 5px 0 #302000, 0 8px 14px rgba(0, 0, 0, .9), 0 0 18px rgba(255, 210, 54, .72);
  }
}

@media (max-width: 520px) {
  .hero-content h1 em {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-content h1,
  .hero-content h1 em { animation: none; }
}