@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,300;1,400&family=Aref+Ruqaa&display=swap');
/* =============================================================================
   NABSEED · le rideau de fin, sur toutes les pages (fondateur, 08.10.2026).
   Meme dessin que l'accueil : la derniere section se leve et decouvre la citation sur
   l'arbre. Regles reprises de maison.css, limitees au rideau et a la citation.
   ============================================================================= */
.maison-lettre { container-type: inline-size; }
.maison-rideau { position: relative; padding: 0; border: 0; }
.maison-rideau .rideau-dessous { position: relative; height: 100vh; height: 100svh; overflow: hidden;
  display: flex; align-items: center; justify-content: center; background: var(--s-bg, #2B241C); }
.maison-rideau .rideau-dessous picture { position: absolute; inset: auto 0; top: 50%; transform: translateY(-50%);
  width: 100%; height: auto; aspect-ratio: 16 / 9; max-height: 100%; overflow: hidden; }
.maison-rideau .rideau-dessous picture img { position: static; display: block; width: 100%; height: 100%; object-fit: cover;
  object-position: 50% 55%; filter: brightness(.62); }
@media (max-aspect-ratio: 1/1) {
  .maison-rideau .rideau-dessous picture { inset: 0; top: 0; transform: none; aspect-ratio: auto; height: 100%; max-height: none; }
  .maison-rideau .rideau-dessous picture img { object-position: 70% 50%; filter: brightness(.6); }
}
/* la citation */
.maison-rideau .signature {
  --sig-l: calc(100cqi - 2 * var(--pad));
  position: relative; z-index: 1; width: var(--sig-l); max-width: none; margin: 0 auto; padding: 0; align-self: center;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif; font-style: italic; font-weight: 300;
  font-size: min(44px, calc(var(--sig-k) * var(--sig-l) / 100)); line-height: 1.3; letter-spacing: 0; text-transform: none;
  color: #F4EDE1; text-align: center; white-space: nowrap; text-shadow: 0 1px 14px rgba(0, 0, 0, .35); background: none;
}
.maison-rideau .signature span { display: inline; white-space: nowrap; }
.maison-rideau .signature br.m { display: none; }
[dir="rtl"] .maison-rideau .signature { font-family: 'Aref Ruqaa', var(--arab); font-style: normal; font-weight: 400; line-height: 1.7; }
:lang(en) .maison-rideau .signature { --sig-k: 3.98; --sig-km: 6.74; }
:lang(fr) .maison-rideau .signature { --sig-k: 4.41; --sig-km: 6.46; }
:lang(ar) .maison-rideau .signature { --sig-k: 6.17; --sig-km: 9.09; }
:lang(ru) .maison-rideau .signature { --sig-k: 3.43; --sig-km: 5.47; }
@media (max-width: 760px) {
  .maison-rideau .signature br.m { display: inline; }
  .maison-rideau .signature br.d { display: none; }
  .maison-rideau .signature { font-size: min(30px, calc(var(--sig-km, 6) * var(--sig-l) / 100)); }
}
/* le lever : la derniere section passe devant et se leve ; sans mouvement, tout s'empile */
@media (prefers-reduced-motion: no-preference) {
  .avant-rideau { position: relative; z-index: 2; background: var(--bg); margin-bottom: -100vh; min-height: 100vh;
    box-sizing: border-box; box-shadow: 0 30px 60px rgba(0, 0, 0, .18); }
  .maison-rideau { height: 200vh; }
  .maison-rideau .rideau-dessous { position: sticky; top: 0; }
}
/* certaines pages posent leur contenu en grille : le rideau prend toute la largeur */
.maison-rideau { grid-column: 1 / -1; width: 100%; justify-self: stretch; align-self: start; }