.su-404__grille{max-width:var(--su-conteneur-scene);min-height:100svh;padding:120px var(--su-gouttiere) 72px;column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);align-items:center;margin:0 auto;display:grid}.su-404__texte{grid-column:1/span 6}.su-404__etiquette{color:var(--su-ambre-clair);margin:0 0 14px}.su-404__chiffre{color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--su-ivoire) 55%, transparent);animation:su-404-decoupe var(--su-scene) var(--su-pose) both;margin:0;font-size:clamp(5rem,13vw,11rem)}.su-404__titre{max-width:18ch;animation:su-404-decoupe var(--su-pose-duree) var(--su-pose) .18s both;margin:12px 0 0;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1}@keyframes su-404-decoupe{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0 0 -10%)}}.su-404__chapo{max-width:54ch;color:var(--su-texte-doux);margin:20px 0 0;font-size:1.0625rem}.su-404__portes{border-top:1px solid color-mix(in srgb, var(--su-graphite) 35%, transparent);max-width:560px;margin:32px 0 0;padding:0;list-style:none}.su-404__porte{border-bottom:1px solid color-mix(in srgb, var(--su-graphite) 35%, transparent);animation:su-404-depli var(--su-pose-duree) var(--su-pose) both;animation-delay:calc(.36s + var(--i,0) * var(--su-cascade))}@keyframes su-404-depli{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.su-404__lien{min-height:48px;color:inherit;grid-template-columns:3ch minmax(0,9rem) minmax(0,1fr);align-items:baseline;gap:16px;padding:14px 0;text-decoration:none;display:grid}.su-404__num{color:var(--su-accent-texte)}.su-404__nom{font-family:var(--su-font-display), sans-serif;font-size:1.125rem;font-weight:600}.su-404__note{color:var(--su-texte-doux);font-size:.9375rem}.su-404__lien:hover .su-404__nom,.su-404__lien:focus-visible .su-404__nom{color:var(--su-ambre-clair)}.su-404__lien:focus-visible{outline:2px solid var(--su-ambre-clair);outline-offset:3px}.su-404__scene{pointer-events:none;grid-column:7/span 6;position:relative}.su-404__cadre{width:100%;height:34svh;margin-top:18px}@media (max-width:767px){.su-404__grille{align-items:start;min-height:0;padding-top:96px}.su-404__texte,.su-404__scene{grid-column:1/-1}.su-404__scene{grid-row:1;margin-bottom:24px}.su-404__cadre{height:20svh}.su-404__lien{grid-template-columns:3ch minmax(0,1fr);row-gap:2px}.su-404__note{grid-column:2}}