.brand-name {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 1.55rem;
  letter-spacing: 0;
  color: #1a1a1a;
  line-height: 1;
  margin: 0;
  user-select: none;
}
/* UI-POLISH-2 — variantes selon contexte d'authentification.
   --hero : page /login, /install — splash centré, grand format.
   --compact : pages auth — bandeau sticky gauche, format petit. */
.brand-name--hero {
  font-size: 2.2rem;
  letter-spacing: 0.01em;
}
.brand-name--compact {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
}
.brand-name .ltr {
  display: inline-block;
  color: #1a1a1a;
  will-change: color, text-shadow;
}
.brand-name .ltr.glimpse-side {
  animation-name: glimpse-side;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.brand-name .ltr.glimpse-center {
  animation-name: glimpse-center;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes glimpse-side {
  0%   { color: #1a1a1a; text-shadow: none; }
  50%  { color: #b8c4cc; text-shadow: 0 0 6px rgba(184,196,204,0.6); }
  100% { color: #1a1a1a; text-shadow: none; }
}
@keyframes glimpse-center {
  0%   { color: #1a1a1a; text-shadow: none; }
  50%  { color: #b8e4f0; text-shadow: 0 0 12px #d6f0f7, 0 0 20px rgba(184,228,240,0.55); }
  100% { color: #1a1a1a; text-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-name .ltr.glimpse-side,
  .brand-name .ltr.glimpse-center { animation: none; }
}