/* presentation-v1 — « Qui est derrière l'application » : carte plein écran, calme, couleurs du thème (--th-*), sans ombre */
.pa-voile{position:fixed;inset:0;z-index:140;display:none;align-items:stretch;justify-content:center;
  background:var(--th-fond,#1B122F);color:var(--th-texte,#F2E9E4);
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.pa-voile.ouvert{display:flex}
.pa-voile[hidden]{display:none !important}
html.pa-ouverte body{overflow:hidden}
.pa-voile .pa-carte{display:flex;flex-direction:column;width:100%;max-width:460px;min-height:0;height:100%;margin:0 auto;
  animation:paApparait .45s ease-out both}
.pa-voile .pa-defile{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:26px 24px 22px;text-align:left;outline:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent)}
.pa-voile .pa-defile:focus-visible{outline:2px solid var(--th-accent,#3DF5E6);outline-offset:-4px;border-radius:12px}
.pa-voile .pa-photo{display:block;width:96px;height:96px;margin:2px auto 12px;border-radius:50%;overflow:hidden;
  border:2px solid var(--th-bord,#3A2C55);background:var(--th-carte,#241938);box-shadow:none}
.pa-voile .pa-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.16)}
.pa-voile .pa-photo.pa-vraie img{transform:none}
.pa-voile .pa-titre{margin:0 0 14px;padding:0;text-align:center;font-family:'Karla',system-ui,sans-serif;font-weight:600;
  font-size:.8rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--th-accent,#3DF5E6);text-shadow:none}
.pa-voile .pa-texte p{margin:0 0 11px;font-family:'Karla',system-ui,sans-serif;font-size:1rem;line-height:1.5;
  color:var(--th-texte,#F2E9E4);text-align:left;hyphens:manual}
.pa-voile .pa-texte p:first-child{font-family:'Newsreader',Georgia,serif;font-size:1.14rem;line-height:1.42}
.pa-voile .pa-signature{margin:16px 0 4px;padding-top:12px;border-top:1px solid var(--th-bord,#3A2C55)}
.pa-voile .pa-nom{margin:0;font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.2;color:var(--th-texte,#F2E9E4)}
.pa-voile .pa-metier{margin:3px 0 0;font-size:.84rem;line-height:1.35;color:var(--th-gris,#B9AEA9)}
.pa-voile .pa-pied{flex:none;padding:10px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--th-bord,#3A2C55);
  background:var(--th-fond,#1B122F)}
html[data-saison] .pa-voile .pa-bouton,.pa-voile .pa-bouton{display:block;width:100%;max-width:320px;min-height:48px;margin:0 auto;
  padding:13px 20px;border:0;border-radius:999px;box-shadow:none;background:var(--th-accent,#3DF5E6);color:var(--th-sur-accent,#1B122F);
  font:600 1.02rem/1.2 'Karla',system-ui,sans-serif;cursor:pointer}
.pa-voile .pa-bouton:focus-visible{outline:3px solid var(--th-texte,#F2E9E4);outline-offset:3px}
@keyframes paApparait{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){.pa-voile .pa-carte{animation:none}}
@media (min-height:760px){.pa-voile .pa-defile{padding-top:44px}.pa-voile .pa-photo{width:112px;height:112px}}
/* les deux lignes de « Moi » (groupe « Avec David ») : un lien <a> doit ressembler aux boutons voisins */
a.rf-ligne.pa-ligne{text-decoration:none;-webkit-tap-highlight-color:transparent}
.pa-ligne .rf-chev{flex:none}
/* le lien de l'attestation, dans la section 4 des mentions */
.pa-legal{margin-top:14px}
.pa-legal a{font-weight:600}