/* LE PASSAGE D'UN ÉCRAN À L'AUTRE — le mécanisme, pas la mise en page.

   Huit pages portent la même transition : « L'agence », « Nos expertises » et
   les six pages métier. Ses trois règles vivaient en double dans agence.css et
   dans la feuille des pages métier, et mon découpage du 12/09 les avait fait
   sortir de la feuille que « Nos expertises » charge : sa couture est passée
   de 16svh à zéro sans que rien ne le signale. Une seule feuille désormais,
   chargée par les huit pages qui ont le script.

   Les classes sont posées par expertises-transitions.js et
   agence-transitions.js, jamais écrites dans le HTML. */

@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  /* la couture : la respiration entre deux écrans, c'est elle qui donne sa
     durée au dévoilement */
  .agency-screen-passage{height:16svh;background:#f8f5ed;pointer-events:none}
  /* le fantôme qui garde la place de la section pendant qu'elle est tenue */
  .agency-scene-placeholder{pointer-events:none}
  /* une section tenue est redécoupée par un masque : son coin arrondi
     réapparaîtrait par-dessus, et le navigateur peint mieux si on le prévient */
  .agency-scene-held{will-change:clip-path;border-radius:0!important}
}

@media(max-width:900px),(prefers-reduced-motion:reduce){
  /* pas de transition : pas de couture non plus, sinon c'est un blanc */
  .agency-screen-passage{display:none}
}