/* ======================================================
   ✨ Home Intro – Tyshara (v1.0 refactoré – 2025)
   Section d’introduction mystique, responsive & cohérente
   ====================================================== */

#tyshara-home-intro {
  scroll-margin-top: 26vh; /* Ajuste selon le header réel */
}

.home-intro-wrapper {
  padding-block: var(--space-4xl);
  padding-inline: var(--space-md);
  background-color: var(--ty-nuage-pastel);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 1000px;
  margin-inline: auto;
  box-shadow: var(--shadow-soft);
}

.home-intro-wrapper h2 {
  font-family: var(--font-deco);
  font-size: clamp(2rem, 4vw, 2.8rem);
  color: var(--ty-poussiere-or);
  margin-bottom: var(--space-md);
}

.home-intro-wrapper p {
  font-family: var(--font-main);
  font-size: clamp(1rem, 2.2vw, 1.3rem);
  color: var(--ty-anthracite-velours);
  margin-bottom: var(--space-xl);
}

.home-intro-btn {
  padding: 0.8rem 2rem;
  background: #d08f7b;
  color: white;
  text-decoration: none;
  border-radius: 30px;
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;

  font-weight: 600;
  box-shadow: 0 0 10px rgba(204,166,158,0.3);
  transition: all var(--dur-fast) ease;
}

.home-intro-btn:hover {
  background: rgba(204,166,158,0.6);
  box-shadow: 0 0 16px rgba(204,166,158,0.4);
}