.su-hub{max-width:var(--su-conteneur-scene);padding:104px var(--su-gouttiere) 12svh;margin:0 auto}.su-hub__tete{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.su-hub__etiquette{color:var(--su-texte-doux);margin:0}.su-hub__titre{max-width:20ch;margin:0;font-size:clamp(2.4rem,5vw,4.4rem)}.su-hub__ligne{max-width:68ch;margin:0;font-size:1.125rem}.su-hub__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.su-hub__visuel{width:100%;max-width:1100px;margin:48px auto 0}.su-hub__note{color:var(--su-texte-doux);margin:28px 0 0;font-size:.9375rem}.su-hub__bloc{margin-top:14svh}.su-hub__h2{font-family:var(--su-font-display), sans-serif;margin:0 0 20px;font-size:clamp(1.6rem,2.8vw,2.4rem)}.su-hub__h3{font-family:var(--su-font-display), sans-serif;color:var(--su-ivoire);margin:36px 0 14px;font-size:1.3rem}.su-hub__intro{max-width:68ch;margin:0 0 12px}.su-hub__fonctions{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.su-hub__fonctions li{align-items:baseline;gap:12px;padding:14px 16px;display:flex}.su-hub__fonctions .su-mono{color:var(--su-accent-texte)}.su-hub__modules{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.su-hub__modules li{background:color-mix(in srgb, var(--su-encre-2) 85%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--su-ivoire) 10%, transparent);border-radius:4px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.su-hub__modules .su-mono{color:var(--su-accent-texte)}.su-hub__desc{color:var(--su-texte-doux);font-size:.9375rem}.su-hub__fiche{color:var(--su-accent-texte);margin-top:auto;padding-top:8px;font-weight:600}.su-hub__metiers{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.su-hub__metiers a{border:1px solid color-mix(in srgb, var(--su-graphite) 40%, transparent);color:inherit;border-radius:4px;padding:10px 14px;text-decoration:none;display:inline-block}.su-hub__metiers a:hover,.su-hub__metiers a:focus-visible{border-color:var(--su-ambre)}.su-hub__cadran{margin:0 0 16px}.su-hub__chiffre{font-size:clamp(2.6rem,4.4vw,4rem)}.su-hub__fin{border-top:1px solid color-mix(in srgb, var(--su-graphite) 30%, transparent);flex-direction:column;align-items:flex-start;gap:16px;margin-top:14svh;padding-top:40px;display:flex}.su-hub__titre-fin{margin:0;font-size:clamp(2rem,3.6vw,3.2rem)}