/* bas de page commun : contact puis suite de la lecture */
.endnav{--en-sans:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--en-yellow:#EAB308;margin:4rem 0 2.2rem;padding-top:2.2rem;position:relative;font-family:var(--en-sans)}
.endnav::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--hard) 35%,var(--hair) 80%);transform-origin:0 50%}
.endnav .en-k{display:block;font:600 .66rem/1.6 var(--en-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem}
.endnav .en-q{font-family:"Times New Roman",Tinos,Times,serif;font-size:1.12rem;line-height:1.5;color:var(--sub);max-width:62ch;margin:0 0 .5rem}
.endnav .en-mail{display:inline-block;position:relative;overflow:hidden;font:700 clamp(1.35rem,4.2vw,2.75rem)/1.12 var(--en-sans);letter-spacing:-.03em;color:var(--ink);text-decoration:none;padding:.15rem 0 .3rem;overflow-wrap:anywhere;max-width:100%}
.endnav .en-mail::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.endnav .en-mail:hover::after,.endnav .en-mail:focus-visible::after{transform:scaleX(0);transform-origin:100% 50%}
.endnav .en-mail:hover,.endnav .en-mail:focus-visible{color:var(--accent);outline:0}
.endnav .en-mail .en-arrow{display:inline-block;margin-left:.35em;color:var(--accent);transition:transform .3s ease}
.endnav .en-mail:hover .en-arrow{transform:translateX(6px)}
.endnav .en-mail .en-shine{position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(240,169,58,.22),transparent);pointer-events:none}
.endnav.in .en-mail .en-shine{animation:en-shine 1.4s .5s ease both}
.endnav .en-sub{font-size:.8rem;line-height:1.5;color:var(--faint);margin:.7rem 0 0;max-width:70ch}
.endnav .en-sub a{color:var(--sub)}
.endnav .en-sub a:hover{color:var(--accent)}
.endnav .en-more{margin-top:2.6rem}
.endnav ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.endnav li{min-width:0;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.endnav li a{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:.95rem 1rem 1rem;text-decoration:none;color:var(--ink);transition:box-shadow .18s ease}
.endnav li a:hover,.endnav li a:focus-visible{box-shadow:inset 0 0 0 2px var(--en-yellow);outline:0}
.endnav li .en-tag{font:600 .62rem/1.4 var(--en-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}
.endnav li b{font:600 .98rem/1.3 var(--en-sans);letter-spacing:-.01em}
.endnav li small{font-family:"Times New Roman",Tinos,Times,serif;font-size:.86rem;line-height:1.45;color:var(--sub);flex:1}
.endnav li .en-go{font:600 .78rem var(--en-sans);color:var(--accent);margin-top:.25rem}
.endnav li .en-go i{font-style:normal;display:inline-block;transition:transform .25s ease}
.endnav li a:hover .en-go i{transform:translateX(5px)}
.endnav li.en-next{background:var(--accent-well)}
.endnav li.en-next .en-tag{color:var(--accent)}
/* animation à l'arrivée, seulement si le script est chargé */
.endnav.en-anim::before{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.3,.7,.2,1)}
.endnav.en-anim.in::before{transform:scaleX(1)}
.endnav.en-anim .en-contact,.endnav.en-anim li{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.endnav.en-anim.in .en-contact,.endnav.en-anim.in li{opacity:1;transform:none}
@keyframes en-shine{0%{left:-60%}100%{left:130%}}
@media (max-width:520px){.endnav ol{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.endnav *,.endnav::before{animation:none!important;transition:none!important}.endnav.en-anim .en-contact,.endnav.en-anim li{opacity:1;transform:none}.endnav.en-anim::before{transform:none}}
@media print{.endnav{display:none}}
/* retour vers le site principal */
.endnav .en-site{display:flex;align-items:center;gap:1rem;margin-top:1.6rem;padding:1rem 1.2rem;border:1px solid var(--hard);text-decoration:none;color:var(--ink);transition:box-shadow .18s ease,border-color .18s ease}
.endnav .en-site:hover,.endnav .en-site:focus-visible{border-color:var(--en-yellow);box-shadow:inset 0 0 0 1px var(--en-yellow);outline:0}
.endnav .en-site b{display:block;font:600 1.05rem/1.3 var(--en-sans);letter-spacing:-.01em}
.endnav .en-site small{display:block;font:.8rem/1.4 var(--en-sans);color:var(--sub);margin-top:.15rem}
.endnav .en-site-arrow{font:600 1.5rem/1 var(--en-sans);color:var(--accent);transition:transform .25s ease}
.endnav .en-site:hover .en-site-arrow{transform:translateX(-6px)}
.endnav.en-anim .en-site{opacity:0;transition:opacity .7s ease .8s,box-shadow .18s ease,border-color .18s ease}
.endnav.en-anim.in .en-site{opacity:1}
@media (prefers-reduced-motion:reduce){.endnav.en-anim .en-site{opacity:1}}
/* bande de fin de page : fond pastel pleine largeur, jusqu'en bas de la page */
.endnav,.endnav ~ footer{--end-bg:#171c24;background:var(--end-bg);box-shadow:0 0 0 100vmax var(--end-bg);clip-path:inset(0 -100vmax)}
.endnav{margin:4.5rem 0 0;padding:3rem 0 2.6rem}
.endnav:last-child{padding-bottom:3.5rem}
.endnav ~ footer{margin-top:0!important;padding-bottom:2.5rem!important}
body:has(.endnav){padding-bottom:0!important}
.endnav li,.endnav .en-site{background:var(--bg)}
.endnav li.en-next{background:var(--bg);box-shadow:inset 0 3px 0 var(--accent)}

:root[data-theme="dark"] .endnav,:root[data-theme="dark"] .endnav ~ footer{--end-bg:#171c24}