/* =============================================================================
   NABSEED · l'accueil restructure le 06.10.2026, d'apres STRUCTURE_DE_LA_HOMEPAGE.

   Rarete, bien-etre, gout : le bloc texte et image en alternance du site (duo-alt),
   dont le titre devient un h2 puisque chaque theme est sa propre section.
   La demande : le pot en grand, un titre, un bouton. Pas de boutique.
   La maison : une lettre, centree, qui se ferme sur une phrase ecrite a la main.
   Signature en Cormorant Garamond italique ; en arabe, Aref Ruqaa (ecriture ruqa,
   la main courante arabe), Cormorant n'ayant pas de glyphes arabes.
   ============================================================================= */

.maison-theme .duo-alt h2,
.maison-achat .duo-alt h2 {
  font-size: var(--t2); font-weight: 300; line-height: 1.1;
  letter-spacing: var(--ls-soft); margin: 0 0 22px; max-width: 15ch;
}
.maison-theme .duo-alt p + p { margin-top: 1.05em; }
.maison-theme .duo-alt .texte i { font-style: italic; }

/* la demande */
.maison-achat .duo-alt .appels { margin-top: 30px; padding-inline: 0; justify-content: flex-start; }
.maison-achat .duo-alt .image img { aspect-ratio: 4 / 5; }

/* la lettre */
.maison-lettre .lettre {
  max-width: 62ch; margin-inline: auto; padding-inline: var(--pad); text-align: center;
}
.maison-lettre .sur {
  font-family: var(--mono); font-size: var(--t9); letter-spacing: var(--ls-caps-w);
  text-transform: uppercase; color: var(--acc); margin: 0 0 14px;
}
.maison-lettre h2 {
  font-size: var(--t2); font-weight: 300; line-height: 1.1;
  letter-spacing: var(--ls-soft); margin: 0 0 30px;
}
.maison-lettre p:not(.sur):not(.signature) {
  margin: 0 auto 1.05em; color: var(--fg2); font-size: var(--t5); line-height: 1.7; max-width: 56ch;
}
.maison-lettre .signature {
  margin: clamp(36px, 6vh, 64px) auto 0; max-width: 24ch;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif; font-style: italic; font-weight: 300;
  font-size: clamp(28px, 3.4vw, 44px); line-height: 1.3; color: var(--fg); letter-spacing: 0;
  text-transform: none;
}
[dir="rtl"] .maison-lettre .signature {
  font-family: 'Aref Ruqaa', var(--arab); font-style: normal; font-weight: 400;
  max-width: 22ch; line-height: 1.7;
}

/* -----------------------------------------------------------------------------
   06.10.2026, 21h · les photos a la facon de la reference Aesop du fondateur :
   en paysage, grandes, collees au bord de l'ecran de leur cote, le texte en face.
   Proprietes logiques : en arabe tout se retourne seul, l'image colle au bord oppose.
   ----------------------------------------------------------------------------- */
.maison-theme .duo-alt,
.maison-achat .duo-alt { padding-inline: 0; }
.maison-theme .duo-alt .image img { aspect-ratio: 3 / 2; height: auto; }
.maison-achat .duo-alt .image img { aspect-ratio: 1 / 1; object-position: 50% 50%; }
.maison-theme .duo-alt .texte,
.maison-achat .duo-alt .texte { padding-inline: var(--pad); }

@media (min-width: 900px) {
  .maison-theme .duo-alt,
  .maison-achat .duo-alt { grid-template-columns: 5fr 7fr; gap: clamp(40px, 6vw, 110px); }
  .maison-theme .duo-alt.inv,
  .maison-achat .duo-alt.inv { grid-template-columns: 7fr 5fr; }
  /* le texte garde la marge du site cote exterieur seulement */
  .maison-theme .duo-alt .texte,
  .maison-achat .duo-alt .texte { padding-inline: var(--pad) 0; }
  .maison-theme .duo-alt.inv .texte,
  .maison-achat .duo-alt.inv .texte { padding-inline: 0 var(--pad); }
}

/* -----------------------------------------------------------------------------
   06.10.2026, 22h · demandes du fondateur.

   1. LA SPIRALE SUIT TOUT LE LONG. Rarete, bien-etre et gout sont reunis dans un meme
   conteneur .heritage, et fil.js calcule le fil sur sa hauteur entiere. Le conteneur
   isole sa pile : le fil passe AU-DESSUS des fonds de section (le fond sombre de
   bien-etre compris) et SOUS le texte et les photos.
   ----------------------------------------------------------------------------- */
