/* =========================================================================
   Aperçus de chargement (LQIP)
   Une vignette de 32 px par image, floutée à la génération et encodée en
   base64 : elle s'affiche instantanément sous l'image réelle, qui vient en
   fondu par-dessus. Plus de « pop », et aucun aplat gris.

   En CSS et pas en attribut `style` : la CSP interdit les styles en ligne.
   Généré — ne pas éditer à la main.
   ========================================================================= */

.lq-hero{background-image:url("data:image/webp;base64,UklGRvoAAABXRUJQVlA4IO4AAACwBQCdASogABIAPulkqU8pJSOiMBgIASAdCWQAs4WsVsAEb8ZBbdivfdG3Of2Zej+Q+9rwL4AA+XDSvXbaX6mX85ikaUBjtqtfm+A+27b4/Yuyl4Ez2VTHpm0Aez1ZvXnNXjkd7gfi6Xr+HPXVbsIPlJ/zaPj3RQNv8i13011HFJe01QMnR2gvEpu3oo2syR1nj/vmwDFX6ZTOeqqQjuIhZehdqJ1MECDftlJ5/75CIS+wWf3xJCb/65+jPWO3eaTou9Zt4Ix2Y61j6Lq9LIW24mXIK+foLzq9zoAod7R+skLENqsDizj3Emw+QAAA")}
.lq-banquiz{background-image:url("data:image/webp;base64,UklGRuAAAABXRUJQVlA4INQAAABQBQCdASogABQAPuliqE0pJaQiMAgBIB0JaAC90YxYyqkLRTwzAKfCRnp+u4mPk3G1ZFAA6+bPwUJ1KBjCbRuAw6ZokaPVntjvNvLch06qgbaYlcnGVneYmUkrDg+H8QGHkAKngYTz7GBR25KAB8gG73IvXaG7mT0ASgTvVPvOpcIf1YcanMkIAH0V04WdwGTMpaAOGdToadF8ktu/i3eVlZe7XGkyCwE1RGenOLjrD895dyBXxzk7s87mw+yu3uUgc/VInLiLWP61sBiUdop2ehMAAA==")}
.lq-about{background-image:url("data:image/webp;base64,UklGRgQBAABXRUJQVlA4WAoAAAAQAAAAGQAAHwAAQUxQSBgAAAABD9D/iAgQZhvNbP42MziC+0f0P5v8NgFWUDggxgAAAHAFAJ0BKhoAIAA+6WipTqkmI6IwGAgBIB0JYgC/OGlfTUhGMSBOxfLve4Z95ZbQAylIUAAA/v16daoTW6IVfSonfeEIrhHpjAB9ud2V+gxZrv/NCmLbCTMnBtXd2i49zqpdooNj3ZjotfkPlK00CFflHoORn1aNBhhDXOsNHDsvjVJVm7+ajmpB2qBp+H9pY2x2YiEr23Pi8bvLISA38Uch6GgWJNmlJQXirM53y5UvQvpzR2M8wMaCsUmZOJy329ufNAAAAA==")}

/* L'aperçu est posé sur l'IMAGE, pas sur un conteneur : sa boîte est déjà
   exactement celle de l'image rendue. Un conteneur intermédiaire s'effondrait,
   sa taille dépendant de l'image qui dépendait de lui. */


/* Les deux tuiles qui portent une bobine : même aperçu instantané,
   posé sur l'élément <video> lui-même. */
.lq-quest-web{background-image:url("data:image/webp;base64,UklGRhABAABXRUJQVlA4IAQBAADwBQCdASoaACAAPu1eqE4ppKOiMBgMATAdiWYAuyEgqwAjfzHRmOAnUwmrX1qwGObgtckSokWiEADgJt7JM24s6UpHz6Ky6MHZ4l7pS2W7xEPIJ9jZbbGtm5n58pYyDi81J+owZspEhY3NnL+9kL9wTuvAFMuP3zkrdtjh+H9FVLBpfPbvIvoWacAboZrxt3anSjH+D3pjPC9Xz8Q0zK4It34Z+szyp8YeDbwYTbUP8H04Sh4oAa05UXcQ0Q9CkXjnWLZys7b0o+dnpcTFxuBAzhJX4gN7/3jndp1cDD1GCcPrud04YDBNB4jFTiKsoeS8on3GkCLwxyluLn48uco5fAAAAA==")}
.lq-quest-photo{background-image:url("data:image/webp;base64,UklGRjoBAABXRUJQVlA4IC4BAACwBgCdASoaACAAPt1UpU2opKOiN/qoARAbiWwAnTKDyC8mJZJBjdvtxpddd7oVHV17gcFbIG7NOgoqA5ZGAAD+3SxSuyXmI7tS+gzgWEupsp/2hJs5IHY0BlPv7Z85kJYpdyuXRJ7/b2rMgsPF8BlL4TItVP4s3NEWI9djv+LX4Nh55EgkdR1QXOkejJOOvR6eBdUq8t7EKFKKEmcJTgpQGKWxD/C2r14YPOKwI8bmiElbM2hk30DnH1MejL+f5RKu4PXAE9+UBQfqAio4nleQxvzXb7reZhtnNDUSV6fQAL4xl5RZ5y4FCIqOPhxeaqCFZUAJWLjOeCsnHwNlSfn1bjSxc6tC/NZJLTyX5fyH2bxYWMr4FhVBO53SV9safEsZ3aMVbkwyx1uvegAAAA==")}
.lq-quest-video{background-image:url("data:image/webp;base64,UklGRiwBAABXRUJQVlA4ICABAAAwBgCdASoaACAAPu1kpk2ppaMiMBgMATAdiWoAnQeoGiBpLRr+Ku1eICuYx0B5+dTzQAR3o+l0pUwAAP7AerCP/c20rMw6NG7oLw5WVjTCkgdy6NXIgZgUFqs5Fo9MVRbdQ5qJpqyKvBV5J2Tqugplmsf3f8lm5lvCeMolR2/KlB081yoQBpr2q2g9/R1Q+6499SrKNUdtkU5CRqpdmbTC4jC1SqfPcYezZGK8+cbi3WjdwtQu0Uf6nNvepTw3B6ldPpEtPX3HEBNgtM2H+1EuHhPneujRp/YfnLXRw98s/Y6tWEQH7UuuIiZVaNwwWmOcr78/vfpTe0PLoGgnlbCY59Es33djpUndJmL7iXiMWnPmyMlzndZuEjqvuCNIAAA=")}

