.introuvable{min-height:100svh;padding-top:calc(var(--nav-h) + 2rem);flex-direction:column;justify-content:flex-end;padding-bottom:clamp(3rem,8svh,6rem);display:flex;position:relative;overflow-x:clip}.introuvable>:not(.introuvable-dessin){position:relative}.introuvable-dessin{top:calc(var(--nav-h) + clamp(1rem, 4svh, 3rem));right:max(var(--marge), calc((100vw - var(--page-max)) / 2));width:clamp(14rem,42vw,40rem);color:var(--texte-fort);opacity:.12;pointer-events:none;position:absolute}.introuvable-planche{width:100%}.introuvable-code{margin-bottom:clamp(1rem,2vw,1.75rem)}.introuvable-texte{max-width:24em;color:var(--texte-fort);margin-top:clamp(1.5rem,3vw,2.5rem)}.introuvable-retour{margin-top:clamp(1.5rem,3vw,2.5rem)}.introuvable-lien{min-height:2.75rem;color:var(--doux);transition:color var(--d-survol) var(--ease-out);align-items:center;gap:.55rem;display:inline-flex}.introuvable-lien>svg{width:1rem;height:1rem;transition:transform var(--d-survol) var(--ease-out);flex:none}@media (hover:hover) and (pointer:fine){.introuvable-lien:hover{color:var(--texte-fort)}.introuvable-lien:hover>svg{transform:translate(-.25rem)}}:where(html.js) .introuvable:not([data-ouvert]) [data-anime]{opacity:0;transform:translateY(.875rem)}.introuvable[data-ouvert] [data-anime]{transition:opacity .8s var(--ease-out) calc(var(--introuvable-retard,0s) + .35s), transform 1s var(--ease-expo) calc(var(--introuvable-retard,0s) + .35s)}:where(html.js) .introuvable:not([data-ouvert]) .introuvable-dessin{opacity:0}.introuvable[data-ouvert] .introuvable-dessin{transition:opacity 1.6s var(--ease-out) calc(var(--introuvable-retard,0s) + .1s)}