.maison-fil { position: relative; overflow: hidden; isolation: isolate; }
/* specificite 0,3,1 : doit battre .heritage>*:not(.fil) (0,2,0) d'accueil.css */
.maison-fil.heritage > section:not(.fil) { position: static; z-index: auto; }
.maison-fil > .fil { z-index: 1; }
.maison-fil .duo-alt { position: relative; z-index: 2; }

/* 2. SUR TELEPHONE, LES TROIS PHOTOS REDUITES : a gauche, au centre, a droite.
   Proprietes logiques : en arabe l'ordre se lit en miroir, comme tout le site. */
@media (max-width: 899px) {
  .maison-theme .duo-alt .image { width: 68%; }
  #rarity .duo-alt .image   { margin-inline: var(--pad) auto; }
  #wellness .duo-alt .image { margin-inline: auto; }
  #taste .duo-alt .image    { margin-inline: auto var(--pad); }
}

/* 3. LE CARROUSEL : texte de la 2e diapositive au centre, de la 3e a droite.
   Sur telephone, la 2e diapositive s'aimante au centre : sa video est au milieu. */
.carrousel .slide:nth-child(2) .dedans { margin-inline: auto; text-align: center; }
.carrousel .slide:nth-child(2) .dedans p { margin-inline: auto; }
.carrousel .slide:nth-child(3) .dedans { margin-inline-start: auto; text-align: end; }
.carrousel .slide:nth-child(3) .dedans p { margin-inline-start: auto; }
@media (max-width: 760px) {
  .carrousel .slide:nth-child(2) { scroll-snap-align: center; }
}

/* 4. JAMAIS UN MOT SEUL SUR UNE LIGNE. A 34ch, le titre du carrousel laissait « honey »
   ou « flowers. » seuls. Le bloc s'elargit sur ordinateur ; l'insecable entre les deux
   derniers mots de chaque ligne est pose dans le HTML. */
@media (min-width: 761px) {
  /* le bloc prend la largeur de son titre insecable, plafonnee a 86 % ; le paragraphe garde ses 44ch */
  .carrousel .slide .dedans { width: fit-content; max-width: 86%; }
}

/* -----------------------------------------------------------------------------
   06.10.2026, 22h40 · LES PHOTOS TOUCHENT LES BORDS, demande du fondateur.
   Sur telephone, la premiere colle au bord gauche, la troisieme au bord droit, sans
   marge, et elles prennent plus que la moitie de l'ecran. Celle du milieu reste centree.
   Sur ordinateur, la photo passe de 7/12 a 8/13 de la largeur (environ 62 %).
   ----------------------------------------------------------------------------- */
@media (max-width: 899px) {
  #rarity .duo-alt .image   { width: 84%; margin-inline: 0 auto; }
  #wellness .duo-alt .image { width: 72%; margin-inline: auto; }
  #taste .duo-alt .image    { width: 84%; margin-inline: auto 0; }
}
@media (min-width: 900px) {
  .maison-theme .duo-alt,
  .maison-achat .duo-alt { grid-template-columns: 5fr 8fr; }
  .maison-theme .duo-alt.inv,
  .maison-achat .duo-alt.inv { grid-template-columns: 8fr 5fr; }
}

/* -----------------------------------------------------------------------------
   06.10.2026, 23h · LA SIGNATURE TIENT TOUJOURS SUR DEUX LIGNES, a toutes les tailles.
   Chaque moitie est insecable ; la taille suit la largeur du bloc (unite cqi) avec un
   coefficient par langue, mesure dans le navigateur sur la vraie police, pour que la
   moitie la plus longue remplisse la largeur sans la depasser. Plafond : 44 px.
   ----------------------------------------------------------------------------- */
.maison-lettre { container-type: inline-size; }
.maison-lettre .signature {
  --sig-l: calc(100cqi - 2 * var(--pad));          /* largeur utile de la section */
  width: var(--sig-l); max-width: none;
  margin-inline: calc((100% - var(--sig-l)) / 2);  /* sort de la colonne de la lettre, centree */
  font-size: min(44px, calc(var(--sig-k) * var(--sig-l) / 100));
}
[dir="rtl"] .maison-lettre .signature { max-width: none; }
.maison-lettre .signature span { display: block; white-space: nowrap; }
/* coefficients mesures le 06.10 sur la vraie police : la moitie la plus longue fait 97 % de la largeur */
:lang(en) .maison-lettre .signature { --sig-k: 3.98; }
:lang(fr) .maison-lettre .signature { --sig-k: 4.41; }
:lang(ar) .maison-lettre .signature { --sig-k: 6.17; }
:lang(ru) .maison-lettre .signature { --sig-k: 3.43; }