.lq-flower{background-image:url("data:image/webp;base64,UklGRtgAAABXRUJQVlA4IMwAAABQBQCdASogABQAPulgq0+pJSOiMBgIASAdCWcAAIbDiSUcUr7pvS4nOsj2R52YCx656wAA/uxDsd0CfrB0pRa4gxx45o35t3phtIxpm9+MoD8W/drbaWsIwAr2mje/rkrnp5B9XwYKfU1uU/QRAPpvGbRKSKnvGz0F/frvJ9K/UBTUV4EgVU0xs6RJDh5+j3aC5gveZ9vGz73vOi/YImoYq1cf4Bz339Ii8SwtbdNkS+YefmGhQi/rLddASN6qvFaYeNwXnaiA4HAAAAA=")}
.lq-hws{background-image:url("data:image/webp;base64,UklGRroAAABXRUJQVlA4IK4AAABwBACdASogABQAPulep00pJSOiMAgBIB0JagC1GBgBoga6cyZrF46MHWk/gAD+cWPi5QkFYfh7Nc1lfDN4JEWPfaBD15xgs4dFLnlE3u1sjXepP9V+u4UV+PD1EGRJtBrUH8foPzNUXDiQnRQCLZ8PwrOod6L/yNvqFow6jMZGFA+1t3AMl12H3nikKqMXxzIIvANgiI7j4mpmADqQLdcLbG+pWkCReW5DBOlnAAA=")}
.lq-kairos{background-image:url("data:image/webp;base64,UklGRrwAAABXRUJQVlA4ILAAAABQBQCdASogABQAPulqrVGpJaQiqAgBIB0JQBerZYAbcRFxPkf6SgDhEutCp5dwEMsMpQAA/jR3SyFb7ko1jSaHG7+0bbM/qgC+tb53yIph2R+P/iuFl6EM8DsleayfG5r+CQpjvkW1ABbtLmmu6C3vgUkj6lM/rp2UCSQaXEglq8dVlOdOid3P45iA7VLHnL5zvLXE2SFAk2g0c3Z+uIvTCZBehS0z7mlnXoT7Aw94AA==")}
.lq-sol{background-image:url("data:image/webp;base64,UklGRrwAAABXRUJQVlA4ILAAAADwBACdASogABQAPuliqU0pJaQiMAgBIB0JZgCsM2QC+y0P1KSDAIPmZut97vt5QGAA3PmaITiK2Hy1EllGRSJBpuuh3ldtOGDomQaDFghP74LX1jAdUWF8L7pfCrLtEiWjCb/7KHwCItIRN17msgXWafDm2MzW+TwoFSuTpDbvNcMHloG1Wae4yCHRFwTkvss3yQj85SObfw6XG/+X55QQ8lKnn8xMjkyjFYBPKgAAAA==")}
.lq-hero,.lq-banquiz,.lq-flower,.lq-hws,.lq-kairos,.lq-sol,.lq-about,
.lq-quest-photo,.lq-quest-video,.lq-quest-web{
  background-size:cover;background-position:center;background-repeat:no-repeat;
}

/* Pendant le chargement on voit l'aperçu ; à l'arrivée l'image se révèle en
   se dé-floutant. L'état flou est porté par .js : sans script, rien ne masque. */
.js img[data-fade]{filter:blur(10px);transition:filter .55s var(--ease)}
.js img[data-fade].is-loaded{filter:none}
@media (prefers-reduced-motion:reduce){
  .js img[data-fade]{filter:none;transition:none}
}