.su-gal__intro-grille{max-width:var(--su-conteneur-scene);min-height:92svh;padding:120px var(--su-gouttiere) 48px;column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);align-items:end;margin:0 auto;display:grid}.su-gal__intro-logo{pointer-events:none;grid-column:1/span 4;align-self:stretch}.su-gal__cadre{width:100%;height:100%;min-height:46svh}.su-gal__intro-grille>div:last-child{grid-column:6/span 7;padding-bottom:6svh}.su-gal__etiquette,.su-gal__compteur{color:var(--su-texte-doux);margin:0 0 14px}.su-gal__titre{margin:0;font-size:clamp(2.8rem,6.4vw,6.2rem)}.su-gal__ligne{max-width:54ch;color:var(--su-texte-doux);margin:22px 0 0;font-size:1.0625rem}.su-gal__scene{height:100svh;position:relative}.su-gal__cartel{left:max(var(--su-gouttiere), calc((100vw - var(--su-conteneur-scene)) / 2 + var(--su-gouttiere)));background:color-mix(in srgb, var(--su-encre) 72%, transparent);width:min(36vw,460px);box-shadow:0 0 0 1px color-mix(in srgb, var(--su-ivoire) 10%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;padding:24px 24px 22px;position:absolute;bottom:9svh}.su-gal__demo{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem}.su-gal__nom{color:var(--su-ivoire);margin:0;font-size:clamp(2rem,3.6vw,3.4rem)}.su-gal__type{color:var(--su-texte-doux);margin:6px 0 0}.su-gal__desc{margin:14px 0 0;font-size:.9375rem}.su-gal__actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.su-gal__jalons{gap:6px;margin:20px 0 0;padding:0;list-style:none;display:flex}.su-gal__jalons li{background:color-mix(in srgb, var(--su-graphite) 40%, transparent);width:22px;height:3px;transition:background var(--su-geste), width var(--su-geste) var(--su-pose)}.su-gal__jalons li[data-actif="1"]{background:var(--accent);width:40px}.su-gal__partage{z-index:60;object-fit:cover;pointer-events:none;border-radius:4px;position:fixed;box-shadow:0 30px 80px #060e1c8c}.su-gal__liste{max-width:var(--su-conteneur-scene);padding:14svh var(--su-gouttiere) 12svh;z-index:1;isolation:isolate;margin:0 auto;position:relative}.su-gal__liste:before{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, var(--su-encre) 12svh);width:100vw;margin-left:-50vw;position:absolute;top:0;bottom:0;left:50%}.su-gal__liste-titre{margin:0 0 32px;font-size:clamp(2rem,4vw,3.4rem)}.su-gal__grille{gap:48px var(--su-gouttiere);grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));margin:0;padding:0;list-style:none;display:grid}.su-gal__lien{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.su-gal__lien img{width:100%;height:auto;box-shadow:var(--su-ombre);clip-path:inset(0 round 4px);transition:clip-path var(--su-geste) var(--su-pose);border-radius:4px;margin-bottom:10px}.su-gal__lien:hover img,.su-gal__lien:focus-visible img{clip-path:inset(3% 2% round 4px)}.su-gal__carte-nom{font-family:var(--su-font-display), sans-serif;font-size:1.375rem;font-weight:600}.su-gal__fin{flex-direction:column;align-items:flex-start;gap:12px;margin-top:12svh;display:flex}.su-gal__fin-titre{margin:0;font-size:clamp(1.8rem,3.4vw,3rem)}@media (max-width:767px){.su-gal__intro-grille{grid-template-rows:auto auto;padding-top:92px}.su-gal__intro-logo{grid-column:1/-1}.su-gal__cadre{min-height:34svh}.su-gal__intro-grille>div:last-child{grid-column:1/-1}.su-gal__cartel{left:var(--su-gouttiere);right:var(--su-gouttiere);width:auto;padding:18px;bottom:4svh}.su-gal__desc{display:none}}.su-gal__demo[data-statut]{color:var(--su-ivoire)}.su-gal__demo[data-statut]:before{content:"";background:#4ade80;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.su-gal__demo[data-statut=dev]:before{background:var(--su-ambre)}