/* 06.10.2026, 23h20 · JAMAIS DEUX MOTS SEULS. Les titres de cinq mots ou moins sont
   insecables (construire.py) : la limite de 15ch ne tient plus, la taille s'ajuste a la
   colonne sur petit ecran. En russe, les mots longs se coupent par cesure. */
.maison-theme .duo-alt h2, .maison-achat .duo-alt h2, .maison-lettre h2 { max-width: none; }
@media (max-width: 899px) {
  .maison-theme .duo-alt h2, .maison-achat .duo-alt h2 { font-size: min(var(--t2), 8.4vw); }
}
:lang(ru) .maison-theme .duo-alt p, :lang(ru) .maison-lettre p:not(.signature), :lang(ru) .carrousel .dedans p { hyphens: auto; -webkit-hyphens: auto; }

/* 07.10.2026 · les trois barres du carrousel au centre, demande du fondateur. */
.carrousel .puces { left: 0; right: 0; justify-content: center; }

/* -----------------------------------------------------------------------------
   07.10.2026 · captures iPhone du fondateur, 06h35.
   1. Sur mobile, les trois photos en bande panoramique (2,5 pour 1), recadrees au centre,
      a la hauteur qu'il a tracee entre deux traits.
   2. La citation de fin sur une photo : la steppe au couchant, voilee pour la lecture,
      en pleine largeur.
   ----------------------------------------------------------------------------- */
@media (max-width: 899px) {
  .maison-theme .duo-alt .image img { aspect-ratio: 5 / 2; object-position: 50% 55%; }
}
.maison-lettre .signature {
  width: 100cqi; margin-inline: calc((100% - 100cqi) / 2);
  padding: clamp(64px, 12vw, 150px) var(--pad); box-sizing: border-box;
  margin-bottom: calc(-1 * var(--sec, 0px));
  color: #F2E8D5;
  background:
    linear-gradient(rgba(24, 17, 12, .58), rgba(24, 17, 12, .58)),
    url("t-steppe-couchant.jpg?p=4") 50% 60% / cover no-repeat;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .35);
}
@media (max-width: 760px) {
  .maison-lettre .signature {
    background:
      linear-gradient(rgba(24, 17, 12, .58), rgba(24, 17, 12, .58)),
      url("t-steppe-couchant-m.jpg?p=4") 50% 60% / cover no-repeat;
  }
}

/* -----------------------------------------------------------------------------
   07.10.2026 · la citation : deux lignes sur ordinateur, TROIS sur telephone
   (choix du fondateur : a 14 px sur deux lignes, elle n'etait pas lisible).
   Quatre segments, des retours a la ligne choisis : br.d sur ordinateur, br.m sur
   telephone. Coefficients mesures sur la vraie police, ligne la plus longue a 97 %.
   ----------------------------------------------------------------------------- */
.maison-lettre .signature { white-space: nowrap; }
.maison-lettre .signature span { display: inline; white-space: nowrap; }
.maison-lettre .signature br.m { display: none; }
@media (max-width: 760px) {
  .maison-lettre .signature br.m { display: inline; }
  .maison-lettre .signature br.d { display: none; }
  .maison-lettre .signature { font-size: min(30px, calc(var(--sig-km, 6) * var(--sig-l) / 100)); }
}
:lang(en) .maison-lettre .signature { --sig-km: 6.74; }
:lang(fr) .maison-lettre .signature { --sig-km: 6.46; }
:lang(ar) .maison-lettre .signature { --sig-km: 9.09; }
:lang(ru) .maison-lettre .signature { --sig-km: 5.47; }

/* -----------------------------------------------------------------------------
   07.10.2026, retour d'Ilyes : la demande ne se distinguait pas des autres sections
   a image. Triptyque : deux photos immobiles sur les cotes, le pot au milieu, plus
   grand ; le titre et le bouton centres dessous. Le miroir arabe est automatique.
   ----------------------------------------------------------------------------- */
