/* Logo Nora Rakki : animation d'apparition au premier chargement (classe html.nr-intro posée par le script
   d'en-tête du thème enfant). Sans la classe : logo fixe, aucun masque. */
.nr-logo__svg { display: block; width: 100%; height: 100%; overflow: visible; }
.nr-logo__nr { mask: none; }

html.nr-intro .nr-logo__svg--d .nr-logo__nr { mask: url(#nrm-d); }
html.nr-intro .nr-logo__svg--m .nr-logo__nr { mask: url(#nrm-m); }
html.nr-intro .nr-logo__svg .nr-lm {
  stroke-dasharray: 1; stroke-dashoffset: 1;
  animation-name: nr-write; animation-timing-function: linear; animation-fill-mode: forwards;
}
@keyframes nr-write { to { stroke-dashoffset: 0; } }

/* La figure se dessine du haut vers le bas pendant que le N commence. */
html.nr-intro .nr-logo__fig { animation: nr-fig 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.1s both; }
@keyframes nr-fig {
  from { opacity: 0; clip-path: inset(0 0 100% 0); }
  40%  { opacity: 1; }
  to   { opacity: 1; clip-path: inset(-5% 0 -5% 0); }
}
/* Texte « Nora RAKKI » (variante mobile) : fondu après le NR. */
html.nr-intro .nr-logo__txt { animation: nr-txt 0.5s ease 1.9s both; }
@keyframes nr-txt { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  html.nr-intro .nr-logo__nr { mask: none; }
  html.nr-intro .nr-logo__fig, html.nr-intro .nr-logo__txt, html.nr-intro .nr-logo__svg .nr-lm { animation: none; }
}