/* Gros H : phrase en parallaxe et invitation à jouer */
.grand-h { overflow: clip; }
.gh-phrase { position: absolute; z-index: 2; left: 0; right: 0; top: 34%; margin: 0; text-align: center; pointer-events: none;
  font-family: var(--police-titres); font-weight: var(--graisse-titres); font-size: clamp(2.2rem, calc(0.6rem + 6vw), 8rem); letter-spacing: -0.045em; line-height: 0.95;
  color: var(--texte); opacity: 0; text-wrap: balance; padding-inline: var(--gouttiere); }
.grand-h__jambage, .grand-h__centre { will-change: translate; }
.gh-invite .grand-h__sphere { animation: gh-pouls 900ms cubic-bezier(0.22, 1, 0.36, 1) 3; }
@keyframes gh-pouls {
  0% { scale: 1; box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent); }
  35% { scale: 1.06; box-shadow: 0 0 0 18px color-mix(in srgb, var(--accent) 22%, transparent); }
  100% { scale: 1; box-shadow: 0 0 0 34px color-mix(in srgb, var(--accent) 0%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .gh-phrase { display: none; }
  .gh-invite .grand-h__sphere { animation: gh-pouls-doux 1400ms ease-in-out 1; }
}
.no-mouvement .gh-phrase { display: none; }
@keyframes gh-pouls-doux { 50% { box-shadow: 0 0 0 14px color-mix(in srgb, var(--accent) 25%, transparent); } }
.jeu-ouvert .gh-phrase { display: none; }