.maison-achat .triptyque { display: grid; grid-template-columns: 1fr 1.7fr 1fr; align-items: center;
  gap: clamp(8px, 2vw, 28px); padding-inline: var(--pad); max-width: 1320px; margin: 0 auto; }
.maison-achat .triptyque figure { margin: 0; }
.maison-achat .triptyque img { width: 100%; display: block; object-fit: cover; }
.maison-achat .triptyque .cote img { aspect-ratio: 3 / 4; }
.maison-achat .triptyque .centre img { aspect-ratio: 1 / 1; }
.maison-achat .achat-texte { text-align: center; padding: clamp(28px, 5vh, 56px) var(--pad) 0; }
.maison-achat .achat-texte .sur { font-family: var(--mono); font-size: var(--t9); letter-spacing: var(--ls-caps-w);
  text-transform: uppercase; color: var(--acc); margin: 0 0 14px; }
.maison-achat .achat-texte h2 { font-size: var(--t2); font-weight: 300; line-height: 1.1; margin: 0 auto 26px; max-width: none; }
.maison-achat .achat-texte .appels { justify-content: center; padding-inline: 0; }

/* =============================================================================
   07.10.2026 · L'IMMERSION. « Luxe, purete, rarete », dans la maniere de la conversion
   My Laser : ouverture plein ecran, un grand titre,
   peu de mots, l'image porte le recit.
   ============================================================================= */
