22:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/0rr5btioklgf4.js","/_next/static/chunks/2matreab0rub0.js","/_next/static/chunks/2z5wb7vhdi3hf.js","/_next/static/chunks/3cmvik1zogxvy.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/snippets/lightbox.css","style"] :HL["https://evenbloom.github.io/Visu/public/css/main.css","style"] :HL["https://sites.super.so/snippets/v2/carousel.css","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Space Grotesk-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Space Grotesk-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Space Grotesk-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link","font-preload-Space Grotesk-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 17:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 18:["$","link","font-preload-Inter-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 19:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 1a:["$","link","font-preload-Inter-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 1b:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/lightbox.css","as":"style"}] 1c:["$","link",null,{"rel":"preload","href":"https://evenbloom.github.io/Visu/public/css/main.css","as":"style"}] 1d:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/v2/carousel.css","as":"style"}] 1e:["$","link","link-https://sites.super.so/snippets/lightbox.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/lightbox.css"}] 1f:["$","link","link-https://evenbloom.github.io/Visu/public/css/main.css",{"href":"https://evenbloom.github.io/Visu/public/css/main.css","rel":"stylesheet"}] 20:["$","link","link-https://sites.super.so/snippets/v2/carousel.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/v2/carousel.css"}] 23:T2d72, 24:T2e94,/* ===== Triangles minimalistes (monochrome) — scope SW ===== */ :root{ /* zone cliquable (cercle invisible) : au moins 44px */ --sw-hit-size: 50px; /* taille des triangles */ --sw-tri-left-w: 24px; /* largeur base triangle gauche */ --sw-tri-left-h: 24px; /* hauteur triangle gauche */ --sw-tri-up-w: 24px; /* largeur base triangle haut */ --sw-tri-up-h: 24px; /* hauteur triangle haut */ /* espaces au bord */ --sw-gap: 16px; /* couleur : on utilise currentColor (hérite du thème) */ --sw-fg: currentColor; /* opacité légère au repos (facultatif) */ --sw-rest: .85; } @media (max-width: 768px){ :root{ --sw-hit-size: 46px; --sw-gap: 12px; } } /* Bouton générique (cercle invisible) */ .sw-tri-btn{ position: fixed; inline-size: var(--sw-hit-size); block-size: var(--sw-hit-size); border-radius: 999px; /* hit-area circulaire */ background: transparent; /* invisible */ color: var(--sw-fg); z-index: 9999; cursor: pointer; /* caché par défaut : visible uniquement après scroll */ opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .15s ease; } /* rendu focus clavier (a11y) */ .sw-tri-btn:focus-visible{ outline: 2px solid currentColor; outline-offset: 2px; } /* état visible (ajouté par JS au delà du seuil de scroll) */ .sw-tri-btn.visible{ opacity: var(--sw-rest); pointer-events: auto; } @media (hover:hover){ .sw-tri-btn.visible:hover{ opacity: 1; transform: scale(1.02); } } .sw-tri-btn:active{ transform: scale(.98); } /* respecte prefers-reduced-motion */ @media (prefers-reduced-motion: reduce){ .sw-tri-btn{ transition: opacity .01s linear; } .sw-tri-btn:active{ transform: none; } } /* ----- Triangle RETOUR (bas-gauche) : petit triangle ◄ ----- */ .sw-back-triangle{ left: var(--sw-gap); bottom: var(--sw-gap); display: grid; place-items: center; } .sw-back-triangle::before{ content:""; display:block; /* triangle via bordures (monochrome) */ border-top: calc(var(--sw-tri-left-h)/2) solid transparent; border-bottom: calc(var(--sw-tri-left-h)/2) solid transparent; border-right: var(--sw-tri-left-w) solid currentColor; } /* ----- Triangle TOP (bas-droite) : petit triangle ▲ ----- */ .sw-top-triangle{ right: var(--sw-gap); bottom: var(--sw-gap); display: grid; place-items: center; } .sw-top-triangle::before{ content:""; display:block; border-left: calc(var(--sw-tri-up-w)/2) solid transparent; border-right: calc(var(--sw-tri-up-w)/2) solid transparent; border-bottom: var(--sw-tri-up-h) solid currentColor; } /* Option : masquer le bouton "retour" sur la home */ body.is-home .sw-back-triangle{ display: none !important; } /* ==== Lightbox overlay (force overlay plein écran) ==== */ #lightbox-overlay{ position: fixed !important; /* clé: sortir du flux */ inset: 0 !important; /* top:0; right:0; bottom:0; left:0 */ z-index: 100000 !important; /* au-dessus de tout (triangles, header, etc.) */ display: none; /* caché par défaut */ align-items: center; justify-content: center; background: rgba(0,0,0,.85); /* fond sombre */ padding: clamp(8px, 4vw, 40px); } /* l'init de ton script met "display:flex" -> on accepte les 2 variantes */ #lightbox-overlay[style*="display: flex"], #lightbox-overlay.open{ display: flex !important; } #lightbox-image{ max-width: min(96vw, 2400px); max-height: 90vh; object-fit: contain; box-shadow: 0 10px 40px rgba(0,0,0,.5); border-radius: 6px; } /* bouton fermer */ #lightbox-close{ position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border-radius: 999px; background: rgba(255,255,255,.9); border: 1px solid rgba(0,0,0,.08); display: grid; place-items: center; cursor: pointer; z-index: 100001; /* au-dessus de l'image */ } /* empêcher le scroll de la page si le lightbox est ouvert (optionnel) */ body.lightbox-open { overflow: hidden; } /* ce qui marche jusqu ici grader tout */ /* === Works — grille stable (gauche fixe, droite fluide) === */ @media (min-width:1024px){ /* Colonne gauche fixe (280px) + colonne droite qui prend tout le reste */ .page__works .notion-collection__header-wrapper{ display:grid !important; grid-template-columns: 280px minmax(0, 1fr) !important; gap:28px; align-items:start; } /* Menu filtres = colonne 1, sticky, pas de scroll horizontal */ .page__works .notion-dropdown__menu-wrapper{ grid-column:1 !important; width:280px !important; position:sticky; top:96px; max-height:calc(100vh - 120px); overflow-y:auto; overflow-x:hidden; padding-right:4px; } /* Galerie (ALL + autres vues) = colonne 2, pleine largeur */ .page__works .notion-collection__header-wrapper > .notion-collection-gallery, .page__works .notion-collection__header-wrapper > .notion-collection-gallery.small, .page__works .notion-collection__header-wrapper > .notion-collection-gallery.large{ grid-column:2 !important; width:100% !important; max-width:none !important; flex:1 1 auto !important; /* neutralise tout 50% résiduel */ min-width:0 !important; } /* Sécurité : les enfants de la grille peuvent rétrécir */ .page__works .notion-collection__header-wrapper > *{ min-width:0; } } /* === Works — pills + actif jaune (robuste /

S2_41 Aqua Translucent & Mint Green