/* Mot de la Fondatrice (accueil) - feuille complete et autonome.
   Photo de fond (baobabs) sous voile marine, cadre translucide, texte de meme taille
   du debut a la fin (y compris apres Voir plus). Se charge apres style.css. */
.fm{
  padding:92px 0;
  background:
    linear-gradient(160deg,rgba(10,29,59,.90),rgba(15,42,82,.72)),
    url(../../images/baobabs.jpg) center/cover no-repeat;
}
.fm-card{
  position:relative;
  background:rgba(10,29,59,.58);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.16);
  border-top:4px solid var(--o2);
  border-radius:var(--r);
  padding:clamp(30px,5vw,60px);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  color:#e8eef8;
  overflow:hidden;
}
.fm-card::before{
  content:"\201C";
  position:absolute;top:-6px;right:26px;
  font:700 190px/1 var(--display);
  color:var(--o2);opacity:.2;pointer-events:none;
}
.fm-rule{width:56px;height:3px;border-radius:3px;background:var(--o2);margin-bottom:18px}
.fm h2{color:#fff;font-size:clamp(30px,4vw,44px)}
.fm-hello{margin:22px 0 10px;font:italic 600 19px var(--display);color:var(--o2)}
.fm-lead,
.fm-body p{
  font:400 17px/1.85 var(--body);
  color:#e8eef8;
  max-width:46em;
}
.fm-lead{margin:0}
.fm-by{display:flex;align-items:center;gap:14px;margin:26px 0 6px}
.fm-av{
  flex:none;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--o2);color:var(--n2);
  font:700 21px var(--display);font-style:normal;
}
.fm-by b,.fm-sign b{display:block;color:#fff;font-size:16px;letter-spacing:.02em}
.fm-by span,.fm-sign span{display:block;color:var(--o2);font-size:14px;font-weight:600}
.fm-card:has(details[open]) .fm-by{display:none}
details.fm-more{background:none;border:0;border-radius:0;margin:22px 0 0;padding:0;box-shadow:none}
.fm-more summary{
  display:inline-flex;align-items:center;gap:10px;
  min-height:48px;padding:0 24px;
  border:2px solid var(--o2);border-radius:12px;
  color:var(--o2);font-weight:700;list-style:none;cursor:pointer;
  background:transparent;
  transition:background .2s,color .2s;
}
.fm-more summary::-webkit-details-marker{display:none}
.fm-more summary::marker{content:""}
.fm-more summary::after{
  content:"";width:8px;height:8px;
  border:solid currentColor;border-width:0 2px 2px 0;
  transform:rotate(45deg) translateY(-2px);transition:transform .25s;
}
.fm-more summary:hover{background:var(--o2);color:var(--n2)}
.fm-more[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.fm-more .lbl-less,.fm-more[open] .lbl-more{display:none}
.fm-more[open] .lbl-less{display:inline}
.fm-body{
  margin-top:30px;padding-top:28px;
  border-top:1px solid rgba(255,255,255,.18);
  background:none;
  animation:fmIn .5s ease;
}
.fm-body p{padding:0;margin:0 0 18px}
.fm-sign{margin-top:30px;padding-left:18px;border-left:3px solid var(--o2)}
.fm-sign em{display:block;font:italic 600 19px var(--display);color:var(--o2);margin-bottom:8px}
@keyframes fmIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:820px){.fm{padding:60px 0}.fm-card::before{font-size:130px;right:14px}}
@media(prefers-reduced-motion:reduce){.fm-body{animation:none}.fm-more summary,.fm-more summary::after{transition:none}}