/* l'ouverture : une seule image, le fil de miel, plein ecran sous l'en-tete */
.carrousel.immersif .slide { aspect-ratio: auto; height: calc(100vh - var(--h-ent, 64px)); height: calc(100svh - var(--h-ent, 64px)); min-height: 480px; }
.carrousel.immersif .slide .fond { position: absolute; inset: 0; aspect-ratio: auto; }
.carrousel.immersif .slide .fond video { object-fit: cover; object-position: 55% 50%; }
.carrousel.immersif .voile-img { display: block; background: linear-gradient(180deg, rgba(20,15,11,.05) 0%, rgba(20,15,11,0) 40%, rgba(20,15,11,.62) 100%); }
.carrousel.immersif .fleche, .carrousel.immersif .puces { display: none; }
.carrousel.immersif .slide .dedans { max-width: min(18ch, 90%); width: auto; margin: 0; text-align: start; }
.carrousel.immersif h1 { font-size: clamp(40px, 6.4vw, 96px); line-height: 1.02; color: #F4EDE1; }
.carrousel.immersif .dedans p { max-width: 40ch; color: rgba(244,237,225,.86); margin-top: 22px; }
@media (max-width: 760px) {
  .carrousel.immersif .piste { overflow: hidden; gap: 0; }
  .carrousel.immersif .slide { flex: 0 0 100%; padding: 0 var(--pad) 56px; justify-content: flex-end; }
  .carrousel.immersif .slide .dedans { padding: 0; max-width: 100%; }
  .carrousel.immersif h1 { font-size: clamp(36px, 11vw, 52px); }
}

.maison-theme .duo-alt h2 { font-size: clamp(30px, 3.6vw, 52px); max-width: 14ch; }
.maison-theme .duo-alt p { font-size: var(--t4); line-height: 1.6; }

/* la video de l'assiette prend la place de la photo */
.maison-theme .duo-alt .image video { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; background: #1b1511; }
@media (max-width: 899px) { .maison-theme .duo-alt .image video { aspect-ratio: 5 / 2; } }
/* correctifs de l'immersion : seul le titre est etroit ; sur telephone, le cadrage suit le fil de miel (tiers gauche) */
.carrousel.immersif .slide .dedans { max-width: min(1100px, 90%); }
.carrousel.immersif h1 { max-width: 15ch; }
.carrousel.immersif .dedans p { max-width: 44ch; }
@media (max-width: 760px) { .carrousel.immersif .slide .fond video { object-position: 31% 50%; } .carrousel.immersif .slide .dedans { max-width: 100%; } }
/* le titre d'ouverture tient dans la largeur du telephone : sa seconde ligne est insecable (jamais deux
   mots seuls), la taille suit donc la largeur, avec un coefficient mesure par langue (07.10.2026) */
@media (max-width: 760px) {
  .carrousel.immersif .slide .dedans { container-type: inline-size; width: 100%; }
  .carrousel.immersif h1 { font-size: min(clamp(36px, 11vw, 52px), calc(100cqi / var(--h1-k, 8.7) * .97)); max-width: none; }
  :lang(en) .carrousel.immersif h1 { --h1-k: 8.896; }
  :lang(fr) .carrousel.immersif h1 { --h1-k: 11.332; }
  :lang(ru) .carrousel.immersif h1 { --h1-k: 12.741; }
  :lang(ar) .carrousel.immersif h1 { --h1-k: 6.891; }
}
/* 07.10.2026, le fondateur : « garde l'identite de Nabseed, ne fais pas des copies, sois inspire ».
   Pas d'italique serif emprunte a My Laser : le Jost et l'accent orange de la maison restent tels quels. */
/* les titres insecables ne doivent jamais deborder de leur colonne : pas de limite en ch, une taille qui tient */
.carrousel.immersif h1 { max-width: none; }
.maison-theme .duo-alt h2 { font-size: clamp(28px, 2.9vw, 44px); max-width: none; }
@media (max-width: 899px) { .maison-theme .duo-alt h2 { font-size: min(34px, 7.6vw); } }
/* sur ordinateur aussi, le titre insecable tient dans son bloc (au plus 1060 px), avec le meme coefficient par langue */
:lang(en) .carrousel.immersif h1 { --h1-k: 8.896; }
:lang(fr) .carrousel.immersif h1 { --h1-k: 11.332; }
:lang(ru) .carrousel.immersif h1 { --h1-k: 12.741; }
:lang(ar) .carrousel.immersif h1 { --h1-k: 6.891; }
@media (min-width: 761px) {
  .carrousel.immersif h1 { font-size: min(clamp(40px, 6.4vw, 96px), calc(min(1000px, 74vw) / var(--h1-k, 9))); }
}

/* =============================================================================
   07.10.2026, 22h40 · choix du fondateur apres la version v4 (systeme Rolex) :
   1. Rarete, Bien-etre et Gout arrivent « a la Rolex » : le titre, puis la photo monte du
      flou au net, les trois a la suite. Les photos gardent leur place (fines, au bord).
   2. The House se leve comme un rideau et decouvre la citation sur l'arbre au couchant.
   Actif seulement si le moteur tourne (html.anim-scenes) ; sinon, la page d'avant.
   ============================================================================= */
.maison-theme .scene-stage { width: 100%; }
.maison-theme .scene-stage .duo-alt { margin-bottom: 0; }
html.anim-scenes .maison-theme.scene-monte { height: 175vh; padding-block: 0; }
html.anim-scenes .maison-theme .scene-stage { position: sticky; top: var(--h-ent, 64px); height: calc(100vh - var(--h-ent, 64px));
  height: calc(100svh - var(--h-ent, 64px)); display: flex; align-items: center; overflow: hidden; }
html.anim-scenes .maison-theme .duo-alt .image { transform: translateY(calc(var(--monte, 1) * 52vh));
  filter: blur(calc(var(--monte, 1) * 14px)); opacity: calc(1 - var(--monte, 1) * .35); will-change: transform, filter; }
html.anim-scenes .maison-theme .duo-alt .texte { opacity: var(--texte, 1); transform: translateY(calc((1 - var(--texte, 1)) * 18px)); }

/* le rideau */
.maison-rideau { position: relative; padding: 0; border: 0; }
.maison-rideau .rideau-dessous { position: relative; height: 100vh; height: 100svh; overflow: hidden; display: grid; place-items: center; }
.maison-rideau .rideau-dessous picture, .maison-rideau .rideau-dessous img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.maison-rideau .rideau-dessous::after { content: ""; position: absolute; inset: 0; background: rgba(24, 17, 12, .5); }
.maison-rideau .signature { position: relative; z-index: 1; background: none; padding: 0; margin: 0 auto; box-shadow: none; }
html.anim-scenes #house { position: relative; z-index: 2; background: var(--bg); margin-bottom: -100vh; box-shadow: 0 30px 60px rgba(0, 0, 0, .18); }
html.anim-scenes .maison-rideau { height: 200vh; }
html.anim-scenes .maison-rideau .rideau-dessous { position: sticky; top: 0; }
/* correctifs : un ancetre en overflow:hidden empeche la position collante ; la citation du rideau, centree */
html.anim-scenes .maison-fil { overflow: visible; }
.maison-rideau .rideau-dessous { display: flex; align-items: center; justify-content: center; }
.maison-rideau .signature { text-align: center; width: var(--sig-l); margin: 0 auto; align-self: center; }

/* 08.10.2026 · sur telephone, la lettre de la maison est plus courte qu'un ecran : le rideau,
   remonte d'un ecran entier pour glisser dessous, depassait alors au-dessus d'elle et couvrait
   la demande. La lettre fait desormais au moins un ecran. */
html.anim-scenes #house { min-height: 100vh; box-sizing: border-box; }

/* =============================================================================
   08.10.2026 · retours d'Ilyes (WhatsApp, 08h54).
   1. « Je prefere sans » : Rarete, Bien-etre et Gout ne s'animent plus. La photo est la,
      nette, a sa place ; la section reprend sa hauteur naturelle.
   2. Sur ordinateur, les photos « comme sur la version telephone, rectangulaires et fines » :
      bande panoramique en 5/2, comme le telephone.
   3. Sur telephone, la photo du milieu ne se centre plus : elle passe sur le cote, et les
      trois alternent gauche, droite, gauche.
   ============================================================================= */
html.anim-scenes .maison-theme.scene-monte { height: auto; padding-block: var(--sec); }
html.anim-scenes .maison-theme .scene-stage { position: static; height: auto; display: block; overflow: visible; }
html.anim-scenes .maison-theme .duo-alt .image { transform: none; filter: none; opacity: 1; will-change: auto; }
html.anim-scenes .maison-theme .duo-alt .texte { opacity: 1; transform: none; }
@media (min-width: 900px) {
  .maison-theme .duo-alt { align-items: center; }
  .maison-theme .duo-alt .image img,
  .maison-theme .duo-alt .image video { aspect-ratio: 5 / 2; height: auto; object-fit: cover; object-position: 50% 55%; }
}
@media (max-width: 899px) {
  #wellness .duo-alt .image { width: 84%; margin-inline: auto 0; }
  #taste .duo-alt .image    { width: 84%; margin-inline: 0 auto; }
}

/* =============================================================================
   08.10.2026 · LA VIDEO DU HAUT RESTE TOUJOURS HORIZONTALE (fondateur).
   Ecran en hauteur (telephone, tablette debout) : la video garde son 16/9 sur toute la
   largeur, rien n'est rogne, et le titre passe dessous, sur l'encre. Ecran en largeur :
   la zone ne depasse jamais le 16/9, la video reste entiere en largeur.
   ============================================================================= */
@media (min-aspect-ratio: 1/1) {
  .carrousel.immersif .slide { height: min(calc(100svh - var(--h-ent, 64px)), 56.25vw); }
  .carrousel.immersif .slide .fond video { object-position: 50% 50%; }
}
@media (max-aspect-ratio: 1/1) {
  .carrousel.immersif { background: var(--s-bg, #2B241C); }
  .carrousel.immersif .slide { height: auto; min-height: 0; aspect-ratio: auto; display: block; padding: 0; }
  .carrousel.immersif .slide .fond { position: relative; inset: auto; width: 100%; aspect-ratio: 16 / 9; }
  .carrousel.immersif .slide .fond video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
  .carrousel.immersif .voile-img { display: none; }
  .carrousel.immersif .slide .dedans { padding: clamp(28px, 7vw, 48px) var(--pad) clamp(40px, 10vw, 64px); max-width: 100%; box-sizing: border-box; }
}

/* =============================================================================
   08.10.2026 · LA PHOTO DU RIDEAU EST HORIZONTALE, sur tous les appareils (fondateur).
   Le rideau reste. Derriere lui, l'ecran est encre ; la photo de l'arbre au couchant y est
   posee en 16/9, sur toute la largeur et centree, et la citation se lit sur elle.
   ============================================================================= */
.maison-rideau .rideau-dessous { background: var(--s-bg, #2B241C); }
.maison-rideau .rideau-dessous::after { content: none; }
.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; width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%;
  filter: brightness(.62); }

/* 08.10.2026, suite · sur un ecran en hauteur, la citation passe sur une photo VERTICALE
   (l'abreuvoir des abeilles au desert), en plein ecran : l'horizontale y etait trop petite.
   L'ecran en largeur garde l'arbre au couchant en 16/9. */
@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); }   /* 08.10 : les arbres de sidr sur la dune (pas de citerne, demande d'Ilyes et Malik) */
}

/* 08.10.2026 · Bien-etre : photo de soin au miel (Pexels 7615874, Cristian Rojas, licence Pexels,
   rechauffee), a la place de l'apiculteur. La bande garde le bol, le fil de miel et les feuilles. */
#wellness .duo-alt .image img { object-position: 50% 66%; }