diff --git a/.postcssrc.mjs b/.postcssrc.mjs
index 13c848faa..e46bce2e4 100644
--- a/.postcssrc.mjs
+++ b/.postcssrc.mjs
@@ -4,24 +4,7 @@ export default function (ctx) {
             "postcss-import": {
                 resolve: ctx.resolve,
             },
-            "tailwindcss/nesting": true,
-            tailwindcss: ctx.tailwindcss,
-            "postcss-assets": {
-                cachebuster: false,
-                basePath: `${ctx.basePath}/`,
-                baseUrl: "/_Resources/Static/Packages",
-                loadPaths: ["**/Resources/Public/**/*"],
-            },
-            "postcss-clip-path-polyfill": true,
-            autoprefixer: true,
-            cssnano: ctx.minify
-                ? {
-                      preset: ["default", { discardComments: { removeAll: true }, svgo: false, calc: false }],
-                  }
-                : false,
-            "postcss-reporter": {
-                clearReportedMessages: true,
-            },
+            "@tailwindcss/postcss": {},
         },
     };
 }
diff --git a/.stylelintrc b/.stylelintrc
index 3ed8e4d00..615aeb05c 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,24 +1,9 @@
 {
-  "extends": "stylelint-config-standard",
+  "extends": "stylelint-config-tailwindcss",
   "ignoreFiles": [
     "**/Public/**",
     "**/Private/Templates/**",
     "node_modules/**",
     "**/*.noLinter.*"
-  ],
-  "rules": {
-    "selector-class-pattern": "[a-z-_0-9]+",
-    "value-keyword-case": [
-      "lower",
-      { "camelCaseSvgKeywords": true, "ignoreFunctions": ["theme"] }
-    ],
-    "function-no-unknown": [true, { "ignoreFunctions": ["theme", "resolve"] }],
-    "declaration-property-value-no-unknown": [true, { "ignoreProperties": {
-      "/.+/": "/theme([^)]+)/"
-    }}],
-    "at-rule-no-unknown": [
-      true,
-      { "ignoreAtRules": ["tailwind", "apply", "layer", "screen"] }
-    ]
-  }
+  ]
 }
diff --git a/DistributionPackages/Neos.Presentation/Readme.md b/DistributionPackages/Neos.Presentation/Readme.md
index a93582a3b..4b736b4dc 100644
--- a/DistributionPackages/Neos.Presentation/Readme.md
+++ b/DistributionPackages/Neos.Presentation/Readme.md
@@ -2,34 +2,14 @@
 
 This package contains presentational components for neos.io sites.
 
-## Structure
-
-The package is structured in the following way:
-
-- `Resources/Private/Fusion`
-  - [Atoms](Resources/Private/Fusion/Atom) are basic elements that can be used to build more complex components. They should be styled with custom CSS classes by `@apply` and sometimes can contain custom JS/TS files.
-  - [Molecules](Resources/Private/Fusion/Molecule) are wrapper/container components that modify an existing content. They should be styled with inline Tailwind classes and can contain custom CSS classes and custom JS/TS files.
-  - [Organisms](Resources/Private/Fusion/Organism) are complex components that need custom CSS, JS/TS and are composed of multiple components.
-  - [Modules](Resources/Private/Fusion/Module) are components built from multiple atoms and molecules and **must not** contain custom CSS and JS/TS files.
-  If it does not make sense to use inline Tailwind and AlpineJS, then it probably makes sense to either extract a common used functionality to Atoms/Molecules or move the whole Module to Organisms.
-  - [Templates](Resources/Private/Fusion/Template) should be used to define the structure of a page. They should not contain any custom CSS and JS/TS files.
-  - [Styles](Resources/Private/Fusion/Styles) are used to define global styles. In [Typography.pcss](Resources/Private/Fusion/Styles/Typography.pcss) we define the global typography styles.
-  These are named `.display-STYLENAME` and have the same name as defined in Figma. 
-  - [Scripts](Resources/Private/Fusion/Scripts) are used to define global scripts.
-
 ## Guidelines
 
-### Fusion
-Neos Fusion prototypes of Atoms, Molecules and Organisms should be named without prefix:  
-e.g **Button** = `Neos.Presentation:Button`
-
-Modules & Templates should be named with prefix:  
-e.g **Teaser** = `Neos.Presentation:Module.Teaser`
-
 ### CSS
+
 We primarily use [TailwindCSS](https://tailwindcss.com/) and [PostCSS](https://postcss.org/) for styling.
 It should cover at least 80% of the styling needs.
-Only use custom CSS for advanced/complex stylings where you can `@apply` Tailwind classes to your custom CSS.
+Only use custom CSS for advanced/complex stylings.
 
 ### JS/TS
-We use inline [AlpineJS](https://alpinejs.dev/) for simple interactions and Alpine.data() for more complex interactions. 
+
+We use inline [AlpineJS](https://alpinejs.dev/) for simple interactions and Alpine.data() for more complex interactions.
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Main.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Main.pcss
new file mode 100644
index 000000000..9fed9e82e
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Main.pcss
@@ -0,0 +1,5 @@
+@import "tailwindcss" source(none);
+@import url("./Styles/*.pcss");
+@import url("../Fusion/**/*.pcss");
+@plugin "tailwindcss-hocus";
+@source "../**/*.{fusion,js,ts,html}";
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Main.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Main.ts
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Main.ts
rename to DistributionPackages/Neos.Presentation/Resources/Private/Assets/Main.ts
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/anchor.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/anchor.ts
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/anchor.ts
rename to DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/anchor.ts
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/directives.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/directives.ts
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/directives.ts
rename to DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/directives.ts
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/index.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/index.ts
new file mode 100644
index 000000000..a3f1e796e
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/index.ts
@@ -0,0 +1,38 @@
+import Alpine from 'alpinejs';
+import anchor from './anchor';
+import './magics';
+import './directives';
+import focus from '@alpinejs/focus';
+import intersect from '@alpinejs/intersect';
+import collapse from '@alpinejs/collapse';
+import clipboard from '@ryangjchandler/alpine-clipboard';
+import typewriter from '@marcreichel/alpine-typewriter';
+import disclosure from './ui/disclosure';
+import '../../Fusion/Presentation/LogoBar';
+import '../../Fusion/Organism/ImageCollage';
+import '../../Fusion/Organism/Navigation/Navigation.js';
+
+Alpine.data('exclusiveDisclosure', function (id: string | number) {
+    return {
+        id,
+        get expanded() {
+            return this.active === this.id;
+        },
+        set expanded(id) {
+            this.active = id ? this.id : null;
+        },
+        init() {
+            Alpine.bind(this.$root, this.root);
+        },
+        root: {
+            ['x-model']: 'expanded',
+        },
+    };
+});
+
+Alpine.plugin([anchor, clipboard, collapse, focus, intersect, typewriter, disclosure]);
+
+// @ts-ignore: Set Alpine as a global variable
+window.Alpine = Alpine;
+
+export { Alpine };
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/magics.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/magics.ts
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/magics.ts
rename to DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/magics.ts
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/raf.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/raf.ts
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/raf.ts
rename to DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/raf.ts
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/ui/disclosure.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/ui/disclosure.ts
new file mode 100644
index 000000000..7abb53b15
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Scripts/ui/disclosure.ts
@@ -0,0 +1,89 @@
+export default function (Alpine) {
+    Alpine.directive('disclosure', (el, directive) => {
+        if (!directive.value) handleRoot(el, Alpine);
+        else if (directive.value === 'panel') handlePanel(el, Alpine);
+        else if (directive.value === 'button') handleButton(el, Alpine);
+    }).before('bind');
+
+    Alpine.magic('disclosure', (el) => {
+        let $data = Alpine.$data(el);
+
+        return {
+            get isOpen() {
+                return $data.__isOpen;
+            },
+            close() {
+                $data.__close();
+            },
+        };
+    });
+}
+
+function handleRoot(el, Alpine) {
+    Alpine.bind(el, {
+        'x-modelable': '__isOpen',
+        'x-data'() {
+            return {
+                // The panel will call this...
+                // We can't do this inside a microtask in x-init because, when default-open is set to "true",
+                // It will cause the panel to transition in for the first time, instead of showing instantly...
+                __determineDefaultOpenState() {
+                    let defaultIsOpen = Boolean(Alpine.bound(this.$el, 'default-open', false));
+
+                    if (defaultIsOpen) this.__isOpen = defaultIsOpen;
+                },
+                __isOpen: false,
+                __close() {
+                    this.__isOpen = false;
+                },
+                __toggle() {
+                    this.__isOpen = !this.__isOpen;
+                },
+            };
+        },
+        'x-id'() {
+            return ['alpine-disclosure-panel'];
+        },
+    });
+}
+
+function handleButton(el, Alpine) {
+    Alpine.bind(el, {
+        'x-init'() {
+            if (this.$el.tagName.toLowerCase() === 'button' && !this.$el.hasAttribute('type')) this.$el.type = 'button';
+        },
+        '@click'() {
+            this.$data.__isOpen = !this.$data.__isOpen;
+        },
+        ':aria-expanded'() {
+            return this.$data.__isOpen;
+        },
+        ':aria-controls'() {
+            return this.$data.$id('alpine-disclosure-panel');
+        },
+        '@keydown.space.prevent.stop'() {
+            this.$data.__toggle();
+        },
+        '@keydown.enter.prevent.stop'() {
+            this.$data.__toggle();
+        },
+        // Required for firefox, event.preventDefault() in handleKeyDown for
+        // the Space key doesn't cancel the handleKeyUp, which in turn
+        // triggers a *click*.
+        '@keyup.space.prevent'() {},
+    });
+}
+
+function handlePanel(el, Alpine) {
+    Alpine.bind(el, {
+        'x-init'() {
+            this.$data.__determineDefaultOpenState();
+        },
+        'x-show'() {
+            return this.$data.__isOpen;
+        },
+        ':id'() {
+            return this.$data.$id('alpine-disclosure-panel');
+        },
+    });
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Animations.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Animations.pcss
similarity index 67%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Animations.pcss
rename to DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Animations.pcss
index 1929ccadc..374d53ab9 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Animations.pcss
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Animations.pcss
@@ -1,3 +1,29 @@
+@theme {
+  --animate-infinite-scroll: infinite-scroll 20s linear infinite;
+
+  @keyframes infinite-scroll {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(-100%);
+    }
+  }
+}
+
+@utility animation-pause {
+  animation-play-state: paused;
+}
+
+@utility animation-play {
+  animation-play-state: running;
+}
+
+@utility animation-state-finish {
+  animation-play-state: paused;
+  animation-direction: reverse;
+}
+
 @media (prefers-reduced-motion: no-preference) {
   :root {
     --anim-opacity: none;
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Base.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Base.pcss
new file mode 100644
index 000000000..93cf1bdda
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Base.pcss
@@ -0,0 +1,11 @@
+@theme {
+  --breakpoint-xxs: 23.5rem; /* 376px */
+  --breakpoint-xs: 30rem; /* 480px */
+}
+
+@layer base {
+  [x-cloak] {
+    pointer-events: none !important;
+    visibility: hidden !important;
+  }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Colors.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Colors.pcss
new file mode 100644
index 000000000..25bc075bc
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Colors.pcss
@@ -0,0 +1,33 @@
+@theme {
+  --color-*: initial;
+
+  --color-blue: #0114C2;
+  --color-blue-dark: #26224C;
+  --color-blue-light: #00CFFD;
+  --color-green: #35BA34;
+  --color-green-dark: #1D751D;
+  --color-purple: #8A3FFC;
+  --color-purple-dark: #602CB0;
+  --color-yellow: #F1C21B;
+  --color-yellow-dark: #B08C0E;
+
+  --color-orange: #FF832B;
+  --color-red: #FA4D56;
+
+  --color-black: #000;
+  --color-white: #fff;
+
+  --color-transparent: transparent;
+  --color-current: currentColor;
+
+  --color-neutral-90: #161616;
+  --color-neutral-80: #363636;
+  --color-neutral-70: #545454;
+  --color-neutral-60: #676767;
+  --color-neutral-50: #8F8F8F;
+  --color-neutral-40: #AFAFAF;
+  --color-neutral-30: #D4D4D4;
+  --color-neutral-20: #E5E5E5;
+  --color-neutral-10: #F0F0F0;
+  --color-neutral-05: #F8F8F8;
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Counter.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Counter.pcss
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Counter.pcss
rename to DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Counter.pcss
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Font.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Font.pcss
new file mode 100644
index 000000000..03fea02a6
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Font.pcss
@@ -0,0 +1,58 @@
+@layer base {
+  @font-face {
+    font-family: "Bricolage Grotesque";
+    font-style: normal;
+    font-weight: 200 800;
+    font-stretch: 75% 100%;
+    font-display: swap;
+    src: url("../Assets/Fonts/v8_latin-ext_200-800_normal_75-100.woff2") format("woff2");
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+
+  @font-face {
+    font-family: "Bricolage Grotesque";
+    font-style: normal;
+    font-weight: 200 800;
+    font-stretch: 75% 100%;
+    font-display: swap;
+    src: url("../Assets/Fonts/v8_latin_200-800_normal_75-100.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+}
+
+@theme {
+  --font-sans: "Bricolage Grotesque";
+
+  --text-xxs: 0.625rem; /* 10px */
+  --text-xxs--line-height: calc(1 / 0.625);
+  --text-xs: 0.75rem; /* 12px */
+  --text-xs--line-height: calc(1 / 0.75);
+  --text-sm: 0.875rem; /* 14px */
+  --text-sm--line-height: calc(1.25 / 0.875);
+  --text-base: 1rem; /* 16px */
+  --text-base--line-height: calc(1.5 / 1);
+  --text-md: 1.125rem; /* 18px */
+  --text-md--line-height: calc(1.75 / 1.125);
+  --text-lg: 1.25rem; /* 20px */
+  --text-lg--line-height: calc(1.75 / 1.25);
+  --text-xl: 1.375rem; /* 22px */
+  --text-xl--line-height: calc(1.75 / 1.375);
+  --text-2xl: 1.5rem; /* 24px */
+  --text-2xl--line-height: calc(2 / 1.5);
+  --text-3xl: 1.75rem; /* 28px */
+  --text-3xl--line-height: calc(2.25 / 1.75);
+  --text-4xl: 2rem; /* 32px */
+  --text-4xl--line-height: calc(2.5 / 2);
+  --text-5xl: 2.25rem; /* 36px */
+  --text-5xl--line-height: calc(2.5 / 2.25);
+  --text-6xl: 2.5rem; /* 40px */
+  --text-6xl--line-height: 1;
+  --text-7xl: 2.8125rem; /* 45px */
+  --text-7xl--line-height: 1;
+  --text-8xl: 3.5625rem; /* 57px */
+  --text-8xl--line-height: 1;
+  --text-9xl: 4rem; /* 64px */
+  --text-9xl--line-height: 1;
+  --text-10xl: 4.5rem; /* 57px */
+  --text-10xl--line-height: 1;
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Typography.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Typography.pcss
new file mode 100644
index 000000000..be347ce25
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Assets/Styles/Typography.pcss
@@ -0,0 +1,187 @@
+@layer components {
+  :where(
+    .display-headline-xl,
+    .display-headline-lg,
+    .display-headline-md,
+    .display-headline-sm,
+    .display-title-lg,
+    .display-title-md,
+    .display-title-sm,
+    .display-lead,
+    .display-body-lg,
+    .display-body-md,
+    .display-body-sm,
+    .display-label-lg,
+    .display-label-md,
+    .display-label-sm,
+    .display-cta-xl,
+    .display-cta-lg,
+    .display-cta-sm
+  ) {
+    font-weight: var(--font-weight);
+    text-wrap: var(--text-wrap, pretty);
+
+    :where(strong, b) {
+      font-weight: var(--font-weight-strong);
+    }
+  }
+
+  .display-headline-xl,
+  .display-headline-lg,
+  .display-headline-md,
+  .display-headline-sm,
+  .display-title-lg,
+  .display-title-md,
+  .display-title-sm,
+  .display-cta-xl,
+  .display-cta-lg,
+  .display-cta-sm {
+    --font-weight: 500;
+    --font-weight-strong: 800;
+    --text-wrap: balance;
+  }
+
+  .display-lead,
+  .display-body-lg,
+  .display-body-md,
+  .display-body-sm,
+  .display-label-md,
+  .display-label-sm {
+    --font-weight: 400;
+    --font-weight-strong: 700;
+  }
+
+  .display-label-md {
+    --font-weight: 600;
+    --font-weight-strong: 600;
+  }
+
+  :where(.display-headline-xl, .display-headline-lg, .display-headline-md, .display-headline-sm, .display-title-lg, .display-title-md, .display-title-sm, .display-lead) {
+    --font-size: var(--font-size-mobile);
+    --line-height: var(--line-height-mobile);
+
+    font-size: var(--font-size);
+    line-height: var(--line-height);
+
+    @media (width >= theme(--breakpoint-md)) {
+      --font-size: var(--font-size-tablet, var(--font-size-mobile));
+      --line-height-mobile: var(--line-height-tablet, var(--line-height-mobile));
+    }
+
+    @media (width >= theme(--breakpoint-lg)) {
+      --font-size: var(--font-size-desktop, var(--font-size-tablet, var(--font-size-mobile)));
+      --line-height-mobile: var(--line-height-desktop, var(--line-height-tablet, var(--line-height-mobile)));
+    }
+  }
+
+  .display-headline-xl {
+    --font-size-mobile: var(--text-6xl);
+    --line-height-mobile: var(--text-6xl--line-height);
+    --font-size-tablet: var(--text-8xl);
+    --line-height-tablet: var(--text-8xl--line-height);
+    --font-size-desktop: var(--text-10xl);
+    --line-height-desktop: var(--text-10xl--line-height);
+  }
+
+  .display-headline-lg {
+    --font-size-mobile: var(--text-5xl);
+    --line-height-mobile: var(--text-5xl--line-height);
+    --font-size-tablet: var(--text-7xl);
+    --line-height-tablet: var(--text-7xl--line-height);
+    --font-size-desktop: var(--text-9xl);
+    --line-height-desktop: var(--text-9xl--line-height);
+  }
+
+  .display-headline-md {
+    --font-size-mobile: var(--text-4xl);
+    --line-height-mobile: var(--text-4xl--line-height);
+    --font-size-tablet: var(--text-6xl);
+    --line-height-tablet: var(--text-6xl--line-height);
+    --font-size-desktop: var(--text-8xl);
+    --line-height-desktop: var(--text-8xl--line-height);
+  }
+
+  .display-headline-sm {
+    --font-size-mobile: var(--text-3xl);
+    --line-height-mobile: var(--text-3xl--line-height);
+    --font-size-tablet: var(--text-4xl);
+    --line-height-tablet: var(--text-4xl--line-height);
+    --font-size-desktop: var(--text-7xl);
+    --line-height-desktop: var(--text-7xl--line-height);
+  }
+
+  .display-title-lg {
+    --font-size-mobile: var(--text-2xl);
+    --line-height-mobile: var(--text-2xl--line-height);
+    --font-size-tablet: var(--text-3xl);
+    --line-height-tablet: var(--text-3xl--line-height);
+    --font-size-desktop: var(--text-4xl);
+    --line-height-desktop: var(--text-4xl--line-height);
+  }
+
+  .display-title-md {
+    --font-size-mobile: var(--text-lg);
+    --line-height-mobile: var(--text-lg--line-height);
+    --font-size-tablet: var(--text-xl);
+    --line-height-tablet: var(--text-xl--line-height);
+  }
+
+  .display-title-sm {
+    --font-size-mobile: var(--text-base);
+    --line-height-mobile: var(--text-base--line-height);
+    --font-size-desktop: var(--text-lg);
+    --line-height-desktop: var(--text-lg--line-height);
+  }
+
+  .display-lead {
+    --font-size-mobile: var(--text-base);
+    --line-height-mobile: var(--text-base--line-height);
+    --font-size-tablet: var(--text-lg);
+    --line-height-tablet: var(--text-lg--line-height);
+  }
+
+  .display-body-lg {
+    font-size: var(--text-base);
+    line-height: var(--text-base--line-height);
+  }
+
+  .display-body-md {
+    font-size: var(--text-sm);
+    line-height: var(--text-sm--line-height);
+  }
+
+  .display-body-sm {
+    font-size: var(--text-xs);
+    line-height: var(--text-xs--line-height);
+  }
+
+  .display-label-lg {
+    font-size: var(--text-sm);
+    line-height: var(--text-sm--line-height);
+  }
+
+  .display-label-md {
+    font-size: var(--text-xs);
+    line-height: var(--text-xs--line-height);
+  }
+
+  .display-label-sm {
+    font-size: var(--text-xxs);
+    line-height: var(--text-xxs--line-height);
+  }
+
+  .display-cta-xl {
+    font-size: var(--text-lg);
+    line-height: var(--text-lg--line-height);
+  }
+
+  .display-cta-lg {
+    font-size: var(--text-base);
+    line-height: var(--text-base--line-height);
+  }
+
+  .display-cta-sm {
+    font-size: var(--text-sm);
+    line-height: var(--text-sm--line-height);
+  }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/AnimatedArrow.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/AnimatedArrow.fusion
deleted file mode 100644
index 666366507..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/AnimatedArrow.fusion
+++ /dev/null
@@ -1,42 +0,0 @@
-prototype(Neos.Presentation:Atom.AnimatedArrow) < prototype(Neos.Fusion:Component) {
-    @styleguide {
-        title = 'Animated Arrow'
-        props {
-            style = 'width: 90px;margin: 100px auto'
-            class = 'group'
-        }
-    }
-
-    @propTypes {
-        style = PropTypes:String
-        class = PropTypes:Union {
-            string = PropTypes:String
-            array = PropTypes:Array {
-                type = PropTypes:String
-            }
-        }
-        lineClass = PropTypes:Union {
-            string = PropTypes:String
-            array = PropTypes:Array {
-                type = PropTypes:String
-            }
-        }
-    }
-
-    class = 'w-4'
-    lineClass = 'transition-transform ease-[steps(5)] scale-x-0 group-hover:scale-x-100 duration-500 origin-right'
-
-    renderer = afx`
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 5 5"
-            fill="currentColor"
-            class={props.class}
-            style={props.style}
-            aria-hidden="true"
-        >
-            <path class={props.lineClass} d="M0 2h4v1H0z"/>
-            <path d="M2 0h1v1H2zM3 1h1v1H3zM4 2h1v1H4zM3 3h1v1H3zM2 4h1v1H2z"/>
-        </svg>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Icon.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Icon.fusion
deleted file mode 100644
index ba44ac39e..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Icon.fusion
+++ /dev/null
@@ -1,45 +0,0 @@
-prototype(Neos.Presentation:Icon) < prototype(Neos.Fusion:Component) {
-
-    @propTypes {
-        inline = ${PropTypes.boolean}
-        name = ${PropTypes.string}
-        fallbackName = ${PropTypes.string}
-        class = ${PropTypes.string}
-    }
-
-    name = null
-    name.@process.clean = ${String.trim(String.toLowerCase(value))}
-
-    fallbackName = null
-    fallbackName.@process.clean = ${String.trim(String.toLowerCase(value))}
-
-    inline = null
-
-    class = null
-
-    renderer = Neos.Fusion:Augmenter {
-        data-icon-name = ${props.name}
-        data-icon-name.@if.hasName = ${props.name}
-
-        class = ${props.class}
-
-        content = Neos.Fusion:Case {
-            inlineExists {
-                condition = ${!!props.inline}
-                renderer = ${props.inline}
-            }
-            nameExists {
-                condition = ${File.exists('resource://Neos.Presentation/Public/Assets/Icons/' + props.name + '.svg')}
-                renderer = ${StaticResource.content('Neos.Presentation', 'Public/Assets/Icons/' + props.name + '.svg')}
-            }
-            fallbackNameExists {
-                condition = ${File.exists('resource://Neos.Presentation/Public/Assets/Icons/' + props.fallbackName + '.svg')}
-                renderer = ${StaticResource.content('Neos.Presentation', 'Public/Assets/Icons/' + props.fallbackName + '.svg')}
-            }
-            error {
-                condition = true
-                renderer = ${StaticResource.content('Neos.Presentation', 'Public/Assets/Icons/iconnotfound.svg')}
-            }
-        }
-    }
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Button.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Button.fusion
deleted file mode 100644
index 1becf3448..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Button.fusion
+++ /dev/null
@@ -1,76 +0,0 @@
-prototype(Neos.Presentation:Button) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Button'
-        props {
-            text = 'Button Text'
-        }
-        useCases {
-            link.props {
-                text = 'Button as Link'
-                variant = 'link'
-            }
-            icon.props {
-                text = 'Button with Icon'
-                icon = 'animatedArrow'
-            }
-        }
-    }
-
-    @propTypes {
-        variant = ${PropTypes.oneOf(['button', 'link'])}
-        text = ${PropTypes.string.isRequired}
-        href = ${PropTypes.anyOf(PropTypes.string)}
-        icon = ${PropTypes.anyOf(PropTypes.string, PropTypes.any)}
-        srOnlyLabel = ${PropTypes.boolean}
-    }
-
-    text = null
-    variant = 'button'
-    icon = null
-    srOnlyLabel = false
-
-    attributes = Neos.Fusion:DataStructure
-    class = null
-
-    @private {
-        labelText = ${props.srOnlyLabel ? '<span class="sr-only">' + props.text + '</span>' : props.text}
-        icon = Neos.Fusion:Case {
-            animatedArrow {
-                condition = ${props.icon == 'animatedArrow'}
-                renderer = Neos.Presentation:Atom.AnimatedArrow
-            }
-            string {
-                condition = ${Type.isString(props.icon)}
-                renderer = ${props.icon}
-            }
-            icon {
-                condition = ${props.icon}
-                renderer = Neos.Presentation:Icon {
-                    @apply.props = ${props.icon}
-                    class = "w-5"
-                }
-            }
-        }
-    }
-
-    renderer = Neos.Fusion:Tag {
-        tagName = 'button'
-        attributes {
-            @apply.attributes = ${props.attributes}
-            class = ${Carbon.String.classNames(
-                'n-button n-interactive',
-                {
-                    'n-interactive--button': props.variant == 'button',
-                    'n-interactive--link': props.variant == 'link',
-                    'group': props.icon == 'animatedArrow'
-                },
-                props.class
-            )}
-        }
-        content = afx`
-            <span>{private.labelText}</span>
-            {private.icon}
-        `
-    }
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Interactive.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Interactive.pcss
deleted file mode 100644
index 251d4de99..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Interactive.pcss
+++ /dev/null
@@ -1,23 +0,0 @@
-.n-interactive {
-  @apply inline-flex justify-center items-center gap-2;
-}
-
-.n-interactive--button {
-  @apply px-6 py-4;
-  @apply text-white bg-green hover:bg-green-dark;
-
-  &[disabled] {
-    @apply text-white bg-gray hover:bg-gray;
-  }
-}
-
-.n-interactive--link {
-  @apply pt-3 pb-1 border-b;
-  @apply text-black hover:text-lightblue;
-  @apply border-darkblue hover:border-lightblue;
-
-  &[disabled] {
-    @apply text-gray hover:text-gray;
-    @apply border-gray hover:border-gray;
-  }
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Link.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Link.fusion
deleted file mode 100644
index 4ed00ed04..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Interactive/Link.fusion
+++ /dev/null
@@ -1,80 +0,0 @@
-prototype(Neos.Presentation:Link) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Link'
-        props {
-            text = 'Link Text'
-            href = '#link'
-        }
-        useCases {
-            button.props {
-                text = 'Link as Button'
-                href = '#link'
-                variant = 'button'
-            }
-            icon.props {
-                text = 'Link with Icon'
-                href = '#link'
-                icon = 'animatedArrow'
-            }
-        }
-    }
-
-    @propTypes {
-        variant = ${PropTypes.oneOf(['button', 'link'])}
-        text = ${PropTypes.string.isRequired}
-        href = ${PropTypes.anyOf(PropTypes.string)}
-        icon = ${PropTypes.anyOf(PropTypes.string, PropTypes.any)}
-        srOnlyLabel = ${PropTypes.boolean}
-    }
-
-    text = null
-    variant = 'link'
-    icon = null
-    srOnlyLabel = false
-
-    attributes = Neos.Fusion:DataStructure
-    class = null
-
-    @private {
-        labelText = ${props.srOnlyLabel ? '<span class="sr-only">' + props.text + '</span>' : props.text}
-        icon = Neos.Fusion:Case {
-            animatedArrow {
-                condition = ${props.icon == 'animatedArrow'}
-                renderer = Neos.Presentation:Atom.AnimatedArrow
-            }
-            string {
-                condition = ${Type.isString(props.icon)}
-                renderer = ${props.icon}
-            }
-            icon {
-                condition = ${props.icon}
-                renderer = Neos.Presentation:Icon {
-                    @apply.props = ${props.icon}
-                    class = "w-5"
-                }
-            }
-        }
-    }
-
-    renderer = Neos.Fusion:Tag {
-        tagName = 'a'
-        attributes {
-            @apply.attributes = ${props.attributes}
-            class = ${Carbon.String.classNames(
-                'n-link n-interactive',
-                {
-                    'n-interactive--button': props.variant == 'button',
-                    'n-interactive--link': props.variant == 'link',
-                    'group': props.icon == 'animatedArrow'
-                },
-                props.class
-            )}
-            href = ${props.href}
-        }
-        content = afx`
-            <span>{private.labelText}</span>
-            {private.icon}
-        `
-    }
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Readme.md b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Readme.md
deleted file mode 100644
index 5d393d3eb..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Readme.md
+++ /dev/null
@@ -1,6 +0,0 @@
-## Atoms
-
-Atoms are the smallest building blocks of the design system.
-They are the basic elements that can be used to build more complex components.
-
-They do not define margin outside. They have to be very flexible and should only be touched with the global scope in mind.
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/SquareIcon.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/SquareIcon.fusion
deleted file mode 100644
index 6e2a4a44b..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/SquareIcon.fusion
+++ /dev/null
@@ -1,36 +0,0 @@
-prototype(Neos.Presentation:SquareIcon) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Square Icon'
-        props {
-            text = 'Forever Open Source'
-            iconName = 'heart'
-            color = 'purple'
-        }
-    }
-
-    @propTypes {
-        text = PropTypes:String
-        iconName = PropTypes:String
-        color = PropTypes:String
-        class = PropTypes:String
-    }
-
-    @private.backgroundColorClass = Neos.Fusion:Match {
-        @subject = ${props.color}
-        @default = 'bg-accent-lightblue'
-        yellow = 'bg-accent-yellow'
-        purple = 'bg-accent-purple'
-    }
-
-    text = null
-    iconName = null
-    color = null
-
-    renderer = afx`
-        <div @if={props.iconName} class={['w-44 lg:w-56 lg:p-4 p-3 flex flex-col square-icon aspect-square text-white', private.backgroundColorClass, props.class]}>
-            <Neos.Presentation:Icon name={props.iconName} class="w-8 lg:w-12 h-auto" />
-            <div @if={props.text} class="text mt-auto break-words hyphens-auto text-lg lg:text-2xl font-medium">{props.text}</div>
-        </div>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Headline.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Headline.fusion
deleted file mode 100644
index a7bcb0b18..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Headline.fusion
+++ /dev/null
@@ -1,23 +0,0 @@
-prototype(Neos.Presentation:Headline) < prototype(Neos.Presentation:Paragraph) {
-
-    @styleguide {
-        title = "Headline"
-        props {
-            text = 'Headline Text'
-            tagName = 'h2'
-            display = 'tagname'
-        }
-    }
-
-    @propTypes {
-        text = ${PropTypes.string}
-        tagName = ${PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'])}
-        display = ${PropTypes.anyOf(PropTypes.string, PropTypes.integer, PropTypes.oneOf(['tagname', '', null]))}
-    }
-
-    text = ''
-    tagName = 'h2'
-    display = 'tagname'
-
-    renderer.attributes.class.@process.component = ${['n-headline', value]}
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Paragraph.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Paragraph.fusion
deleted file mode 100644
index 92c6175af..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Paragraph.fusion
+++ /dev/null
@@ -1,41 +0,0 @@
-prototype(Neos.Presentation:Paragraph) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = "Paragraph"
-        props {
-            text = 'Lorem ipsum dolor <em>sit amet</em>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum</strong> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
-        }
-    }
-
-    @propTypes {
-        text = ${PropTypes.string}
-        tagName = ${PropTypes.oneOf(['p'])}
-        // see for all options the `display-*` classnames in resource://Neos.Presentation/Private/Fusion/Styles/Typography.pcss
-        display = ${PropTypes.anyOf(PropTypes.string, PropTypes.oneOf(['tagname', '', null]))}
-    }
-
-    text = ''
-    tagName = 'p'
-
-    // By default we use the defined tagname
-    display = 'tagname'
-    display.@process.fallback = ${!Type.isString(value) && !Type.isInteger(value) ? 'tagname' : value}
-
-    class = ''
-
-    renderer = Neos.Fusion:Tag {
-        tagName = ${props.tagName}
-        attributes = Neos.Fusion:DataStructure {
-            @apply.attributes = ${props.attributes}
-            class = ${Carbon.String.classNames(
-                'display-' + props.display,
-                props.class
-            )}
-            style = ${props.style}
-        }
-
-        content = ${props.content || props.text}
-    }
-
-    renderer.attributes.class.@process.component = ${'n-paragraph ' + value}
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Readme.md b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Readme.md
deleted file mode 100644
index c4a7571ae..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/Text/Readme.md
+++ /dev/null
@@ -1 +0,0 @@
-Text styling is defined in Typography.pcss. The text styling is responsive ands its definition name can be read in figma devmode.
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Main.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Main.pcss
deleted file mode 100644
index 63d656048..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Main.pcss
+++ /dev/null
@@ -1,11 +0,0 @@
-@import url("tailwindcss/base");
-@import url("tailwindcss/components");
-
-/* Add here the imports from subfolders */
-@import url("Atom/**/*.pcss");
-@import url("Molecule/**/*.pcss");
-
-/* Modules should not contain any custom CSS or JS/TS and instead use inline Tailwind and Alpinejs */
-@import url("Organism/**/*.pcss");
-@import url("Styles/*.pcss");
-@import url("tailwindcss/utilities");
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion
index ba0125252..31ef1e56b 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Footer.fusion
@@ -99,21 +99,21 @@ prototype(Neos.Presentation:Module.Footer) < prototype(Neos.Fusion:Component) {
     }
 
     renderer = afx`
-      <Neos.Presentation:Background variant="gradient">
+      <Neos.Presentation:Background background="gradient">
         <Neos.Presentation:Spacing y>
           <Neos.Presentation:Spacing x y="small" size>
             <div class="flex flex-wrap gap-12 mb-10">
               <div class="flex-grow grid gap-y-14">
                 <Neos.Presentation:Icon name="neos-white-logo" class="h-12" />
                 <Neos.Presentation:Paragraph
-                  text="Neos is free and open source software licensed under GPL v3 or later. Created with passion by over 100 contributors around the world."
+                  content="Neos is free and open source software licensed under GPL v3 or later. Created with passion by over 100 contributors around the world."
                   class="max-w-screen-xxs"
                 />
               </div>
-              <div class="flex flex-grow-[3] flex-wrap gap-8">
+              <div class="flex grow-3 flex-wrap gap-8">
                 <Neos.Fusion:Loop items={props.linkGroups} itemName="group">
-                  <div class="flex-grow">
-                    <Neos.Presentation:Headline display="title-md" text={group.title} />
+                  <div class="grow">
+                    <Neos.Presentation:Headline display="title-md" content={group.title} />
                     <div class="grid gap-y-1 mt-6">
                         <Neos.Fusion:Loop items={group.links} itemName="link">
                             <a href={link.link} class="py-1 hover:underline underline-offset-8 display-body-lg">{link.title}</a>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/List/List.Fragment.Item.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/List/List.Fragment.Item.fusion
deleted file mode 100644
index 4e324b9c5..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/List/List.Fragment.Item.fusion
+++ /dev/null
@@ -1,56 +0,0 @@
-prototype(Neos.Presentation:List.Fragment.Item) < prototype(Neos.Fusion:Component) {
-
-    @propTypes {
-        image = PropTypes:DataStructure {
-            imageSource = PropTypes:InstanceOf {
-                type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-            }
-            alternativeText = PropTypes:String
-        }
-        link = PropTypes:String
-        label = PropTypes:String
-        category = PropTypes:DataStructure {
-            label = PropTypes:String
-            color = PropTypes:String
-        }
-    }
-
-    @private {
-        hasImage = ${!!props.image.imageSource}
-    }
-
-    renderer = afx`
-        <li
-            x-data={private.hasImage ? "{open:false}" : null}
-            x-on:mouseenter={private.hasImage ? "open=true" : null}
-            x-on:mouseleave={private.hasImage ? "open=false" : null}
-            class="n-counter__increment relative group flex flex-col gap-7 transition py-2 duration-500 bg-accent-yellow bg-opacity-0 min-h-32 justify-center hover:bg-opacity-100 md:flex-row md:justify-between md:items-center"
-        >
-            <a href={props.link} class="flex gap-4 after:absolute after:inset-0 after:z-20 md:gap-14">
-                <span class="n-counter__decimal-leading-zero transition-transform group-hover:translate-x-8 delay-100 md:delay-0"></span>
-                <span class="transition-transform group-hover:translate-x-8 delay-100 md:delay-0">{props.label}</span>
-            </a>
-            <span class="flex order-first items-baseline gap-6 md:order-none transition-transform group-hover:translate-x-8 md:basis-72 md:delay-75">
-                <span class="aspect-square h-6 translate-y-1" style={"background-color:" + props.category.color}></span>
-                <span>{props.category.label}</span>
-            </span>
-            <Neos.Presentation:Atom.AnimatedArrow class="hidden md:block group-hover:translate-x-8 delay-150 mr-16 w-5" />
-            <figure
-                @if={private.hasImage}
-                class="absolute pointer-events-none z-40 shadow max-w-[calc(100%-100px)] w-96"
-                x-cloak
-                x-transition
-                x-show="open"
-                "x-anchor.right.offset.50"="mouse"
-            >
-                <Sitegeist.Kaleidoscope:Image
-                    imageSource={props.image.imageSource}
-                    alt={props.image.alternativeText}
-                    width={384}
-                    srcset="1x,2x"
-                    lazy={true}
-                />
-            </figure>
-        </li>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/PersonCards.Card.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/PersonCards.Card.fusion
deleted file mode 100644
index 196c166bd..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/PersonCards.Card.fusion
+++ /dev/null
@@ -1,25 +0,0 @@
-prototype(Neos.Presentation:Module.PersonCards.Card) < prototype(Neos.Fusion:Component) {
-
-    name = null
-    email = null
-    image = null
-    variant = null
-
-    renderer = afx`
-        <li class="flex flex-col">
-            <figure class="relative">
-                <Sitegeist.Kaleidoscope:Image {...props.image} attributes.class="aspect-portrait w-full object-cover"/>
-                <!-- FIXME: Use actual pixel overlay instead of simple background -->
-                <Neos.Presentation:Background variant={"accent-" + props.variant} class="absolute bottom-0 w-full h-[160px] opacity-50"/>
-            </figure>
-            <Neos.Presentation:Background variant={"accent-" + props.variant} class="p-8 flex-1 flex flex-col">
-                <Neos.Presentation:Headline text={props.name} tagName="h3" display="title-lg flex-1"/>
-                <a href={"mailto:" + props.email}>
-                    <span class="sr-only">Email</span>
-                    <Neos.Presentation:Icon name="email" class="w-5 inline-block mr-2"/>
-                    {props.email}
-                </a>
-            </Neos.Presentation:Background>
-        </li>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/PersonCards.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/PersonCards.fusion
deleted file mode 100644
index 6719b170c..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/PersonCards.fusion
+++ /dev/null
@@ -1,66 +0,0 @@
-prototype(Neos.Presentation:Module.PersonCards) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = "Person Cards"
-        props {
-            headline.text = 'Ready for <strong>Neos CMS?</strong>'
-            cards = Neos.Fusion:DataStructure {
-                0 {
-                    name = "Karsten Dambekalns"
-                    email = "karsten@neos.io"
-                    variant = "blue"
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
-                        uri = 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=facearea&facepad=5&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'
-                    }
-                }
-                1 {
-                    name = "Anke Häslich"
-                    email = "anke@neos.io"
-                    variant = "purple"
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
-                        uri = 'https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&crop=faces&fp-y=0.8&fp-z=2&w=1024&h=1024&q=80'
-                    }
-                }
-                2 {
-                    name = "Christian Müller"
-                    email = "christian@neos.io"
-                    variant = "green"
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
-                        uri = 'https://images.unsplash.com/photo-1521119989659-a83eee488004?auto=format&crop=faces&fp-y=0.8&fp-z=2&w=1024&h=1024&q=80'
-                    }
-                }
-            }
-        }
-    }
-
-    @propTypes {
-        headline = PropTypes:FromPrototype {
-            prototypeName = "Neos.Presentation:Headline"
-        }
-        cards = PropTypes:Array {
-            type = PropTypes:DataStructure {
-                name = PropTypes:String
-                email = PropTypes:String
-                image.imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
-            }
-        }
-    }
-
-    headline = null
-    cards = null
-
-    renderer = afx`
-        <Neos.Presentation:Spacing size x y>
-            <Neos.Presentation:Spacing y="small">
-                <Neos.Presentation:Headline {...props.headline} display="headline-lg" class="text-center"/>
-            </Neos.Presentation:Spacing>
-            <Neos.Presentation:Spacing y="small">
-                <ul role="list" class="grid lg:grid-cols-3 items-stretch gap-x-6 gap-y-16 mx-0 text-white">
-                    <Neos.Fusion:Loop items={props.cards} itemName="card">
-                        <Neos.Presentation:Module.PersonCards.Card {...card}/>
-                    </Neos.Fusion:Loop>
-                </ul>
-            </Neos.Presentation:Spacing>
-        </Neos.Presentation:Spacing>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Teaser.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Teaser.fusion
index e6a486332..f7e739f5b 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Teaser.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/Teaser.fusion
@@ -6,7 +6,7 @@ prototype(Neos.Presentation:Module.Teaser) < prototype(Neos.Fusion:Component) {
             headline.text = 'Ready for <strong>Neos CMS?</strong>'
             primaryLink.text = 'Try Neos now'
             primaryLink.icon = Neos.Presentation:Icon {
-                name = 'animated-arrow'
+                name = 'animatedArrow'
                 class = 'h-6'
             }
             secondaryLink.text = 'View features'
@@ -25,10 +25,10 @@ prototype(Neos.Presentation:Module.Teaser) < prototype(Neos.Fusion:Component) {
             prototypeName = "Neos.Presentation:Paragraph"
         }
         primaryLink = PropTypes:FromPrototype {
-            prototypeName = "Neos.Presentation:Link"
+            prototypeName = "Neos.Presentation:Button"
         }
         secondaryLink = PropTypes:FromPrototype {
-            prototypeName = "Neos.Presentation:Link"
+            prototypeName = "Neos.Presentation:Button"
         }
     }
 
@@ -42,11 +42,11 @@ prototype(Neos.Presentation:Module.Teaser) < prototype(Neos.Fusion:Component) {
                     </Neos.Presentation:Spacing>
                     <Neos.Presentation:Spacing y="small">
                         <div class="flex flex-wrap gap-10 items-center">
-                            <Neos.Presentation:Link
+                            <Neos.Presentation:Button
                                 @if={props.primaryLink.text}
                                 {...props.primaryLink}
                                 variant="button" />
-                            <Neos.Presentation:Link
+                            <Neos.Presentation:Button
                                 @if={props.secondaryLink.text}
                                 {...props.secondaryLink} />
                         </div>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/TextAndImage.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/TextAndImage.fusion
index 2bb237d5d..9ee3e81bb 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/TextAndImage.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/TextAndImage.fusion
@@ -6,7 +6,7 @@ prototype(Neos.Presentation:Module.TextAndImage) < prototype(Neos.Fusion:Compone
             headline.text = 'Meet the <strong>Community</strong>'
             description.text = 'The Neos Team consists of many independent individuals who are actively contributing to Neos. Each has their own focus and specialty. Together with the Neos community they push the project forward. This includes the organisation of Neos events, contributing code, writing documentation, managing the websites & services used by the community and much more.'
             image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource
-            button.text = 'More information'
+            button.content = 'More information'
         }
     }
 
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Background/Background.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Background/Background.fusion
deleted file mode 100644
index 80cb4c7e1..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Background/Background.fusion
+++ /dev/null
@@ -1,55 +0,0 @@
-prototype(Neos.Presentation:Background) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = "Background"
-        props {
-            variant = null
-            content = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda atque cumque, dignissimos ea eos error in iure laboriosam libero mollitia nam nemo omnis, perferendis quisquam recusandae reiciendis repudiandae unde ut!'
-        }
-        propSets {
-            gradient {
-                variant = 'gradient'
-                content = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda atque cumque, dignissimos ea eos error in iure laboriosam libero mollitia nam nemo omnis, perferendis quisquam recusandae reiciendis repudiandae unde ut!'
-            }
-        }
-    }
-
-    @propTypes {
-        variant = ${PropTypes.oneOf(['gradient', 'brand', 'accent-purple', 'accent-blue', 'accent-lightblue', 'accent-green', 'accent-yellow', 'accent-orange', 'accent-red'])}
-        tagName = ${PropTypes.string}
-        style = ${PropTypes.any}
-        class = ${PropTypes.any}
-    }
-
-    variant = null
-
-    tagName = 'div'
-    style = null
-    class = null
-
-    content = null
-
-    renderer = afx`
-        <Neos.Fusion:Tag
-            tagName={props.tagName}
-            attributes.style={props.style}
-            attributes.class={Carbon.String.classNames(
-                'n-background',
-                {
-                    'n-background--gradient': props.variant == 'gradient',
-                    'n-background--brand': props.variant == 'brand',
-                    'n-background--accent-purple': props.variant == 'accent-purple',
-                    'n-background--accent-blue': props.variant == 'accent-blue',
-                    'n-background--accent-lightblue': props.variant == 'accent-lightblue',
-                    'n-background--accent-green': props.variant == 'accent-green',
-                    'n-background--accent-yellow': props.variant == 'accent-yellow',
-                    'n-background--accent-orange': props.variant == 'accent-orange',
-                    'n-background--accent-red': props.variant == 'accent-red'
-                },
-                props.class
-            )}
-        >
-            {props.content}
-        </Neos.Fusion:Tag>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Background/Background.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Background/Background.pcss
deleted file mode 100644
index 3f95290fc..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Background/Background.pcss
+++ /dev/null
@@ -1,55 +0,0 @@
-.n-background {
-  @apply flow-root;
-}
-
-.n-background--gradient {
-  @apply bg-gradient-to-r gradient-blue text-white;
-}
-
-.n-background--brand {
-  @apply bg-darkblue text-white;
-  --n-fg: var(--color-white);
-  --n-bg: var(--color-darkblue);
-}
-
-.n-background--accent-purple {
-  @apply bg-accent-purple text-white;
-  --n-fg: var(--color-white);
-  --n-bg: var(--color-accent-purple);
-}
-
-.n-background--accent-blue {
-  @apply bg-accent-blue text-white;
-  --n-fg: var(--color-white);
-  --n-bg: var(--color-accent-blue);
-}
-
-.n-background--accent-lightblue {
-  @apply bg-accent-lightblue text-darkblue;
-  --n-fg: var(--color-darkblue);
-  --n-bg: var(--color-accent-lightblue);
-}
-
-.n-background--accent-green {
-  @apply bg-accent-green text-darkblue;
-  --n-fg: var(--color-black);
-  --n-bg: var(--color-accent-green);
-}
-
-.n-background--accent-yellow {
-  @apply bg-accent-yellow text-black;
-  --n-fg: var(--color-black);
-  --n-bg: var(--color-accent-yellow);
-}
-
-.n-background--accent-orange {
-  @apply bg-accent-orange text-black;
-  --n-fg: var(--color-black);
-  --n-bg: var(--color-accent-orange);
-}
-
-.n-background--accent-red {
-  @apply bg-accent-red text-white;
-  --n-fg: var(--color-white);
-  --n-bg: var(--color-accent-red);
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.Box.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.Box.fusion
deleted file mode 100644
index 969764b60..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.Box.fusion
+++ /dev/null
@@ -1,99 +0,0 @@
-prototype(Neos.Presentation:BentoBoxes.Box) < prototype(Neos.Fusion:Component) {
-
-    @propTypes {
-        background = PropTypes:Enum {
-            1 = 'gradient'
-            2 = 'brand'
-            3 = 'accent-purple'
-            4 = 'accent-blue'
-            5 = 'accent-lightblue'
-            6 = 'accent-green'
-            7 = 'accent-yellow'
-            8 = 'accent-orange'
-            9 = 'accent-red'
-        }
-        link = PropTypes:String
-        assetAlign = PropTypes:String
-        heading = PropTypes:FromPrototype {
-            prototypeName = 'Neos.Presentation:Headline'
-        }
-        linkLabel = PropTypes:String
-        video = PropTypes:FromPrototype {
-            prototypeName = 'Neos.Presentation:InlineVideo'
-        }
-        image = PropTypes:DataStructure {
-            imageSource = PropTypes:InstanceOf {
-                type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-            }
-        }
-    }
-
-    background = null
-    link = ''
-    assetAlign = ''
-    heading = Neos.Fusion:DataStructure {
-        text = ''
-        tagName = 'h2'
-    }
-    linkLabel = ''
-    video = Neos.Fusion:DataStructure {
-        sources = null
-        assets = null
-    }
-    image = Neos.Fusion:DataStructure {
-        imageSource = null
-    }
-
-    @private {
-        linkClass = ${Carbon.String.classNames(
-            'pl-6 sm:pl-8 lg:pl-14 pr-6 2xl:pr-20 pt-8 2xl:pt-14 grow-0 before:absolute before:inset-0 before:z-10',
-            {
-                'pb-8 2xl:pb-14': props.assetAlign == 'center' || !props.link,
-                'pb-8 2xl:pb-0': props.assetAlign == 'right' && props.link
-            }
-        )}
-
-        assetWrapperClass = ${Carbon.String.classNames(
-            'grow flex items-end',
-            {
-                'justify-center px-8 lg:px-14': props.assetAlign == 'center',
-                'justify-end pl-8 sm:pl-14': props.assetAlign == 'right'
-            }
-        )}
-    }
-
-    renderer = afx`
-        <div class="bento-boxes__box-wrapper max-w-full">
-            <Neos.Presentation:Background
-                class="bento-boxes__box h-full flex flex-col relative" variant={props.background}>
-                <Neos.Fusion:Tag
-                    tagName={props.link ? 'a' : 'div'} attributes.class={private.linkClass}
-                    attributes.href={props.link ? props.link : null}>
-                    <Neos.Presentation:Headline
-                        {...props.heading} display="title-lg text-2xl mdl:text-3xl 2xl:text-4xl"
-                    />
-
-                    <Neos.Presentation:Paragraph
-                        @if={props.link} display="cta-xl" class="mt-8 2xl:mt-14 text-md mdl:text-lg">
-                        {props.linkLabel} <Neos.Presentation:Atom.AnimatedArrow />
-                    </Neos.Presentation:Paragraph>
-                </Neos.Fusion:Tag>
-
-                <div class={private.assetWrapperClass}>
-                    <figure class="overflow-hidden">
-                        <Neos.Presentation:InlineVideo
-                            @if.hasVideo={props.video && (props.video.sources || props.video.assets)} {...props.video}
-                            poster={props.image && props.image.imageSource ? props.image.imageSource : null}
-                            class={Carbon.String.classNames({ 'max-w-none': props.assetAlign == 'right' })}
-                        />
-
-                        <Sitegeist.Kaleidoscope:Image
-                            @if.hasImage={props.image && (props.image.imageSource) && !(props.video && (props.video.assets || props.video.sources))}
-                            {...props.image} class={Carbon.String.classNames({ 'max-w-none': props.assetAlign == 'right' })}
-                        />
-                    </figure>
-                </div>
-            </Neos.Presentation:Background>
-        </div>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.fusion
deleted file mode 100644
index 2eaee3f3f..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.fusion
+++ /dev/null
@@ -1,159 +0,0 @@
-prototype(Neos.Presentation:BentoBoxes) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Bento Boxes'
-        props {
-            heading = Neos.Fusion:DataStructure {
-                text = 'Tools that transform your digital journey'
-                tagName = 'h2'
-            }
-            text = 'Take control of HTML, CSS, and JavaScript in a visual canvas. Webflow generates clean, semantic code that’s ready.'
-            boxes = Neos.Fusion:DataStructure {
-                1 = Neos.Fusion:DataStructure {
-                    heading = Neos.Fusion:DataStructure {
-                        text = 'Enterprise Features like Role Management and Media Center'
-                        tagName = 'h2'
-                    }
-                    background = 'brand'
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
-                        height = 480
-                        width = 360
-                    }
-                    assetAlign = 'center'
-                }
-                2 = Neos.Fusion:DataStructure {
-                    heading = Neos.Fusion:DataStructure {
-                        text = 'What you see, is what you get. Our True Inline Editor.'
-                        tagName = 'h2'
-                    }
-                    background = 'accent-blue'
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
-                        width = 712
-                        height = 400
-                    }
-                    assetAlign = 'right'
-                }
-                3 = Neos.Fusion:DataStructure {
-                    heading = Neos.Fusion:DataStructure {
-                        text = 'Multi-language and Multi-site Functionality'
-                        tagName = 'h2'
-                    }
-                    link = '#'
-                    linkLabel = 'Mehr erfahren'
-                    background = 'accent-lightblue'
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
-                        width = 360
-                        height = 240
-                    }
-                    assetAlign = 'center'
-                }
-                4 = Neos.Fusion:DataStructure {
-                    heading = Neos.Fusion:DataStructure {
-                        text = 'SEO Optimization Tools for the best performance'
-                        tagName = 'h2'
-                    }
-                    background = 'brand'
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
-                        width = 600
-                        height = 300
-                    }
-                    assetAlign = 'right'
-                }
-            }
-        }
-    }
-
-    @propTypes {
-        heading = PropTypes:DataStructure {
-            text = PropTypes:String
-            tagName = PropTypes:Enum {
-                1 = 'h1'
-                2 = 'h2'
-                3 = 'h3'
-                4 = 'h4'
-                5 = 'h5'
-                6 = 'h6'
-                p = 'p'
-            }
-        }
-        text = PropTypes:String
-        boxes = PropTypes:Array {
-            type = PropTypes:DataStructure {
-                heading = PropTypes:FromPrototype {
-                    prototypeName = 'Neos.Presentation:Headline'
-                }
-                link = PropTypes:String
-                linkLabel = PropTypes:String
-                background = PropTypes:Enum {
-                    1 = 'gradient'
-                    2 = 'brand'
-                    3 = 'accent-purple'
-                    4 = 'accent-blue'
-                    5 = 'accent-lightblue'
-                    6 = 'accent-green'
-                    7 = 'accent-yellow'
-                    8 = 'accent-orange'
-                    9 = 'accent-red'
-                }
-                image = PropTypes:DataStructure {
-                    imageSource = PropTypes:InstanceOf {
-                        type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-                    }
-                }
-                video = PropTypes:FromPrototype {
-                    prototypeName = 'Neos.Presentation:InlineVideo'
-                }
-                assetAlign = PropTypes:Enum {
-                    1 = 'center'
-                    2 = 'right'
-                }
-            }
-        }
-    }
-
-    heading = Neos.Fusion:DataStructure {
-        text = ''
-        tagName = 'h2'
-    }
-    text = ''
-    boxes = ${[]}
-
-    @private {
-        boxes = ${Carbon.Array.chunk(props.boxes, 2)}
-
-        headlineClass = ${Carbon.String.classNames(
-            'bento-boxes__heading p-0 2xl:pr-[40%] text-darkblue text-5xl sm:text-5xl mdl:text-7xl 2xl:text-9xl',
-            { 'pb-10 mdl:pb-0': props.text }
-        )}
-
-        wrapperClass = ${Carbon.String.classNames(
-            'flex flex-col gap-6 mdl:gap-10',
-            { 'pt-14 mdl:pt-20 2xl:pt-10': props.text || props.heading.text }
-        )}
-    }
-
-    renderer = afx`
-        <Neos.Presentation:Spacing size x y class="bento-boxes">
-            <div class="flex flex-col md:flex-row 2xl:flex-col gap-0 mdl:gap-10 2xl:gap-0">
-                <Neos.Presentation:Headline
-                    @if={props.heading.text} {...props.heading}
-                    display="headline-lg" class={private.headlineClass}
-                />
-                <Neos.Presentation:Paragraph
-                    @if={props.text} text={props.text} display="lead"
-                    class="bento-boxes__heading text-black/75 sm:text-base mdl:text-md p-0 mdl:pt-8 2xl:pt-0 2xl:pl-[60%]"
-                />
-            </div>
-
-            <div class={private.wrapperClass}>
-                <Neos.Fusion:Loop items={private.boxes} itemName="chunk">
-                    <div class="bento-boxes__row flex flex-row flex-wrap md:flex-nowrap gap-6 mdl:gap-10 items-stretch">
-                        <Neos.Fusion:Loop items={chunk} itemName="box">
-                            <Neos.Presentation:BentoBoxes.Box {...box} />
-                        </Neos.Fusion:Loop>
-                    </div>
-                </Neos.Fusion:Loop>
-            </div>
-        </Neos.Presentation:Spacing>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.pcss
deleted file mode 100644
index d7d91bf98..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/BentoBoxes/BentoBoxes.pcss
+++ /dev/null
@@ -1,125 +0,0 @@
-.bento-boxes {
-  --bento-boxes-gap-width: 0;
-
-  .n-background--accent-lightblue {
-    @apply text-white;
-  }
-
-  @screen md {
-    --bento-boxes-gap-width: 2.5rem;
-  }
-
-  .bento-boxes__heading {
-    @apply w-full 2xl:w-full;
-
-    @screen md {
-      width: 40%;
-    }
-
-    @screen 2xl {
-      @apply w-full;
-    }
-  }
-
-  .bento-boxes__lead {
-    @apply w-full 2xl:w-full;
-
-    @screen md {
-      width: 50%;
-    }
-
-    @screen 2xl {
-      @apply w-full;
-    }
-  }
-
-  .bento-boxes__row {
-    .bento-boxes__box-wrapper {
-      --bento-boxes-column-width: 100%;
-      @apply p-0 w-full;
-
-      @screen md {
-        --bento-boxes-column-width: 50%;
-        width: var(--bento-boxes-column-width);
-      }
-
-      .n-paragraph svg {
-        @apply inline-block;
-      }
-
-      &:hover .n-paragraph svg > path:first-child {
-        @apply scale-x-100;
-      }
-    }
-
-    @screen md {
-      &:first-child .bento-boxes__box-wrapper {
-        @apply pt-20;
-
-        &:first-child {
-          @apply pt-0;
-        }
-      }
-
-      &:last-child .bento-boxes__box-wrapper {
-        @apply pb-10;
-
-        &:last-child {
-          @apply pb-0;
-        }
-      }
-
-      &:nth-child(2n) .bento-boxes__box-wrapper {
-        &:first-child {
-          --bento-boxes-column-width: 60%;
-        }
-
-        &:last-child {
-          --bento-boxes-column-width: 40%;
-        }
-      }
-
-      &:nth-child(2n + 1) .bento-boxes__box-wrapper {
-        &:first-child {
-          --bento-boxes-column-width: 40%;
-        }
-
-        &:last-child {
-          --bento-boxes-column-width: 60%;
-        }
-      }
-    }
-
-    @screen 2xl {
-      &:nth-child(2n) .bento-boxes__box-wrapper {
-        &:first-child {
-          --bento-boxes-column-width: 50%;
-        }
-
-        &:last-child {
-          --bento-boxes-column-width: 50%;
-        }
-      }
-
-      &:nth-child(4n + 1) .bento-boxes__box-wrapper {
-        &:first-child {
-          --bento-boxes-column-width: 40%;
-        }
-
-        &:last-child {
-          --bento-boxes-column-width: 60%;
-        }
-      }
-
-      &:nth-child(4n + 3) .bento-boxes__box-wrapper {
-        &:first-child {
-          --bento-boxes-column-width: 60%;
-        }
-
-        &:last-child {
-          --bento-boxes-column-width: 40%;
-        }
-      }
-    }
-  }
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/HighlightBoxes/HighlightBoxes.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/HighlightBoxes/HighlightBoxes.fusion
deleted file mode 100644
index 6a21743ec..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/HighlightBoxes/HighlightBoxes.fusion
+++ /dev/null
@@ -1,130 +0,0 @@
-prototype(Neos.Presentation:HighlightBoxes) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Highlight Boxes'
-        props {
-            cols = 3
-            heading = 'Tools that transform your digital journey'
-            image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
-                baseWidth = 1920
-                baseHeight = 1080
-            }
-            boxes = Neos.Fusion:DataStructure {
-                1 = Neos.Fusion:DataStructure {
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource
-                    icon = 'heart'
-                    tag = 'Enterprise'
-                    heading = 'Enterprise Features like Role Management and Media Center'
-                    description = 'Manage your team and media assets with ease. Our role management system allows you to define roles and permissions for your team members.'
-                    link = '#'
-                    linkLabel = 'Learn more about roles and permissions'
-                    linkTargetBlank = true
-                }
-                2 = Neos.Fusion:DataStructure {
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource
-                    icon = 'email'
-                    tag = 'Editor'
-                    heading = 'What you see, is what you get. Our True Inline Editor.'
-                    description = 'Our True Inline Editor allows you to edit your content directly on the page. No more guessing how your content will look like.'
-                }
-                3 = Neos.Fusion:DataStructure {
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource
-                    icon = 'circle'
-                    heading = 'Customize your content with our powerful NodeTypes.'
-                    link = '#'
-                    linkLabel = 'Learn more about content elements'
-                }
-                4 = Neos.Fusion:DataStructure {
-                    image.imageSource = Sitegeist.Kaleidoscope:DummyImageSource
-                    icon = 'clock'
-                    heading = 'Track your success with our Analytics Dashboard.'
-                    description = 'Our Analytics Dashboard gives you insights into your content performance. Track your success and optimize your content.'
-                    link = '#'
-                    linkLabel = 'Learn more about analytics'
-                }
-            }
-        }
-    }
-
-    @propTypes {
-        inBackend = PropTypes:Bool
-        cols = ${PropTypes.oneOf([2, 3, 4])}
-        displayType = ${PropTypes.oneOf(['icon', 'imageCircle', 'imageHeader'])}
-        heading = PropTypes:String
-        hasBackgroundImage = PropTypes:Bool
-        image = PropTypes:DataStructure {
-            imageSource = PropTypes:InstanceOf {
-                type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-            }
-        }
-        boxes = PropTypes:Array {
-            type = PropTypes:FromPrototype {
-                prototypeName = 'Neos.Presentation:HighlightBoxes.Box'
-            }
-        }
-    }
-
-    inBackend = false
-    cols = 2
-    displayType = 'icon'
-    hasBackgroundImage = false
-
-    @private {
-        backgroundImage = ${props.hasBackgroundImage && props.image && props.image.imageSource ? 'background-image:url(' + props.image.imageSource + ');' : null}
-        colClass = Neos.Fusion:Match {
-            @subject = ${props.cols}
-            @default = ''
-            3 = 'md:grid-cols-3'
-            4 = 'lg:grid-cols-4'
-        }
-        imageWidth = Neos.Fusion:Case {
-            noImage {
-                condition = ${props.displayType == 'icon'}
-                renderer = null
-            }
-            isImageCircle {
-                condition = ${props.displayType == 'imageCircle'}
-                renderer = 128
-            }
-            cols2 {
-                condition = ${props.cols == 2}
-                renderer = 576
-            }
-            cols3 {
-                condition = ${props.cols == 3}
-                renderer = 373
-            }
-            default {
-                condition = true
-                renderer = 272
-            }
-        }
-        content = afx`
-                <Neos.Presentation:Headline
-                    @if={props.inBackend || props.heading} text={props.heading}
-                    display="headline-lg" class="text-darkblue text-balance mb-16"
-                />
-                <div class={Carbon.String.classNames('grid gap-8 sm:grid-cols-2', private.colClass)}>
-                    <Neos.Fusion:Loop items={props.boxes} itemName="box">
-                        <Neos.Presentation:HighlightBoxes.Box {...box} displayType={props.displayType} imageWidth={private.imageWidth} />
-                    </Neos.Fusion:Loop>
-                </div>
-        `
-    }
-
-    renderer = afx`
-        <Neos.Presentation:Spacing
-            @if={private.backgroundImage}
-            size={false}
-            y class="highlight-boxes bg-cover py-8"
-            attributes.style={private.backgroundImage}
-        >
-            <Neos.Presentation:Spacing size x content={private.content} />
-        </Neos.Presentation:Spacing>
-        <Neos.Presentation:Spacing
-            @if={!private.backgroundImage}
-            size x y class="highlight-boxes"
-            content={private.content}
-        />
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/LogoBar/LogoBar.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/LogoBar/LogoBar.fusion
deleted file mode 100644
index 4d4cfa152..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/LogoBar/LogoBar.fusion
+++ /dev/null
@@ -1,50 +0,0 @@
-prototype(Neos.Presentation:LogoBar) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Logo-Bar'
-        props {
-            assets = Neos.Fusion:Map {
-                items = ${['solarwatt.svg', 'heineken.svg', 'swisscom.svg', 't3n.png']}
-                itemRenderer = Neos.Fusion:DataStructure {
-                    src = ${StaticResource.uri('Neos.Presentation', 'Public/Assets/Styleguide/Logos/' + item)}
-                    alternativeText = ${'Logo ' + item}
-                }
-            }
-        }
-    }
-
-    @propTypes {
-        assets = PropTypes:Array {
-            type = PropTypes:DataStructure {
-                src = PropTypes:String
-                alternativeText = PropTypes:String
-            }
-        }
-        grayscale = PropTypes:Bool
-    }
-
-    assets = null
-    grayscale = false
-
-    @private {
-        numberOfAssets = ${Type.isArray(props.assets) ? Array.length(props.assets) : 0}
-        duplications = ${private.numberOfAssets > 3 ? 3 : 0}
-    }
-
-    renderer = afx`
-        <div
-            @if={private.numberOfAssets}
-            class={['flex justify-center overflow-x-clip', props.grayscale ? 'grayscale' : null]}
-            x-data={AlpineJS.xData('LogoBar', private.duplications)}
-        >
-            <ul
-                x-random-children
-                class={['flex item-list items-center *:mx-14', private.duplications ? 'animate-infinite-scroll' : null]}
-            >
-                <Neos.Fusion:Loop items={props.assets}>
-                    <li @if={item.src}><img class="max-h-10 md:max-h-16 max-w-none" alt={item.alternativeText} src={item.src}/></li>
-                </Neos.Fusion:Loop>
-            </ul>
-        </div>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/PostGrid/PostGrid.Teaser.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/PostGrid/PostGrid.Teaser.fusion
deleted file mode 100644
index 539744c45..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/PostGrid/PostGrid.Teaser.fusion
+++ /dev/null
@@ -1,68 +0,0 @@
-prototype(Neos.Presentation:PostGrid.Teaser) < prototype(Neos.Fusion:Component) {
-
-    @propTypes {
-        title = PropTypes:String
-        teaser = PropTypes:String
-        date = PropTypes:InstanceOf {
-            type = '\DateTimeInterface'
-        }
-        url = PropTypes:String
-        linkText = PropTypes:String
-        isFeature = PropTypes:Bool
-        image = PropTypes:FromPrototype {
-            prototypeName = Sitegeist.Kaleidoscope:Image
-        }
-    }
-
-    isFeature = false
-
-    @private {
-        accentColors = ${['purple', 'blue', 'lightblue', 'green', 'yellow', 'orange', 'red']}
-        background = ${props.isFeature ? 'accent-' + Array.random(private.accentColors) : 'gradient'}
-    }
-
-    renderer = afx`
-        <li class={Carbon.String.classNames('group w-full h-full relative', {
-            'aspect-[4/3] md:aspect-video xl:aspect-[4/3] md:col-span-2 md:row-span-2': props.isFeature,
-            'aspect-[7/5]': !props.isFeature
-        })}>
-            <Neos.Presentation:Background
-                variant={private.background}
-                class="w-full h-[fit-content] xs:h-full grid grid-cols-1 xs:grid-rows-1 overflow-hidden">
-                <Sitegeist.Kaleidoscope:Image
-                    @if.hasImage={props.image && props.image.imageSource}
-                    {...props.image}
-                    aria-hidden="true"
-                    class="xs:col-start-1 xs:row-start-1 inset-0 w-full h-full object-cover group-hover:scale-105 duration-700"
-                />
-
-                <div class="xs:col-start-1 xs:row-start-1 flex flex-col justify-between bg-black bg-opacity-25 z-10">
-                    <div class="grid p-8 pb-4">
-                        <h2 class={Carbon.String.classNames('text-white text-2xl font-bold text-balance', {
-                            'sm:text-4xl': props.isFeature
-                        })}>{props.title}</h2>
-
-                        <time @if={Type.instance(props.date, '\DateTimeInterface')} datetime={Date.format(props.date, 'Y-m-d')} class="text-white text-sm mb-8">{Date.format(props.date, 'd.m.Y')}</time>
-
-                        <p class={Carbon.String.classNames('max-w-md text-white text-sm text-pretty xs:line-clamp-3 sm:line-clamp-2', {
-                            'sm:text-md md:line-clamp-6': props.isFeature
-                        })}>{props.teaser}</p>
-                    </div>
-
-                    <div class="p-8 pt-4" @if={props.url}>
-                        <a
-                            href={props.url}
-                            class={Carbon.String.classNames('inline-flex items-center gap-2 text-white', props.isFeature ? 'justify-end' : null)}>
-                                <span class="absolute inset-0 pointer-events-auto"></span>
-                                <span class="text-sm">{props.linkText ?
-                                    props.linkText : I18n.translate('postgrid.teaser.linklabel', '', [], 'Main', 'Neos.Presentation')
-                                }</span>
-                                <Neos.Presentation:Atom.AnimatedArrow class="w-4" />
-                        </a>
-                    </div>
-
-                </div>
-            </Neos.Presentation:Background>
-        </li>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Readme.md b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Readme.md
deleted file mode 100644
index 3f1e00622..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Readme.md
+++ /dev/null
@@ -1,3 +0,0 @@
-## Molecules
-
-Molecules are containers that can be used flexibly in Modules and work together with the Atoms.
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Spacing/Spacing.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Spacing/Spacing.pcss
deleted file mode 100644
index 245df36ae..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Spacing/Spacing.pcss
+++ /dev/null
@@ -1,50 +0,0 @@
-.n-spacing--size {
-  @apply w-full max-w-screen-2xl mx-auto;
-}
-
-:root {
-  --n-spacing--x: theme('spacing.3');
-
-  @screen xxs {
-    --n-spacing--x: theme('spacing.6');
-  }
-
-  @screen md {
-    --n-spacing--x: theme('spacing.9');
-  }
-
-  @screen lg {
-    --n-spacing--x: theme('spacing.16');
-  }
-
-  @screen 2xl {
-    --n-spacing--x: theme('spacing.20');
-  }
-}
-
-.n-spacing--x {
-  @apply px-spacing-x;
-}
-
-:root {
-  --n-spacing--y-small: theme('spacing.3');
-  --n-spacing--y: theme('spacing.6');
-
-  @screen xxs {
-    --n-spacing--y-small: theme('spacing.6');
-    --n-spacing--y: theme('spacing.12');
-  }
-
-  @screen md {
-    --n-spacing--y-small: theme('spacing.10');
-    --n-spacing--y: theme('spacing.20');
-  }
-}
-
-.n-spacing--y {
-  @apply my-spacing-y;
-}
-
-.n-spacing--y-small {
-  @apply my-spacing-y-small;
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/StepByStepHighlight/StepByStepHighlight.Step.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/StepByStepHighlight/StepByStepHighlight.Step.fusion
deleted file mode 100644
index a0b16cff6..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/StepByStepHighlight/StepByStepHighlight.Step.fusion
+++ /dev/null
@@ -1,42 +0,0 @@
-prototype(Neos.Presentation:StepByStepHighlight.Step) < prototype(Neos.Fusion:Component) {
-
-    @propTypes {
-        inBackend = PropTypes:Bool
-        index = PropTypes:Int
-        heading = PropTypes:String
-        text = PropTypes:String
-        image = PropTypes:FromPrototype {
-            prototypeName = Sitegeist.Kaleidoscope:Image
-        }
-    }
-
-    inBackend = false
-    index = 0
-
-    renderer = afx`
-        <div
-            class="max-w-full px-4 py-1 broder-l border-l-2 flex flex-col"
-            :class={"currentStep == " + props.index + "?'border-l-lightblue':'border-l-gray-light'"}
-        >
-            <Neos.Fusion:Augmenter
-                x-on:click={'currentStep = ' + props.index}
-                :class={"currentStep == " + props.index + "?'text-lightblue':'text-darkblue'"}>
-                <Neos.Presentation:Headline
-                    @if={props.inBackend || props.heading}
-                    text={props.heading} tagName="h3" display="title-md"
-                    class="text-balance cursor-pointer duration-300 mb-2"
-                />
-            </Neos.Fusion:Augmenter>
-
-            <div x-show={'currentStep == ' + props.index} x-collapse :aria-hidden={'currentStep != ' + props.index}>
-                <Neos.Presentation:Paragraph class="text-pretty mb-2">
-                    {props.text}
-                </Neos.Presentation:Paragraph>
-
-                <figure @if={step.image && step.image.imageSource} class="my-8 md:hidden">
-                    <Sitegeist.Kaleidoscope:Image {...step.image} attributes.class="mx-auto" />
-                </figure>
-            </div>
-        </div>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/StepByStepHighlight/StepByStepHighlight.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/StepByStepHighlight/StepByStepHighlight.fusion
deleted file mode 100644
index a170ac7fd..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/StepByStepHighlight/StepByStepHighlight.fusion
+++ /dev/null
@@ -1,73 +0,0 @@
-prototype(Neos.Presentation:StepByStepHighlight) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Step-by-Step Highlight'
-        props {
-            heading = 'Tools that transform your digital journey'
-            steps = Neos.Fusion:DataStructure {
-                1 = Neos.Fusion:DataStructure {
-                    heading = 'Enterprise Features like Role Management and Media Center'
-                    text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.'
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
-                        uri = 'https://picsum.photos/512/512?1'
-                    }
-                }
-                2 = Neos.Fusion:DataStructure {
-                    heading = 'What you see, is what you get. Our True Inline Editor.'
-                    text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
-                        uri = 'https://picsum.photos/512/360?2'
-                    }
-                }
-                3 = Neos.Fusion:DataStructure {
-                    heading = 'Multi-language and Multi-site Functionality'
-                    text = 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.'
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
-                        uri = 'https://picsum.photos/360/512?3'
-                    }
-                }
-            }
-        }
-    }
-
-    @propTypes {
-        inBackend = PropTypes:Bool
-        heading = PropTypes:String
-        steps = PropTypes:Array {
-            type = PropTypes:FromPrototype {
-                prototype = Neos.Presentation:StepByStepHighlight.Step
-            }
-        }
-    }
-
-    inBackend = false
-
-    renderer = afx`
-        <Neos.Presentation:Spacing
-            size x y class="step-by-step-highlight grid md:grid-cols-2 gap-8"
-            attributes.x-data="{currentStep:0}"
-        >
-            <figure class="hidden md:grid">
-                <Neos.Fusion:Loop items={props.steps} itemName="step">
-                    <Sitegeist.Kaleidoscope:Image
-                        @if={step.image && step.image.imageSource} {...step.image}
-                        attributes.x-show={'currentStep == ' + iterator.index}
-                        attributes."x-transition.duration.750ms"
-                        attributes.class="col-start-1 row-start-1 w-full"
-                    />
-                </Neos.Fusion:Loop>
-            </figure>
-
-            <div>
-                <Neos.Presentation:Headline
-                    @if={props.inBackend || props.heading} text={props.heading}
-                    display="headline-lg" class="text-darkblue text-balance mb-8"
-                />
-
-                <Neos.Fusion:Loop items={props.steps} itemName="step">
-                    <Neos.Presentation:StepByStepHighlight.Step {...step} index={iterator.index} />
-                </Neos.Fusion:Loop>
-            </div>
-        </Neos.Presentation:Spacing>
-    `
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.fusion
index a5e420bed..ef0597540 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.fusion
@@ -1,112 +1,94 @@
-prototype(Neos.Presentation:Module.ImageCollage) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = "Image Collage"
-        props {
-            headline.text = 'Projects created with Neos CMS'
-            description.text = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.'
-            squareIcons = Neos.Fusion:Map {
-                items = ${[
-                    ['Lorem ipsum', 'heart', 'purple'],
-                    ['dolor sit', 'circle', 'yellow'],
-                    ['amet, consetetur', 'clock', 'lightblue']
-                ]}
-                itemName = 'item'
-                itemRenderer = Neos.Fusion:DataStructure {
-                    text = ${item[0]}
-                    iconName = ${item[1]}
-                    color = ${item[2]}
-                }
-            }
-            images = Neos.Fusion:Map {
-                items = ${[
-                    [ "Case 1", 800, 600, '#000000' ],
-                    [ "Case 2", 1920, 1080, '#222222' ],
-                    [ "Case 3", 600, 1024, '#444444' ],
-                    [ "Case 4", 1080, 1920, '#666666' ],
-                    [ "Case 5", 600, 600, '#888888' ],
-                    [ "Case 6", 1440, 1024, '#AAAAAA' ],
-                    [ "Case 7", 500, 400, '#CCCCCC' ]
-                ]}
-                itemName = 'item'
-                itemRenderer = Neos.Fusion:DataStructure {
-                    imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
-                        title = ${item[0]}
-                        baseWidth = ${item[1]}
-                        baseHeight = ${item[2]}
-                        backgroundColor = ${item[3]}
-                    }
-                    alternativeText = ${'Case ' + props.item[0]}
+prototype(Neos.Presentation:ImageCollage) < prototype(Neos.Fusion:Component) {
+    @styleguide.props {
+        headline = 'Projects created with Neos CMS'
+        text = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.'
+        squareIcons = ${[{content: 'Lorem ipsum', icon: 'heart', background: 'purple'}, {content: 'dolor sit', icon: 'square', background: 'yellow'}, {content: 'amet, consetetur', icon: 'clock', background: 'blue-light'}]}
+        images = Neos.Fusion:Map {
+            items = ${[
+                [ "Case 1", 800, 600, '#000000' ],
+                [ "Case 2", 1920, 1080, '#222222' ],
+                [ "Case 3", 600, 1024, '#444444' ],
+                [ "Case 4", 1080, 1920, '#666666' ],
+                [ "Case 5", 600, 600, '#888888' ],
+                [ "Case 6", 1440, 1024, '#AAAAAA' ],
+                [ "Case 7", 500, 400, '#CCCCCC' ]
+            ]}
+            itemRenderer = Neos.Fusion:DataStructure {
+                imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
+                    title = ${item[0]}
+                    baseWidth = ${item[1]}
+                    baseHeight = ${item[2]}
+                    backgroundColor = ${item[3]}
                 }
+                alternativeText = ${'Case ' + props.item[0]}
             }
         }
     }
 
     @propTypes {
-        headline = PropTypes:DataStructure
-        description = PropTypes:DataStructure
+        headline = PropTypes:String
+        text = PropTypes:String
         squareIcons = PropTypes:Array {
             type = PropTypes:DataStructure {
-                imageSource = PropTypes:InstanceOf {
-                    type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-                }
+                imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
                 alternativeText = PropTypes:String
             }
         }
         images = PropTypes:Array {
             type = PropTypes:DataStructure {
                 text = PropTypes:String
-                iconName = PropTypes:String
+                icon = PropTypes:String
                 color = PropTypes:String
             }
         }
     }
 
     renderer = afx`
-      <Neos.Presentation:Background variant="gradient" class="overflow-clip h-screen flex flex-col">
-        <div class="flex-initial">
-          <Neos.Presentation:Spacing size y>
-            <div class="grid md:grid-cols-2 items-center">
-              <Neos.Presentation:Headline {...props.headline} display="headline-lg" />
-              <Neos.Presentation:Paragraph {...props.description} display="lead" />
+        <Neos.Presentation:Background background="gradient" class="overflow-clip h-screen flex flex-col">
+            <div class="flex-initial">
+                <Neos.Presentation:Spacing size y x class="grid md:grid-cols-2 items-center">
+                    <Neos.Presentation:Headline content={props.headline} display="headline-lg" />
+                    <Neos.Presentation:Paragraph content={props.text} display="lead" />
+                </Neos.Presentation:Spacing>
             </div>
-          </Neos.Presentation:Spacing>
-        </div>
-        <div class="grow" x-data="collage"
-             "x-on:resize.window.debounce"="processElements">
-          <figure class="relative h-full n-spacing--size">
-            <Neos.Fusion:Loop items={props.squareIcons}>
-              <div class="atropos atropos-image-collage-item absolute z-10 opacity-0 transition-all overflow-visible">
-                <div class="atropos-scale">
-                  <div class="atropos-rotate">
-                    <div class="atropos-inner">
-                        <Neos.Presentation:SquareIcon class="image-collage-item" {...item} />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </Neos.Fusion:Loop>
-            <Neos.Fusion:Loop items={props.images}>
-              <div class="atropos atropos-image-collage-item opacity-0 transition-all absolute">
-                <div class="atropos-scale">
-                  <div class="atropos-rotate">
+            <div class="grow" x-data="collage" "x-on:resize.window.debounce"="processElements">
+                <figure class="relative h-full w-full max-w-screen-2xl mx-auto">
+                    <Neos.Fusion:Loop items={props.squareIcons}>
+                        <div class="absolute transition-all opacity-0 duration-700 ease-in-out z-10 overflow-visible">
+                            <Neos.Presentation:SquareIcon class="image-collage-item" {...item} />
+                        </div>
+                    </Neos.Fusion:Loop>
+                    <Neos.Fusion:Loop items={props.images}>
+                        <div class="absolute opacity-0 transition-all duration-700 ease-in-out">
+                            <Sitegeist.Kaleidoscope:Image
+                                class="image-collage-item h-auto w-auto"
+                                imageSource={item.imageSource}
+                                alt={item.alternativeText}
+                                srcset="160w, 320w, 480w,1x ,2x"
+                                sizes="(min-width: 1440px) 480px, 33vw"
+                                lazy={true}
+                            />
+                        </div>
+                    </Neos.Fusion:Loop>
+                </figure>
+            </div>
+      </Neos.Presentation:Background>
+    `
+}
+
+prototype(Neos.Presentation:ImageCollage.Item) < prototype(Neos.Fusion:Component) {
+
+    class = null
+    @if.hasContent = ${this.content}
+    renderer = afx`
+        <div class={["atropos atropos-image-collage-item opacity-50 transition-all absolute", props.class]}>
+            <div class="atropos-scale">
+                <div class="atropos-rotate">
                     <div class="atropos-inner">
-                      <Sitegeist.Kaleidoscope:Image
-                        class="image-collage-item h-auto w-auto"
-                        imageSource={item.imageSource}
-                        alt={item.alternativeText}
-                        srcset="160w, 320w, 480w,1x ,2x"
-                        sizes="(min-width: 1440px) 480px, 33vw"
-                        lazy={true}
-                      />
+                        {props.content}
                     </div>
-                  </div>
                 </div>
-              </div>
-            </Neos.Fusion:Loop>
-          </figure>
+            </div>
         </div>
-
-      </Neos.Presentation:Background>
     `
 }
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.pcss
index 23dbc66fc..e69de29bb 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.pcss
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/ImageCollage.pcss
@@ -1,5 +0,0 @@
-@import url("atropos/atropos.css");
-
-.atropos-active .atropos-shadow {
-  opacity: 0.5 !important;
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/index.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/index.ts
index 8ea516c80..0f53f9b62 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/index.ts
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/ImageCollage/index.ts
@@ -1,5 +1,4 @@
 import Alpine from 'alpinejs';
-import Atropos from 'atropos';
 
 // function that returns a random number
 function getRandomNumber(min, max, substract = 0) {
@@ -55,8 +54,12 @@ Alpine.data('collage', () => ({
     isOverlap(x, y, size, type) {
         // return true if overlapping another element of the same type
         for (const p of this.positions.filter((p) => p.type === '*' || p.type === type)) {
-            if (x - this.objectMargin > p.x + p.size.x || p.x > x + this.objectMargin + size.x) continue;
-            if (y - this.objectMargin > p.y + p.size.y || p.y > y + this.objectMargin + size.y) continue;
+            if (x - this.objectMargin > p.x + p.size.x || p.x > x + this.objectMargin + size.x) {
+                continue;
+            }
+            if (y - this.objectMargin > p.y + p.size.y || p.y > y + this.objectMargin + size.y) {
+                continue;
+            }
             return true;
         }
 
@@ -71,7 +74,7 @@ Alpine.data('collage', () => ({
             element.classList.add('opacity-0');
 
             // Get the inner image if it exists and set max height and width
-            let image = element.querySelector('img.image-collage-item');
+            const image = element.querySelector('img.image-collage-item');
             image?.style.setProperty('max-width', this.maxX / 3 + 'px');
             image?.style.setProperty('max-height', this.maxY / 3 + 'px');
 
@@ -79,31 +82,32 @@ Alpine.data('collage', () => ({
                 // Element is not an image, or is already loaded; we can place
                 // it right away
                 this.placeElement(element, getSize(element), image ? 'img' : 'div');
-            } else {
-                // We need to wait for this image to load until we can place it
-                image.addEventListener('load', () => {
-                    this.placeElement(element, getSize(element), 'img');
-                });
+                return;
             }
+
+            // We need to wait for this image to load until we can place it
+            image.addEventListener('load', () => {
+                this.placeElement(element, getSize(element), 'img');
+            });
         });
     },
     init() {
         this.figure = this.$el.querySelector('figure');
-        this.elements = [...(this.figure?.querySelectorAll('.atropos-image-collage-item') ?? [])];
+        this.elements = [...(this.figure?.children ?? [])];
 
         // Init atropos
-        this.$el.querySelectorAll('.atropos-image-collage-item').forEach((item) => {
-            Atropos({
-                el: item,
-                eventsEl: this.figure,
-                commonOrigin: false,
+        // this.elements.forEach((item) => {
+        //     Atropos({
+        //         el: item,
+        //         eventsEl: this.figure,
+        //         commonOrigin: false,
 
-                // SquareItems should elevate higher than image items
-                activeOffset: item.querySelector('img.image-collage-item')
-                    ? Math.random() * 20
-                    : 50 + Math.random() * 10,
-            });
-        });
+        //         // SquareItems should elevate higher than image items
+        //         activeOffset: item.querySelector('img.image-collage-item')
+        //             ? Math.random() * 20
+        //             : 50 + Math.random() * 10,
+        //     });
+        // });
 
         this.processElements();
     },
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.Flyout.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.Flyout.fusion
index 7d893e1ea..978c420e6 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.Flyout.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.Flyout.fusion
@@ -14,23 +14,23 @@ prototype(Neos.Presentation:Navigation.Flyout) < prototype(Neos.Fusion:Component
     renderer = afx`
         <div @if={props.flyoutItems && props.flyoutItems != []} class="absolute hidden group-hover/navitem:block top-full left-0 right-0 pt-spacing-y-small" x-bind:class="{'!block': open}">
             <div class={Carbon.String.classNames('flow-root fade-in slide-up', {
-                'bg-darkblue backdrop-blur-3xl': private.isDefault,
-                'bg-white text-darkblue': private.isWhite
+                'bg-blue-dark backdrop-blur-3xl': private.isDefault,
+                'bg-white text-blue-dark': private.isWhite
             })}>
                 <Neos.Presentation:Spacing y x>
                     <div class="grid grid-cols-3 gap-6 fade-in slide-up">
                         <Neos.Fusion:Loop items={props.flyoutItems} itemName="flyoutItem">
                             <div @if={!flyoutItem.body}>
                                 <Neos.Presentation:Headline text={flyoutItem.title} display="title-md" class={Carbon.String.classNames("mb-8", {
-                                    'text-accent-lightblue': private.isDefault,
-                                    'text-lightblue ': private.isWhite
+                                    'text-blue-light': private.isDefault,
+                                    'text-blue-light ': private.isWhite
                                 })} />
                                 <ul class="grid gap-1">
                                     <Neos.Fusion:Loop items={flyoutItem.items} itemName="item">
                                         <li class="group/li">
                                             <a href={item.link} class={Carbon.String.classNames("flex px-5 py-3 transition -translate-x-4 group-hover/li:translate-x-0",{
-                                                'group-hover/li:bg-lightblue/5': private.isDefault,
-                                                'group-hover/li:bg-darkblue/15': private.isWhite
+                                                'group-hover/li:bg-blue-light/5': private.isDefault,
+                                                'group-hover/li:bg-blue-dark/15': private.isWhite
                                             })}>
                                                 <div class="flex transition -translate-x-1 group-hover/li:translate-x-0 gap-4 ">
                                                     <Neos.Presentation:Icon name={item.icon} class="w-5" />
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.fusion
index 69211b3da..ac44bae28 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.fusion
@@ -3,7 +3,7 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
     @styleguide {
         title = "Navigation"
         container = Neos.Presentation:Background {
-            variant = 'gradient'
+            background = 'gradient'
             content = ${value}
         }
         props {
@@ -43,7 +43,7 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 4 {
                                     label = 'Personalisierung & Zielgruppen'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'smiley'
+                                    icon = 'smile'
                                     link = '#'
                                 }
                             }
@@ -55,13 +55,13 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 0 {
                                     label = 'Modellierung von Inhalten'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'database'
+                                    icon = 'briefcase'
                                     link = '#'
                                 }
                                 1 {
                                     label = 'Updates & Erweiterungen'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'umbrella'
+                                    icon = 'briefcase'
                                     link = '#'
                                 }
                                 2 {
@@ -73,13 +73,13 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 3 {
                                     label = 'Release roadmap & process'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'truck'
+                                    icon = 'plus'
                                     link = '#'
                                 }
                                 4 {
                                     label = 'Extensionpakete & Plugins'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'package'
+                                    icon = 'briefcase'
                                     link = '#'
                                 }
                             }
@@ -89,7 +89,7 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 <Sitegeist.Kaleidoscope:Image class="w-full mb-4">
                                     <Sitegeist.Kaleidoscope:ResourceImageSource @path="imageSource" path="resource://Neos.Presentation/Public/Assets/Styleguide/Images/navteaser.png" />
                                 </Sitegeist.Kaleidoscope:Image>
-                                <Neos.Presentation:Button text="Try the Neos Demo" icon="animatedArrow" class="w-full" />
+                                <Neos.Presentation:Button content="Try the Neos Demo" icon="animatedArrow" class="w-full" />
                             `
                         }
                     }
@@ -137,7 +137,7 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 4 {
                                     label = 'Personalisierung & Zielgruppen'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'smiley'
+                                    icon = 'smile'
                                     link = '#'
                                 }
                             }
@@ -149,13 +149,13 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 0 {
                                     label = 'Modellierung von Inhalten'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'database'
+                                    icon = 'briefcase'
                                     link = '#'
                                 }
                                 1 {
                                     label = 'Updates & Erweiterungen'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'umbrella'
+                                    icon = 'briefcase'
                                     link = '#'
                                 }
                                 2 {
@@ -167,13 +167,13 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 3 {
                                     label = 'Release roadmap & process'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'truck'
+                                    icon = 'plus'
                                     link = '#'
                                 }
                                 4 {
                                     label = 'Extensionpakete & Plugins'
                                     description = 'Hier steht ein kurzer Beschreibungs-Text '
-                                    icon = 'package'
+                                    icon = 'briefcase'
                                     link = '#'
                                 }
                             }
@@ -183,7 +183,7 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                                 <Sitegeist.Kaleidoscope:Image class="w-full mb-4">
                                     <Sitegeist.Kaleidoscope:ResourceImageSource @path="imageSource" path="resource://Neos.Presentation/Public/Assets/Styleguide/Images/navteaser.png" />
                                 </Sitegeist.Kaleidoscope:Image>
-                                <Neos.Presentation:Button text="Try the Neos Demo" icon="animatedArrow" class="w-full" />
+                                <Neos.Presentation:Button content="Try the Neos Demo" icon="animatedArrow" class="w-full" />
                             `
                         }
                     }
@@ -205,19 +205,19 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
             type = PropTypes:Union {
                 groups = PropTypes:DataStructure {
                     label = ${PropTypes.string.required}
-                    link = ${PropTypes.string}
+                    link = PropTypes:String
                     flyoutType = 'group'
                     flyoutTeaser = PropTypes:String
                     flyoutItems = PropTypes:Array {
                         type = PropTypes:DataStructure {
-                            label = ${PropTypes.string}
-                            link = ${PropTypes.string}
+                            label = PropTypes:String
+                            link = PropTypes:String
                             items = PropTypes:Array {
                                 type = PropTypes:DataStructure {
-                                    label = ${PropTypes.string}
-                                    link = ${PropTypes.string}
-                                    icon = ${PropTypes.string}
-                                    description = ${PropTypes.string}
+                                    label = PropTypes:String
+                                    link = PropTypes:String
+                                    icon = PropTypes:String
+                                    description = PropTypes:String
                                 }
                             }
                         }
@@ -257,7 +257,7 @@ prototype(Neos.Presentation:Navigation) < prototype(Neos.Fusion:Component) {
                         </li>
                     </Neos.Fusion:Loop>
                 </div>
-                <Neos.Presentation:Button text="Try Neos" />
+                <Neos.Presentation:Button content="Try Neos" />
             </ul>
         </Neos.Presentation:Spacing>
     `
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.pcss
index a6f4ae555..5001c7bc6 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.pcss
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.pcss
@@ -1,9 +1,14 @@
 /**
 This triangle prevents the closing of the flyout when the mouse hovers over other elements.
  */
-.itemblocker {
-  @apply hidden relative h-20 -mt-spacing-y-small left-0 w-full;
-  width: calc(100% + min(40vw, 500px));
-  left: calc(-1 * min(20vw, 250px));
-  clip-path: polygon(50% 0, 0 100%, 100% 100%);
+@layer components {
+  .itemblocker {
+    display: none;
+    position: relative;
+    height: --spacing(20);
+    margin-top: calc(-1 * var(--n-spacing--y-small));
+    width: calc(100% + min(40vw, 500px));
+    left: calc(-1 * min(20vw, 250px));
+    clip-path: polygon(50% 0, 0 100%, 100% 100%);
+  }
 }
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.js b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.ts
similarity index 75%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.js
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.ts
index 4e9876356..063af15cd 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.js
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Navigation/Navigation.ts
@@ -7,8 +7,7 @@ Alpine.data('NavigationItem', () => ({
     },
     root: {
         ['x-on:focusout'](event) {
-            if (event.currentTarget.contains(event.relatedTarget)) {
-            } else {
+            if (!event.currentTarget.contains(event.relatedTarget)) {
                 this.open = false;
             }
         },
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.fusion
index bce1edf92..dc84e6e02 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.fusion
@@ -10,17 +10,17 @@ prototype(Neos.Presentation:Stage) < prototype(Neos.Fusion:Component) {
             icons = Neos.Fusion:DataStructure {
                 0 {
                     text = 'Forever Open Source'
-                    iconName = 'pixel-heart'
-                    color = 'lightblue'
+                    icon = 'heart'
+                    color = 'blue-light'
                 }
                 1 {
                     text = 'Planned Extensibility'
-                    iconName = 'pixel-circle'
+                    icon = 'square'
                     color = 'purple'
                 }
                 2 {
                     text = 'One click publishing'
-                    iconName = 'pixel-clock'
+                    icon = 'clock'
                     color = 'yellow'
                 }
             }
@@ -43,13 +43,23 @@ prototype(Neos.Presentation:Stage) < prototype(Neos.Fusion:Component) {
         }
     }
 
+    @private.iconPositionClass = Neos.Fusion:DataStructure {
+        1 = 'top-[30%] left-[10%]'
+        2 = 'top-[20%] right-[10%]'
+        3 = 'top-[50%] right-0'
+    }
+
     renderer = afx`
-        <section class="n-stage">
+        <section class="n-stage relative flex flex-col items-center text-white">
             {props.navSlot}
 
-            <div class="n-stage-icons pointer-events-none" @if={props.icons}>
+            <div @if={props.icons} class="absolute size-full top-0 left-0 hidden pointer-events-none xl:block">
                 <Neos.Fusion:Loop items={props.icons}>
-                    <Neos.Presentation:SquareIcon {...item} />
+                    <Neos.Presentation:SquareIcon
+                        @if={iterator.cycle <= 3}
+                        {...item}
+                        class={private.iconPositionClass[iterator.cycle]}
+                    />
                 </Neos.Fusion:Loop>
             </div>
 
@@ -58,6 +68,8 @@ prototype(Neos.Presentation:Stage) < prototype(Neos.Fusion:Component) {
                 <Neos.Presentation:Paragraph {...props.subline} class="max-w-lg pb-12" />
             </Neos.Presentation:Spacing>
         </section>
-        <div class="n-stage-image">{props.image}</div>
+        <figure class="relative -mt-[24rem] mx-auto max-w-7xl mb-6 rounded-3xl overflow-hidden object-cover outline-neutral-900 outline-8 border border-neutral-500 *:object-cover *:aspect-[21/9]">
+            {props.image}
+        </figure>
     `
 }
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.pcss
index f2dca65b3..ff9e35417 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.pcss
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Organism/Stage/Stage.pcss
@@ -1,40 +1,8 @@
-.n-stage {
-    @apply relative;
-    @apply flex flex-col items-center;
-    @apply pb-[26rem];
-    @apply text-white;
-    background:
-        resolve('../Assets/Pattern/pattern-pixels.svg'), linear-gradient(to right, #26224C 0%, #0114C2 50%, #26224C 100%);
+@layer components {
+  .n-stage {
+    padding-bottom: 26rem;
+    background: url("../Assets/Pattern/pattern-pixels.svg"), linear-gradient(to right, #26224c 0%, #0114c2 50%, #26224c 100%);
     background-size: 75%, 100%;
     background-position: -80px, 0;
-}
-
-.n-stage-icons {
-    @apply absolute w-full h-full top-0 left-0 hidden xl:block;
-}
-
-.n-stage-icons > * {
-    @apply absolute;
-}
-
-.n-stage-icons > *:nth-child(1) {
-    @apply top-[30%] left-[10%];
-}
-.n-stage-icons > *:nth-child(2) {
-    @apply top-[20%] right-[10%];
-}
-.n-stage-icons > *:nth-child(3) {
-    @apply top-[50%] right-[0%];
-}
-
-.n-stage-image {
-    @apply relative;
-    @apply -mt-[24rem] mx-auto max-w-7xl m-6 rounded-3xl overflow-hidden;
-    @apply object-cover;
-    @apply outline outline-gray-dark/90 outline-8;
-    @apply border border-gray;
-}
-
-.n-stage-image > img {
-    @apply object-cover aspect-[21/9];
+  }
 }
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.Pixel.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.Pixel.fusion
new file mode 100644
index 000000000..fb2d8da7d
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.Pixel.fusion
@@ -0,0 +1,39 @@
+prototype(Neos.Presentation:Background.Pixel) < prototype(Neos.Presentation:Background) {
+    @styleguide.props {
+        background = 'gradient'
+        content = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda atque cumque, dignissimos ea eos error in iure laboriosam libero mollitia nam nemo omnis, perferendis quisquam recusandae reiciendis repudiandae unde ut!'
+    }
+
+    @propTypes {
+        background = ${PropTypes.oneOf(['gradient', 'blue-dark', 'blue', 'blue-light', 'purple', 'purple-dark', 'green', 'green-dark', 'yellow', 'yellow-dark', 'orange', 'red', 'black'])}
+        tagName = PropTypes:String
+        style = PropTypes:String
+        href = PropTypes:String
+        pixelCycle = PropTypes:Int
+        pixelPosition = ${PropTypes.oneOf(['top', 'bottom'])}
+        delayBreakpoint = ${PropTypes.oneOf(['sm', 'md', 'lg', 'xl'])}
+        replayAnimation = PropTypes:Bool
+        class = ${PropTypes.any}
+    }
+
+    pixelPosition = 'top'
+    pixelCycle = 1
+    replayAnimation = true
+    delayBreakpoint = null
+
+    @private {
+        maxPixelTypes = 3
+        pixelType = ${(props.pixelCycle - 1) % private.maxPixelTypes + 1}
+        class = ${['motion-reduce:animation-state-finish n-background--pixel', 'n-background--pixel-' + props.pixelPosition, 'n-background--pixel-' + props.pixelPosition + private.pixelType, props.delayBreakpoint ? props.delayBreakpoint + ':n-background--pixel-delay' : null]}
+        attributes = Neos.Fusion:DataStructure {
+            x-data = '{play:false}'
+            'x-intersect.full:enter' = 'play=true'
+            'x-intersect.full:leave' = 'play=false'
+            'x-intersect.full:leave'.@if.replay = ${props.replayAnimation}
+            :class = "play?'animation-play':'animation-pause'"
+            // This is a workaround to restart the animation when play changes
+            x-effect = "if(!play){$el.style.animation='none';$el.offsetHeight;$el.style.animation=null}"
+            x-effect.@if.replay = ${props.replayAnimation}
+        }
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.Pixel.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.Pixel.pcss
new file mode 100644
index 000000000..f53f8f403
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.Pixel.pcss
@@ -0,0 +1,289 @@
+/* https://unused-css.com/tools/clip-path-generator */
+
+/* Make sure classes are generated */
+@source inline("n-background--pixel-{top,bottom}");
+@source inline("n-background--pixel-{top,bottom}{1..3}");
+@source inline("{sm,md,lg,xl}:n-background--pixel-delay");
+
+@utility n-background--pixel-delay {
+  animation-delay: var(--delay);
+}
+
+@layer components {
+  .n-background--pixel {
+    --frac: calc(100cqw / 7);
+
+    --point-0-1: 0 var(--frac);
+    --point-0-2: 0 calc(var(--frac) * 2);
+    --point-0-3: 0 calc(var(--frac) * 3);
+    --point-0-4: 0 calc(var(--frac) * 4);
+    --point-1-0: var(--frac) 0;
+    --point-1-1: var(--frac) var(--frac);
+    --point-1-2: var(--frac) calc(var(--frac) * 2);
+    --point-1-3: var(--frac) calc(var(--frac) * 3);
+    --point-1-4: var(--frac) calc(var(--frac) * 4);
+    --point-2-1: calc(var(--frac) * 2) var(--frac);
+    --point-2-2: calc(var(--frac) * 2) calc(var(--frac) * 2);
+    --point-2-3: calc(var(--frac) * 2) calc(var(--frac) * 3);
+    --point-2-4: calc(var(--frac) * 2) calc(var(--frac) * 4);
+    --point-3-1: calc(var(--frac) * 3) var(--frac);
+    --point-3-2: calc(var(--frac) * 3) calc(var(--frac) * 2);
+    --point-3-3: calc(var(--frac) * 3) calc(var(--frac) * 3);
+    --point-3-4: calc(var(--frac) * 3) calc(var(--frac) * 4);
+    --point-4-3: calc(var(--frac) * 4) calc(var(--frac) * 3);
+    --point-4-4: calc(var(--frac) * 4) calc(var(--frac) * 4);
+    --point-5-1: calc(var(--frac) * 5) var(--frac);
+    --point-5-2: calc(var(--frac) * 5) calc(var(--frac) * 2);
+    --point-5-3: calc(var(--frac) * 5) calc(var(--frac) * 3);
+    --point-5-4: calc(var(--frac) * 5) calc(var(--frac) * 4);
+    --point-6-1: calc(var(--frac) * 6) var(--frac);
+    --point-6-2: calc(var(--frac) * 6) calc(var(--frac) * 2);
+    --point-6-3: calc(var(--frac) * 6) calc(var(--frac) * 3);
+    --point-6-4: calc(var(--frac) * 6) calc(var(--frac) * 4);
+    --point-full-1: 100% var(--frac);
+    --point-full-2: 100% calc(var(--frac) * 2);
+    --point-full-3: 100% calc(var(--frac) * 3);
+    --point-full-4: 100% calc(var(--frac) * 4);
+  }
+
+  .n-background--pixel-top {
+    margin-top: calc(var(--frac) * -4 - 2px);
+    padding-top: calc(var(--frac) * 4);
+
+    --points-bottom: 100% 100%, 0 100%;
+
+    --bottom-none: polygon(evenodd, var(--point-0-4), var(--point-full-4), var(--points-bottom));
+    --bottom-left: polygon(evenodd, var(--point-0-3), var(--point-1-3), var(--point-1-4), var(--point-full-4), var(--points-bottom));
+    --bottom-left-right: polygon(evenodd, var(--point-0-3), var(--point-1-3), var(--point-1-4), var(--point-6-4), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+  }
+
+  .n-background--pixel-top1 {
+    --delay: 0.5s;
+
+    animation: 0.7s step-start 0.5s 1 normal both pixel-top1;
+  }
+
+  .n-background--pixel-top2 {
+    --delay: 0.75s;
+
+    animation: 0.7s step-start 0.5s 1 normal both pixel-top2;
+  }
+
+  .n-background--pixel-top3 {
+    --delay: 1s;
+
+    animation: 0.7s step-start 0.5s 1 normal both pixel-top3;
+  }
+
+  @keyframes pixel-top1 {
+    0% {
+      clip-path: var(--bottom-none);
+    }
+    8% {
+      clip-path: var(--bottom-left);
+    }
+    15% {
+      clip-path: var(--bottom-left-right);
+    }
+    23% {
+      clip-path: polygon(evenodd, var(--point-0-3), var(--point-2-3), var(--point-2-4), var(--point-6-4), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+    }
+    31% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-1-2), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-6-4), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+    }
+    38% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-1-2), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-5-4), var(--point-5-3), var(--point-full-3), var(--points-bottom));
+    }
+    46% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-1-2), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-5-4), var(--point-5-3), var(--point-6-3), var(--point-6-2), var(--point-full-2), var(--points-bottom));
+    }
+    54% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-1-2), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-4-4), var(--point-4-3), var(--point-6-3), var(--point-6-2), var(--point-full-2), var(--points-bottom));
+    }
+    62% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-1-2), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-4-4), var(--point-4-3), var(--point-5-3), var(--point-5-2), var(--point-full-2), var(--points-bottom));
+    }
+    69% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-1-2), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-4-4), var(--point-4-3), var(--point-5-3), var(--point-5-1), var(--point-6-1), var(--point-6-2), var(--point-full-2), var(--points-bottom));
+    }
+    77% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-2-2), var(--point-2-4), var(--point-4-4), var(--point-4-3), var(--point-5-3), var(--point-5-1), var(--point-6-1), var(--point-6-2), var(--point-full-2), var(--points-bottom));
+    }
+    85% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-2-2), var(--point-2-4), var(--point-3-4), var(--point-3-3), var(--point-5-3), var(--point-5-1), var(--point-6-1), var(--point-6-2), var(--point-full-2), var(--points-bottom));
+    }
+    92% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-3-2), var(--point-3-4), var(--point-2-4), var(--point-2-3), var(--point-5-3), var(--point-5-1), var(--point-6-1), var(--point-6-2), var(--point-full-2), var(--points-bottom));
+    }
+    100% {
+      clip-path: polygon(evenodd, var(--point-0-2), var(--point-2-2), var(--point-2-1), var(--point-3-1), var(--point-3-4), var(--point-2-4), var(--point-2-3), var(--point-5-3), var(--point-5-1), var(--point-6-1), var(--point-6-2), var(--point-full-2), var(--points-bottom));
+    }
+  }
+
+  @keyframes pixel-top2 {
+    0% {
+      clip-path: var(--bottom-none);
+    }
+    13% {
+      clip-path: var(--bottom-left);
+    }
+    25% {
+      clip-path: var(--bottom-left-right);
+    }
+    38% {
+      clip-path: polygon(evenodd, var(--point-0-3), var(--point-2-3), var(--point-2-2), var(--point-1-2), var(--point-1-4), var(--point-6-4), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+    }
+    50% {
+      clip-path: polygon(evenodd, var(--point-0-3), var(--point-2-3), var(--point-2-2), var(--point-1-2), var(--point-1-4), var(--point-5-4), var(--point-5-3), var(--point-full-3), var(--points-bottom));
+    }
+    63% {
+      clip-path: polygon(evenodd, var(--point-0-3), var(--point-2-3), var(--point-2-2), var(--point-1-2), var(--point-1-4), var(--point-3-4), var(--point-3-3), var(--point-4-3), var(--point-4-4), var(--point-5-4), var(--point-5-3), var(--point-full-3), var(--points-bottom));
+    }
+    75% {
+      clip-path: polygon(evenodd, var(--point-0-3), var(--point-2-3), var(--point-2-1), var(--point-1-1), var(--point-1-4), var(--point-3-4), var(--point-3-3), var(--point-4-3), var(--point-4-4), var(--point-5-4), var(--point-5-3), var(--point-full-3), var(--points-bottom));
+    }
+    88% {
+      clip-path: polygon(evenodd, var(--point-0-3), var(--point-2-3), var(--point-2-1), var(--point-1-1), var(--point-1-4), var(--point-2-4), var(--point-2-3), var(--point-4-3), var(--point-4-4), var(--point-5-4), var(--point-5-3), var(--point-full-3), var(--points-bottom));
+    }
+    100% {
+      clip-path: polygon(
+        evenodd,
+        0 0,
+        var(--point-1-0),
+        var(--point-1-1),
+        var(--point-0-1),
+        var(--point-0-3),
+        var(--point-1-3),
+        var(--point-1-1),
+        var(--point-2-1),
+        var(--point-2-3),
+        var(--point-1-3),
+        var(--point-1-4),
+        var(--point-2-4),
+        var(--point-2-3),
+        var(--point-4-3),
+        var(--point-4-4),
+        var(--point-5-4),
+        var(--point-5-3),
+        var(--point-full-3),
+        var(--points-bottom)
+      );
+    }
+  }
+
+  @keyframes pixel-top3 {
+    0% {
+      clip-path: var(--bottom-none);
+    }
+    10% {
+      clip-path: polygon(evenodd, var(--point-0-4), var(--point-6-4), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+    }
+    20% {
+      clip-path: polygon(evenodd, var(--point-0-4), var(--point-1-4), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-6-4), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+    }
+    30% {
+      clip-path: polygon(evenodd, var(--point-0-4), var(--point-1-4), var(--point-1-3), var(--point-2-3), var(--point-2-4), var(--point-5-4), var(--point-5-3), var(--point-full-3), var(--points-bottom));
+    }
+    40% {
+      clip-path: polygon(evenodd, var(--point-0-4), var(--point-1-4), var(--point-1-3), var(--point-3-3), var(--point-3-4), var(--point-5-4), var(--point-5-3), var(--point-full-3), var(--points-bottom));
+    }
+    50% {
+      clip-path: polygon(evenodd, var(--point-0-4), var(--point-1-4), var(--point-1-3), var(--point-3-3), var(--point-3-4), var(--point-5-4), var(--point-5-2), var(--point-6-2), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+    }
+    60% {
+      clip-path: polygon(evenodd, var(--point-0-4), var(--point-1-4), var(--point-1-2), var(--point-2-2), var(--point-2-3), var(--point-3-3), var(--point-3-4), var(--point-5-4), var(--point-5-2), var(--point-6-2), var(--point-6-3), var(--point-full-3), var(--points-bottom));
+    }
+    70% {
+      clip-path: polygon(
+        evenodd,
+        var(--point-0-4),
+        var(--point-1-4),
+        var(--point-1-2),
+        var(--point-2-2),
+        var(--point-2-3),
+        var(--point-3-3),
+        var(--point-3-4),
+        var(--point-5-4),
+        var(--point-5-2),
+        var(--point-6-2),
+        var(--point-6-1),
+        var(--point-full-1),
+        var(--point-full-2),
+        var(--point-6-2),
+        var(--point-6-3),
+        var(--point-full-3),
+        var(--points-bottom)
+      );
+    }
+    80% {
+      clip-path: polygon(
+        evenodd,
+        var(--point-0-4),
+        var(--point-1-4),
+        var(--point-1-2),
+        var(--point-2-2),
+        var(--point-2-3),
+        var(--point-4-3),
+        var(--point-4-4),
+        var(--point-5-4),
+        var(--point-5-2),
+        var(--point-6-2),
+        var(--point-6-1),
+        var(--point-full-1),
+        var(--point-full-2),
+        var(--point-6-2),
+        var(--point-6-3),
+        var(--point-full-3),
+        var(--points-bottom)
+      );
+    }
+    90% {
+      clip-path: polygon(
+        evenodd,
+        var(--point-0-2),
+        var(--point-2-2),
+        var(--point-2-3),
+        var(--point-0-3),
+        var(--point-0-4),
+        var(--point-1-4),
+        var(--point-1-3),
+        var(--point-4-3),
+        var(--point-4-4),
+        var(--point-5-4),
+        var(--point-5-2),
+        var(--point-6-2),
+        var(--point-6-1),
+        var(--point-full-1),
+        var(--point-full-2),
+        var(--point-6-2),
+        var(--point-6-3),
+        var(--point-full-3),
+        var(--points-bottom)
+      );
+    }
+    100% {
+      clip-path: polygon(
+        evenodd,
+        var(--point-0-2),
+        var(--point-2-2),
+        var(--point-2-3),
+        var(--point-0-3),
+        var(--point-0-4),
+        var(--point-1-4),
+        var(--point-1-3),
+        var(--point-4-3),
+        var(--point-4-4),
+        var(--point-5-4),
+        var(--point-5-2),
+        var(--point-6-2),
+        var(--point-6-1),
+        var(--point-full-1),
+        var(--point-full-2),
+        var(--point-6-2),
+        var(--point-6-3),
+        var(--point-full-3),
+        var(--points-bottom)
+      );
+    }
+  }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.fusion
new file mode 100644
index 000000000..e33241f73
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.fusion
@@ -0,0 +1,45 @@
+prototype(Neos.Presentation:Background) < prototype(Neos.Fusion:Component) {
+    @styleguide.props {
+        background = 'gradient'
+        content = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda atque cumque, dignissimos ea eos error in iure laboriosam libero mollitia nam nemo omnis, perferendis quisquam recusandae reiciendis repudiandae unde ut!'
+    }
+
+    @propTypes {
+        background = ${PropTypes.oneOf(['gradient', 'blue-dark', 'blue', 'blue-light', 'purple', 'purple-dark', 'green', 'green-dark', 'yellow', 'yellow-dark', 'orange', 'red', 'black'])}
+        tagName = PropTypes:String
+        style = PropTypes:String
+        href = PropTypes:String
+        class = ${PropTypes.any}
+    }
+
+    tagName = 'div'
+    class = 'flow-root'
+
+    attributes = Neos.Fusion:DataStructure
+
+    // Extension point for pixel backgrounds
+    @private {
+        class = ''
+        attributes = Neos.Fusion:DataStructure
+    }
+
+    renderer = Neos.Fusion:Tag {
+        tagName = ${props.href ? 'a' : props.tagName}
+        content = ${props.content}
+        attributes = afx`
+            <Neos.Fusion:DataStructure
+                {...props.attributes}
+                {...private.attributes}
+                style={props.style}
+                href={props.href}
+                class={Carbon.String.classNames(
+                    'n-background',
+                    props.background && 'n-background--' + props.background,
+                    props.background == 'gradient' && 'bg-gradient-to-r from-blue-dark to-blue',
+                    private.class,
+                    props.class
+                )}
+            />
+        `
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.pcss
new file mode 100644
index 000000000..bd5285c40
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Background/Background.pcss
@@ -0,0 +1,70 @@
+/* Make sure classes are generated */
+@source inline("n-background--{gradient,blue,blue-dark,blue-light,purple,purple-dark,green,green-dark,yellow,yellow-dark,orange,red,black}");
+
+@layer components {
+  .n-background {
+    color: var(--n-fg);
+    background-color: var(--n-bg);
+  }
+
+  .n-background--gradient,
+  .n-background--blue-dark {
+    --n-fg: var(--color-white);
+    --n-bg: var(--color-blue-dark);
+  }
+
+  .n-background--blue {
+    --n-fg: var(--color-white);
+    --n-bg: var(--color-blue);
+  }
+
+  .n-background--blue-light {
+    --n-fg: var(--color-dark-blue);
+    --n-bg: var(--color-blue-light);
+  }
+
+  .n-background--purple {
+    --n-fg: var(--color-white);
+    --n-bg: var(--color-purple);
+  }
+
+  .n-background--purple-dark {
+    --n-fg: var(--color-white);
+    --n-bg: var(--color-purple-dark);
+  }
+
+  .n-background--green {
+    --n-fg: var(--color-black);
+    --n-bg: var(--color-green);
+  }
+
+  .n-background--green-dark {
+    --n-fg: var(--color-white);
+    --n-bg: var(--color-green-dark);
+  }
+
+  .n-background--yellow {
+    --n-fg: var(--color-black);
+    --n-bg: var(--color-yellow);
+  }
+
+  .n-background--yellow-dark {
+    --n-fg: var(--color-white);
+    --n-bg: var(--color-yellow-dark);
+  }
+
+  .n-background--orange {
+    --n-fg: var(--color-black);
+    --n-bg: var(--color-orange);
+  }
+
+  .n-background--red {
+    --n-fg: var(--color-black);
+    --n-bg: var(--color-red);
+  }
+
+  .n-background--black {
+    --n-fg: var(--color-white);
+    --n-bg: var(--color-black);
+  }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.Box.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.Box.fusion
new file mode 100644
index 000000000..8e48a098a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.Box.fusion
@@ -0,0 +1,72 @@
+prototype(Neos.Presentation:BentoBoxes.Box) < prototype(Neos.Fusion:Component) {
+    @propTypes {
+        background = ${PropTypes.oneOf(['gradient', 'blue-dark', 'blue', 'blue-light', 'purple', 'green', 'yellow', 'orange', 'red', 'black'])}
+        assetAlign = ${PropTypes.oneOf(['left', 'center', 'right', '', null])}
+        link = PropTypes:String
+        headlineTagName = ${PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'])}
+        headline = PropTypes:String
+        linkLabel = PropTypes:String
+        video = PropTypes:FromPrototype {
+            prototypeName = 'Neos.Presentation:InlineVideo'
+        }
+        imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
+    }
+
+    assetAlign = 'center'
+    video = Neos.Fusion:DataStructure {
+        sources = null
+        assets = null
+    }
+    alignEnd = false
+    headlineTagName = 'h2'
+
+    @private {
+        figureClass = ${Carbon.String.classNames(
+            'grow flex items-end mt-10',
+            props.assetAlign == 'right' && 'justify-end ml-8 lg:ml-10',
+            props.assetAlign == 'left' && 'justify-start mr-8 lg:mr-10',
+            props.assetAlign != 'left' && props.assetAlign != 'right' && 'justify-center mx-8 lg:mx-10'
+        )}
+        hasVideo = ${props.video && (props.video.sources || props.video.assets)}
+        hasImage = ${props.imageSource && !private.hasVideo}
+    }
+
+    renderer = afx`
+        <Neos.Presentation:Background
+            background={props.background}
+            class={["h-full w-full flex flex-col relative group/icon", props.alignEnd ? "self-end" : null]}
+        >
+            <div class="p-8 lg:px-10">
+                <Neos.Presentation:Headline
+                    tagName={props.headlineTagName}
+                    display="title-lg"
+                >
+                    {props.link ? "" : props.headline}
+                    <a @if={props.link} href={props.link} class="block after:absolute after:inset-0 after:z-10">
+                        {props.headline}
+                    </a>
+                </Neos.Presentation:Headline>
+                <Neos.Presentation:Paragraph
+                    @if={props.link && props.linkLabel}
+                    display="cta-xl"
+                    class="flex mt-8 gap-2 items-center"
+                >
+                    {props.linkLabel}
+                    <Neos.Presentation:Icon icon="animatedArrow" />
+                </Neos.Presentation:Paragraph>
+            </div>
+            <figure @if={private.hasImage || private.hasVideo} class={private.figureClass}>
+                <Neos.Presentation:InlineVideo
+                    @if={private.hasVideo}
+                    {...props.video}
+                    poster={props.imageSource}
+                />
+
+                <Sitegeist.Kaleidoscope:Image
+                    @if={private.hasImage}
+                    imageSource={props.imageSource}
+                />
+            </figure>
+        </Neos.Presentation:Background>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.Fixture.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.Fixture.fusion
new file mode 100644
index 000000000..3deec56ca
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.Fixture.fusion
@@ -0,0 +1,43 @@
+prototype(Neos.Presentation:BentoBoxes.Fixture) < prototype(Neos.Fusion:DataStructure) {
+    headline = 'Tools that transform your digital journey'
+    text = 'Take control of HTML, CSS, and JavaScript in a visual canvas. Neos generates clean, semantic code that’s ready.'
+    boxes = Neos.Fusion:DataStructure {
+        1 = Neos.Fusion:DataStructure {
+            headline = 'Enterprise Features like Role Management and Media Center'
+            background = 'gradient'
+            imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
+                height = 480
+                width = 360
+            }
+            assetAlign = 'center'
+            link = '#'
+            linkLabel = 'Learn more'
+        }
+        2 = Neos.Fusion:DataStructure {
+            headline = 'What you see, is what you get. Our True Inline Editor.'
+            background = 'blue'
+            imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
+                width = 712
+                height = 400
+            }
+            assetAlign = 'right'
+        }
+        3 = Neos.Fusion:DataStructure {
+            headline = 'Multi-language and Multi-site Functionality'
+            link = '#'
+            linkLabel = 'Learn more'
+            background = 'blue-light'
+            video = Neos.Presentation:InlineVideo.Fixture
+            assetAlign = 'right'
+        }
+        4 = Neos.Fusion:DataStructure {
+            headline = 'SEO Optimization Tools for the best performance'
+            background = 'blue-dark'
+            imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
+                width = 600
+                height = 500
+            }
+            assetAlign = 'left'
+        }
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.fusion
new file mode 100644
index 000000000..4fb845c62
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/BentoBoxes/BentoBoxes.fusion
@@ -0,0 +1,53 @@
+prototype(Neos.Presentation:BentoBoxes) < prototype(Neos.Fusion:Component) {
+    @styleguide.props = Neos.Presentation:BentoBoxes.Fixture
+
+    @propTypes {
+        headlineTagName = ${PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'])}
+        headline = PropTypes:String
+        text = PropTypes:String
+        boxes = PropTypes:Array {
+            type = PropTypes:FromPrototype {
+                prototypeName = 'Neos.Presentation:BentoBoxes.Box'
+            }
+        }
+    }
+
+    headlineTagName = 'h2'
+    boxes = ${[]}
+
+    @private {
+        boxes = ${Carbon.Array.chunk(props.boxes, 2)}
+        boxHeadlineTagName = ${Carbon.String.heading(props.headlineTagName, 1)}
+    }
+
+    renderer = afx`
+        <Neos.Presentation:Spacing size x y>
+            <Neos.Presentation:Headline
+                @if={props.headline}
+                tagName={props.headlineTagName}
+                content={props.headline}
+                display="headline-lg"
+                class="max-w-4xl"
+            />
+            <Neos.Presentation:Paragraph
+                @if={props.text}
+                content={props.text}
+                display="lead"
+                class="text-black/75 mt-2 max-w-xl lg:ml-auto lg:max-w-1/3"
+            />
+            <div class="flex flex-col gap-6 mt-16 lg:mt-0">
+                <Neos.Fusion:Loop items={private.boxes} itemName="chunk" iterationName="chunkIterator">
+                    <div class="flex flex-col lg:flex-row gap-6 items-stretch">
+                        <Neos.Fusion:Loop items={chunk} itemName="box">
+                            <Neos.Presentation:BentoBoxes.Box
+                                {...box}
+                                headlineTagName={private.boxHeadlineTagName}
+                                alignEnd={chunkIterator.isFirst && iterator.isLast}
+                            />
+                        </Neos.Fusion:Loop>
+                    </div>
+                </Neos.Fusion:Loop>
+            </div>
+        </Neos.Presentation:Spacing>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Button.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Button.fusion
new file mode 100644
index 000000000..b9f7449f6
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Button.fusion
@@ -0,0 +1,87 @@
+prototype(Neos.Presentation:Button) < prototype(Neos.Fusion:Component) {
+    @styleguide {
+        props {
+            content = 'Button Text'
+            attributes.style = "margin: 50px"
+        }
+        useCases {
+            icon.props {
+                content = 'Button with Icon'
+                icon = 'animatedArrow'
+                attributes.style = "margin: 50px"
+            }
+            href.props {
+                content = 'Link with Icon'
+                icon = 'animatedArrow'
+                href = '#link'
+                attributes.style = "margin: 50px"
+            }
+        }
+    }
+
+    @propTypes {
+        variant = ${PropTypes.oneOf(['button', 'transparent', 'link'])}
+        type = ${PropTypes.oneOf(['button', 'submit', 'reset'])}
+        href = null
+        content = PropTypes:String
+        ariaLabel = PropTypes:String
+        href = PropTypes:String
+        icon = PropTypes:String
+        disabled = PropTypes:Bool
+        fullWidth = PropTypes:Bool
+        iconLeft = PropTypes:Bool
+        class = ${PropTypes.any}
+    }
+
+    variant = 'button'
+    type = 'button'
+    fullWidth = false
+    attributes = Neos.Fusion:DataStructure
+    iconLeft = ${this.icon == 'animatedArrowLeft'}
+
+    @private {
+        isButton = ${!props.href}
+        hasIcon = ${props.icon && props.variant != 'link'}
+        global = ${[
+            'transition cursor-pointer',
+            private.isButton ? 'disabled:cursor-not-allowed' : 'aria-disabled:cursor-not-allowed',
+            private.hasIcon ? 'group/icon gap-2 items-center' : null
+        ]}
+        button = ${[
+            'px-8 py-4 text-black bg-green display-cta-lg hocus:text-white hocus:bg-green-dark',
+            private.isButton ? 'disabled:bg-neutral-40! disabled:text-black!' : 'aria-disabled:bg-neutral-40! aria-disabled:text-black!',
+            props.fullWidth ? 'flex w-full justify-center text-center' : 'inline-flex'
+        ]}
+        transparent = ${[
+            'inline-flex text-black display-cta-xl hocus:opacity-66 disabled:text-neutral-40! aria-disabled:text-neutral-40!',
+            private.isButton ? 'disabled:text-neutral-40!' :  'aria-disabled:text-neutral-40!'
+        ]}
+        link = ${[
+            'display-cta-lg text-black underline decoration-2 underline-offset-8 decoration-blue-light hocus:text-blue-light',
+            private.isButton ? 'disabled:text-neutral-40! disabled:decoration-neutral-40' : 'aria-disabled:text-neutral-40! aria-disabled:decoration-neutral-40'
+        ]}
+    }
+
+    @if.hasLabelOrContent = ${this.content || this.ariaLabel}
+
+    renderer = Neos.Fusion:Tag {
+        tagName = ${private.isButton ? 'button' : 'a'}
+        attributes = afx`
+            <Neos.Fusion:DataStructure
+                {...props.attributes}
+                disabled={private.isButton && props.disabled}
+                aria-disabled={!private.isButton && props.disabled ? 'true' : null}
+                aria-label={props.ariaLabel}
+                type={private.isButton ? props.type : null}
+                href={!props.disabled && props.href ? props.href : null}
+                class={Carbon.String.classNames(private.global, private[props.variant], props.class)}
+            />
+        `
+        content = afx`
+            <Neos.Presentation:Icon @if={private.hasIcon && props.iconLeft} icon={props.icon} class="shrink-0" />
+            {props.fullWidth && private.hasIcon ? "" : props.content}
+            <span @if={props.fullWidth && private.hasIcon && props.content} class="grow">{props.content}</span>
+            <Neos.Presentation:Icon @if={private.hasIcon && !props.iconLeft} icon={props.icon} class="shrink-0" />
+        `
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/DynamicGrid/DynamicGrid.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/DynamicGrid/DynamicGrid.fusion
new file mode 100644
index 000000000..5e4267da2
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/DynamicGrid/DynamicGrid.fusion
@@ -0,0 +1,48 @@
+prototype(Neos.Presentation:DynamicGrid) < prototype(Neos.Fusion:Component) {
+    @propTypes {
+        tagName = PropTypes:String
+        content = PropTypes:String
+        class = ${PropTypes.any}
+        attributes = ${PropTypes.any}
+        maxCols = PropTypes:Int
+        gap = PropTypes:Union {
+            int = PropTypes:Int
+            string = PropTypes:String
+        }
+        minSize = PropTypes:Union {
+            int = PropTypes:Int
+            string = PropTypes:String
+        }
+    }
+
+    tagName = 'div'
+    attributes = Neos.Fusion:DataStructure
+
+    // You can use the properties below or tailwind classes to set the grid
+
+    /// integer Max number of cols / dynamic-grid-max-cols-*
+    maxCols = null
+
+    /// string|integer If it is an integer it will be converted to rem using the Tailwind scale / dynamic-grid-gap-*
+    gap = null
+
+    /// string|integer If it is an integer it will be converted to rem using the Tailwind scale / dynamic-grid-min-size-*
+    minSize = null
+
+    @private {
+        minSize = ${Type.isNumeric(props.minSize) ? (props.minSize / 4) + 'rem' : props.minSize}
+        gap = ${Type.isNumeric(props.gap) ? 'calc(var(--spacing) * ' + props.gap + ')' : props.gap}
+    }
+
+    renderer = Neos.Fusion:Tag {
+        tagName = ${props.tagName}
+        attributes = afx`
+            <Neos.Fusion:DataStructure
+                {...props.attributes}
+                class={Carbon.String.classNames('dynamic-grid', props.class)}
+                style={Carbon.String.styles({'--gap': private.gap, '--max-cols': props.maxCols, '--min-size': private.minSize})}
+            />
+        `
+        content = ${props.content}
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/DynamicGrid/DynamicGrid.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/DynamicGrid/DynamicGrid.pcss
new file mode 100644
index 000000000..2579115e5
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/DynamicGrid/DynamicGrid.pcss
@@ -0,0 +1,25 @@
+@layer components {
+  .dynamic-grid {
+    /* calculations, do not touch */
+    ----size-calc: calc((100% - var(--gap, 0) * var(--max-cols)) / var(--max-cols));
+    ----min-size-calc: min(100%, max(var(--min-size), var(----size-calc)));
+
+    display: grid;
+    gap: var(--gap, 0);
+    grid-template-columns: repeat(auto-fit, minmax(var(----min-size-calc), 1fr));
+  }
+}
+
+@utility dynamic-grid-gap-* {
+  --gap: calc(var(--spacing) * --value(integer));
+  --gap: --value([length]);
+}
+
+@utility dynamic-grid-max-cols-* {
+  --max-cols: --value(integer);
+}
+
+@utility dynamic-grid-min-size-* {
+  --min-size: calc(var(--spacing) * --value(integer));
+  --min-size: --value([length]);
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/HeadTags.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HeadTags.fusion
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/HeadTags.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HeadTags.fusion
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/HighlightBoxes/HighlightBoxes.Box.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.Box.fusion
similarity index 56%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/HighlightBoxes/HighlightBoxes.Box.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.Box.fusion
index f92f7bea3..1a8c4ad03 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/HighlightBoxes/HighlightBoxes.Box.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.Box.fusion
@@ -1,21 +1,14 @@
 prototype(Neos.Presentation:HighlightBoxes.Box) < prototype(Neos.Fusion:Component) {
-
     @propTypes {
-        inBackend = PropTypes:Bool
         displayType = ${PropTypes.oneOf(['icon', 'imageCircle', 'imageHeader'])}
-        image = PropTypes:DataStructure {
-            imageSource = PropTypes:InstanceOf {
-                type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-            }
-        }
+        imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
         tag = PropTypes:String
-        heading = PropTypes:String
+        headline = PropTypes:String
         description = PropTypes:String
         link = PropTypes:String
         linkLabel = PropTypes:String
     }
 
-    inBackend = false
     displayType = 'icon'
     imageWidth = 576
 
@@ -26,12 +19,12 @@ prototype(Neos.Presentation:HighlightBoxes.Box) < prototype(Neos.Fusion:Componen
     }
 
     renderer = afx`
-        <div class={Carbon.String.classNames('relative flex flex-col bg-gray-light', { 'group': !!props.link })}>
+        <div class={Carbon.String.classNames('relative flex flex-col bg-neutral-05', { 'group/icon': !!props.link })}>
             <figure
                 @if={private.isIcon}
-                class="w-12 h-12 aspect-square rounded-full mx-4 mt-6 bg-lightblue/70 text-white grid place-content-center"
+                class="w-12 h-12 aspect-square rounded-full mx-4 mt-6 bg-blue-light/70 text-white grid place-content-center"
             >
-                <Neos.Presentation:Icon name={props.icon} class="w-6 h-6" />
+                <Neos.Presentation:Icon icon={props.icon} class="size-6" />
             </figure>
 
             <figure
@@ -39,7 +32,8 @@ prototype(Neos.Presentation:HighlightBoxes.Box) < prototype(Neos.Fusion:Componen
                 class={Carbon.String.classNames('overflow-hidden', private.isImageHeader ? 'aspect-video' : 'size-32 aspect-square rounded-full overflow-hidden self-center mx-4 mt-8 mb-2')}
             >
                 <Sitegeist.Kaleidoscope:Image
-                    @if={props.image && props.image.imageSource} {...props.image}
+                    @if={props.imageSource}
+                    imageSource={props.imageSource}
                     class="size-full object-cover will-change-transform duration-700 group-hover:scale-110"
                     srcset="1x,2x"
                     width={props.imageWidth}
@@ -49,29 +43,33 @@ prototype(Neos.Presentation:HighlightBoxes.Box) < prototype(Neos.Fusion:Componen
 
             <div class="flex-1 grid gap-2 p-4">
                 <div
-                    @if={!private.isIcon && (props.inBackend || props.tag)}
-                    class={Carbon.String.classNames('text-xs bg-lightblue/70 text-white px-2 py-1 rounded-full', private.isImageHeader ? 'absolute top-4 left-4' : 'self-start justify-self-start')}
+                    @if={!private.isIcon && props.tag}
+                    class={Carbon.String.classNames('text-xs bg-blue-light/70 text-white px-2 py-1 rounded-full', private.isImageHeader ? 'absolute top-4 left-4' : 'self-start justify-self-start')}
                 >
                     {props.tag}
                 </div>
 
                 <Neos.Presentation:Headline
-                    @if={props.inBackend || props.heading}
-                    tagName="h3" display="title-md" text={props.heading}
-                    class="text-darkblue group-hover:text-lightblue text-balance duration-300"
+                    @if={props.headline}
+                    tagName="h3"
+                    display="title-md"
+                    class="text-blue-dark group-hover:text-blue-light duration-300"
+                    content={props.headline}
                 />
 
                 <Neos.Presentation:Paragraph
-                    @if={!private.isImageHeader && (props.inBackend || props.description)}
-                    text={props.description} class="text-pretty"
+                    @if={!private.isImageHeader && props.description}
+                    class="text-pretty"
+                    content={props.description}
                 />
 
-                <a @if={props.link && props.linkLabel}
-                   href={props.link}
-                   class="mt-4 flex gap-2 text-darkblue self-end">
-                    <span class="absolute inset-0 pointer-events-auto"></span>
+                <a
+                    @if={props.link && props.linkLabel}
+                    href={props.link}
+                    class="mt-4 flex gap-2 text-blue-dark items-end self-end after:absolute after:inset-0 after:z-10 after:pointer-events-auto"
+                >
                     <span class="flex-1 text-balance">{props.linkLabel}</span>
-                    <Neos.Presentation:Atom.AnimatedArrow />
+                    <Neos.Presentation:Icon icon="animatedArrow" class="-translate-y-1 h-[1em]" />
                 </a>
             </div>
         </div>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.Fixture.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.Fixture.fusion
new file mode 100644
index 000000000..6d7be2a92
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.Fixture.fusion
@@ -0,0 +1,42 @@
+prototype(Neos.Presentation:HighlightBoxes.Fixture) < prototype(Neos.Fusion:DataStructure) {
+    cols = 3
+    headline = 'Tools that transform your digital journey'
+    imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
+        baseWidth = 1920
+        baseHeight = 1080
+    }
+    boxes = Neos.Fusion:DataStructure {
+        1 = Neos.Fusion:DataStructure {
+            imageSource = Sitegeist.Kaleidoscope:DummyImageSource
+            icon = 'heart'
+            tag = 'Enterprise'
+            headline = 'Enterprise Features like Role Management and Media Center'
+            description = 'Manage your team and media assets with ease. Our role management system allows you to define roles and permissions for your team members.'
+            link = '#'
+            linkLabel = 'Learn more about roles and permissions'
+            linkTargetBlank = true
+        }
+        2 = Neos.Fusion:DataStructure {
+            imageSource = Sitegeist.Kaleidoscope:DummyImageSource
+            icon = 'mail'
+            tag = 'Editor'
+            headline = 'What you see, is what you get. Our True Inline Editor.'
+            description = 'Our True Inline Editor allows you to edit your content directly on the page. No more guessing how your content will look like.'
+        }
+        3 = Neos.Fusion:DataStructure {
+            imageSource = Sitegeist.Kaleidoscope:DummyImageSource
+            icon = 'square'
+            headline = 'Customize your content with our powerful NodeTypes.'
+            link = '#'
+            linkLabel = 'Learn more about content elements'
+        }
+        4 = Neos.Fusion:DataStructure {
+            imageSource = Sitegeist.Kaleidoscope:DummyImageSource
+            icon = 'clock'
+            headline = 'Track your success with our Analytics Dashboard.'
+            description = 'Our Analytics Dashboard gives you insights into your content performance. Track your success and optimize your content.'
+            link = '#'
+            linkLabel = 'Learn more about analytics'
+        }
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.fusion
new file mode 100644
index 000000000..8cc7db686
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/HighlightBoxes/HighlightBoxes.fusion
@@ -0,0 +1,78 @@
+prototype(Neos.Presentation:HighlightBoxes) < prototype(Neos.Fusion:Component) {
+    @styleguide.props = Neos.Presentation:HighlightBoxes.Fixture
+
+    @propTypes {
+        cols = ${PropTypes.oneOf([2, 3, 4])}
+        displayType = ${PropTypes.oneOf(['icon', 'imageCircle', 'imageHeader'])}
+        headline = PropTypes:String
+        imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
+        boxes = PropTypes:Array {
+            type = PropTypes:FromPrototype {
+                prototypeName = 'Neos.Presentation:HighlightBoxes.Box'
+            }
+        }
+    }
+
+    cols = 2
+    displayType = 'icon'
+
+    @private {
+        backgroundImage = ${props.imageSource ? 'background-image:url(' + props.imageSource + ');' : null}
+        colClass = Neos.Fusion:Match {
+            @subject = ${props.cols}
+            @default = ''
+            3 = 'md:grid-cols-3'
+            4 = 'lg:grid-cols-4'
+        }
+        imageWidth = Neos.Fusion:Case {
+            noImage {
+                condition = ${props.displayType == 'icon'}
+                renderer = 0
+            }
+            isImageCircle {
+                condition = ${props.displayType == 'imageCircle'}
+                renderer = 128
+            }
+            cols2 {
+                condition = ${props.cols == 2}
+                renderer = 576
+            }
+            cols3 {
+                condition = ${props.cols == 3}
+                renderer = 373
+            }
+            default {
+                condition = true
+                renderer = 272
+            }
+        }
+        content = afx`
+                <Neos.Presentation:Headline
+                    @if={props.headline}
+                    content={props.headline}
+                    display="headline-lg" class="text-blue-dark text-balance mb-16"
+                />
+                <div class={Carbon.String.classNames('grid gap-8 sm:grid-cols-2', private.colClass)}>
+                    <Neos.Fusion:Loop items={props.boxes} itemName="box">
+                        <Neos.Presentation:HighlightBoxes.Box {...box} displayType={props.displayType} imageWidth={private.imageWidth} />
+                    </Neos.Fusion:Loop>
+                </div>
+        `
+    }
+
+    renderer = afx`
+        <Neos.Presentation:Spacing
+            @if={private.backgroundImage && private.content}
+            size={false}
+            y class="highlight-boxes bg-cover py-8"
+            attributes.style={private.backgroundImage}
+        >
+            <Neos.Presentation:Spacing size x content={private.content} />
+        </Neos.Presentation:Spacing>
+        <Neos.Presentation:Spacing
+            @if={!private.backgroundImage && private.content}
+            size x y class="highlight-boxes"
+            content={private.content}
+        />
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Icon.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Icon.fusion
new file mode 100644
index 000000000..d7fac1f6a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Icon.fusion
@@ -0,0 +1,105 @@
+prototype(Neos.Presentation:Icon) < prototype(Neos.Fusion:Component) {
+    @styleguide.props {
+        icon = 'clock'
+        class = 'group/icon'
+        style = 'font-size: 90px; margin: 1em auto; color: var(--color-blue)'
+        sizeClass = 'h-[1em]'
+    }
+
+    @propTypes {
+        icon = ${PropTypes.oneOf([
+            'animatedArrow', 'animatedArrowLeft',
+            'neosAvatarPrimary', 'neosAvatarLight', 'neosAvatarDark', 'neosAvatarMonochrome', 'neosLogoPrimary', 'neosLogoLight', 'neosLogoDark', 'neosLogoMonochrome',
+            'arrow-right', 'briefcase', 'calculator', 'calendar', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'clock', 'cloud', 'desktop',
+            'development', 'document', 'eye', 'facebook', 'file', 'github', 'globe', 'headphones', 'heart', 'house', 'instagram', 'linkedin', 'mail-open',
+            'mail', 'mastodon', 'place', 'plus', 'quote', 'search', 'slack', 'smile', 'square', 'time', 'user', 'youtube', 'notfound'
+        ])}
+        ariaLabel = PropTypes:String
+        class = ${PropTypes.any}
+        sizeClass = ${PropTypes.any}
+        style = PropTypes:String
+    }
+
+    icon = null
+    sizeClass = ${this.icon == 'animatedArrow' || this.icon == 'animatedArrowLeft' ? 'h-[1em]' : 'h-6'}
+    style = null
+    ariaLabel = null
+    ariaHidden = null
+
+    @private {
+        icon = ${props.icon ? String.trim(String.toLowerCase(props.icon)) : null}
+        neosColorFirst = Neos.Fusion:Match {
+            @subject = ${props.icon}
+            @default = 'fill-blue-dark'
+            neosAvatarDark = 'fill-blue-light'
+            neosLogoDark = 'fill-blue-light'
+        }
+        neosColorSecond = Neos.Fusion:Match {
+            @subject = ${props.icon}
+            @default = 'fill-white'
+            neosAvatarPrimary = 'fill-blue-light'
+            neosLogoPrimary = 'fill-blue-light'
+        }
+        class = ${Tailwind.merge(
+            props.icon == 'animatedArrow' && 'transition-transform duration-300 ease-[steps(5)] group-hocus-within/icon:translate-x-1/2',
+            props.icon == 'animatedArrowLeft' && 'rotate-180 transition-transform duration-300 ease-[steps(5)] group-hocus-within/icon:-translate-x-1/2',
+            props.sizeClass,
+            props.class
+        )}
+        neosAvatar = afx`
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111.73 124.72">
+                <polygon class={private.neosColorFirst} points="89.03 0 68.27 15.13 68.27 46.77 89.03 76.12 89.03 0"/>
+                <polygon class={private.neosColorFirst} points="89.03 112.82 9.24 0 0 6.76 0 124.72 20.75 109.6 20.75 51.18 72.65 124.72 95.35 124.72 111.73 112.82 89.03 112.82"/>
+                <polygon class={private.neosColorSecond} points="20.75 51.18 20.75 109.6 0 124.72 22.7 124.72 43.46 109.6 43.46 83.35 20.75 51.18"/>
+                <polygon class={private.neosColorSecond} points="89.03 76.12 89.03 0 111.73 0 111.73 112.82 89.03 112.82 9.24 0 35.19 0 89.03 76.12"/>
+            </svg>
+        `
+        neosLogo = afx`
+            <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 453.5 124.7">
+                <path class={private.neosColorFirst} d="m410.7 86 5-5.5c5.5 4.9 10.6 7.5 18.1 7.5 6.7 0 11.5-3.4 11.5-8.5 0-4.5-2.5-6.9-13.5-9.7-12.7-3.2-19.1-7.6-19.1-16.5 0-9.2 8.5-15.5 19.3-15.5 8.1 0 14 2.6 19.7 7.1l-4.6 5.9c-5.3-4.1-9.7-5.9-15.2-5.9-6.1 0-10.9 3-10.9 7.8 0 4.6 3 7.1 14.3 9.9 12.2 2.9 18.2 7.8 18.2 16.3 0 10-8.6 16.2-19.9 16.2-8.9.1-16.3-3.1-22.9-9.1zm-82.9-19.5c0-15.7 12.1-28.7 29-28.7s29 13 29 28.7-12.1 28.7-29 28.7-29-13-29-28.7zm49.7 0c0-12.1-8.5-21.3-20.7-21.3s-20.7 9.2-20.7 21.3 8.5 21.3 20.7 21.3 20.7-9.1 20.7-21.3zm-75-27.7V46h-32.7v16.7H299V70h-29.2v17.1h33.1v7.2h-41.2V38.8h40.8zm-111.4 0 32.5 40.9V38.8h7.9v55.4h-6.6l-33.4-42.1v42.1h-7.9V38.8h7.5zM89 0 68.3 15.1v31.7L89 76.1zm0 112.8L9.2 0 0 6.8v117.9l20.8-15.1V51.2l51.9 73.5h22.6l16.4-11.9z" />
+                <path class={private.neosColorSecond} d="M20.8 51.2v58.4L0 124.7h22.7l20.8-15.1V83.3zM89 76.1V0h22.7v112.8H89L9.2 0h26z" />
+            </svg>
+        `
+        animatedArrow = afx`
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 5 5"
+                fill="currentColor"
+            >
+                <path class="transition-transform ease-[steps(5)] scale-x-0 group-hocus-within/icon:scale-x-100 duration-300 origin-right motion-reduce:hidden" d="M0 2h4v1H0z"/>
+                <path d="M2 0h1v1H2zM3 1h1v1H3zM4 2h1v1H4zM3 3h1v1H3zM2 4h1v1H2z"/>
+            </svg>
+        `
+    }
+
+    renderer = Neos.Fusion:Augmenter {
+        class = ${private.class}
+        style = ${props.style}
+        aria-label = ${props.ariaLabel}
+        aria-hidden = ${props.ariaLabel ? null : props.ariaHidden}
+        role = 'img'
+
+        content = Neos.Fusion:Case {
+            animatedArrow {
+                condition = ${props.icon == 'animatedArrow' || props.icon == 'animatedArrowLeft'}
+                renderer = ${private.animatedArrow}
+            }
+            neosAvatar {
+                condition = ${props.icon == 'neosAvatarPrimary' || props.icon == 'neosAvatarLight' || props.icon == 'neosAvatarDark'}
+                renderer = ${private.neosAvatar}
+            }
+            neosLogo {
+                condition = ${props.icon == 'neosLogoPrimary' || props.icon == 'neosLogoLight' || props.icon == 'neosLogoDark'}
+                renderer = ${private.neosLogo}
+            }
+            fileExists {
+                condition = ${File.exists('resource://Neos.Presentation/Public/Assets/Icons/' + props.icon + '.svg')}
+                renderer = ${StaticResource.content('Neos.Presentation', 'Public/Assets/Icons/' + props.icon + '.svg')}
+            }
+            error {
+                condition = true
+                renderer = ${StaticResource.content('Neos.Presentation', 'Public/Assets/Icons/notfound.svg')}
+            }
+        }
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.AssetsToSources.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.AssetsToSources.fusion
similarity index 99%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.AssetsToSources.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.AssetsToSources.fusion
index afa969a52..8a4ea4fc5 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.AssetsToSources.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.AssetsToSources.fusion
@@ -1,5 +1,4 @@
 prototype(Neos.Presentation:InlineVideo.AssetsToSources) < prototype(Neos.Fusion:Component) {
-
     assets = ${[]}
 
     renderer = Neos.Fusion:Map {
@@ -12,4 +11,4 @@ prototype(Neos.Presentation:InlineVideo.AssetsToSources) < prototype(Neos.Fusion
         }
     }
 
-}
\ No newline at end of file
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.Fixture.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.Fixture.fusion
similarity index 97%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.Fixture.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.Fixture.fusion
index f3d5eb299..067017997 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.Fixture.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.Fixture.fusion
@@ -13,5 +13,5 @@ prototype(Neos.Presentation:InlineVideo.Fixture) < prototype(Neos.Fusion:DataStr
             src = ${StaticResource.uri('Neos.Presentation', 'Public/Assets/Videos/example.' + item)}
         }
     }
-    class = ""
+    class = ''
 }
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.fusion
similarity index 69%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.fusion
index 9ad2302e2..46dc19568 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Atom/InlineVideo/InlineVideo.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/InlineVideo/InlineVideo.fusion
@@ -1,42 +1,21 @@
 prototype(Neos.Presentation:InlineVideo) < prototype(Neos.Fusion:Component) {
-
-    @styleguide {
-        title = 'Inline Video'
-        props = Neos.Presentation:InlineVideo.Fixture
-    }
+    @styleguide.props = Neos.Presentation:InlineVideo.Fixture
 
     @propTypes {
         autoplay = PropTypes:Bool
         loop = PropTypes:Bool
         controls = PropTypes:Bool
-        poster = PropTypes:InstanceOf {
-            type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-        }
+        poster = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
         sources = PropTypes:Array {
             type = PropTypes:DataStructure {
                 src = PropTypes:String
-                type = PropTypes:Enum {
-                    1 = 'webm'
-                    2 = 'mp4'
-                    3 = 'ogg'
-                }
-            }
-        }
-        class = PropTypes:Union {
-            string = PropTypes:String
-            array = PropTypes:Array {
-                type = PropTypes:Union {
-                    boolean = PropTypes:Bool
-                    string = PropTypes:String
-                }
+                type = ${PropTypes.oneOf(['webm', 'mp4', 'ogg'])}
             }
         }
+        class = ${PropTypes.any}
         assets = PropTypes:Array {
-            type = PropTypes:InstanceOf {
-                type = '\\Neos\\Media\\Domain\\Model\\AssetInterface'
-            }
+            type = ${PropTypes.instanceOf('\\Neos\\Media\\Domain\\Model\\AssetInterface')}
         }
-
     }
 
     autoplay = true
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LayeredGrid/LayeredGrid.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LayeredGrid/LayeredGrid.fusion
new file mode 100644
index 000000000..30964dbae
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LayeredGrid/LayeredGrid.fusion
@@ -0,0 +1,24 @@
+prototype(Neos.Presentation:LayeredGrid) < prototype(Neos.Fusion:Component) {
+    @propTypes {
+        tagName = PropTypes:String
+        content = PropTypes:String
+        inline = PropTypes:Bool
+        class = ${PropTypes.any}
+        attributes = ${PropTypes.any}
+    }
+
+    attributes = Neos.Fusion:DataStructure
+    inline = false
+    tagName = ${this.inline ? 'span' : 'div'}
+
+    renderer = Neos.Fusion:Tag {
+        tagName = ${props.tagName}
+        attributes = afx`
+            <Neos.Fusion:DataStructure
+                {...props.attributes}
+                class={Carbon.String.classNames(props.inline ? 'inline-grid' : 'grid', 'layered-grid', props.class)}
+            />
+        `
+        content = ${props.content}
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LayeredGrid/LayeredGrid.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LayeredGrid/LayeredGrid.pcss
new file mode 100644
index 000000000..9b1a76e64
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LayeredGrid/LayeredGrid.pcss
@@ -0,0 +1,9 @@
+@layer components {
+  .layered-grid {
+    grid-template: "content" 1fr / 1fr;
+
+    & > * {
+      grid-area: content;
+    }
+  }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.Fragment.Item.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.Fragment.Item.fusion
new file mode 100644
index 000000000..f598b225d
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.Fragment.Item.fusion
@@ -0,0 +1,72 @@
+prototype(Neos.Presentation:List.Fragment.Item) < prototype(Neos.Fusion:Component) {
+
+    @propTypes {
+        image = PropTypes:DataStructure {
+            imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
+            alternativeText = PropTypes:String
+        }
+        link = PropTypes:String
+        label = PropTypes:String
+        category = PropTypes:DataStructure {
+            label = PropTypes:String
+            color = PropTypes:String
+        }
+    }
+
+    @private {
+        hasImage = ${!!props.image.imageSource}
+        background = 'bg-yellow'
+    }
+
+    renderer = afx`
+        <tr
+            x-data={AlpineJS.object({link:props.link, image:false})}
+            x-on:click="window.location.href=link"
+            x-on:keydown.enter="window.location.href=link"
+            x-on:mouseenter={private.hasImage ? "image=true" : null}
+            x-on:mouseleave={private.hasImage ? "image=false" : null}
+            class="n-counter__increment relative bg-slideup group group/icon cursor-pointer border-y border-y-solid border-y-neutral-40 *:py-9 *:align-baseline"
+        >
+            <td aria-hidden="true" class="pr-6 text-xl lg:text-2xl lg:pr-8">
+                <span class="n-counter__decimal-leading-zero block transition-transform duration-300 delay-100 motion-safe:group-hocus-within:translate-x-6"></span>
+            </td>
+            <td class="w-full pr-6 lg:pr-8">
+                <a href={props.link} class="block transition-transform duration-300 delay-100 text-xl lg:text-2xl motion-safe:group-hocus-within:translate-x-6">
+                    {props.label}
+                </a>
+                <Neos.Presentation:List.Fragment.Item.Category {...props.category} class="flex lg:hidden mt-2 duration-300 delay-100" />
+            </td>
+            <td class="hidden lg:table-cell">
+                <Neos.Presentation:List.Fragment.Item.Category {...props.category} class="whitespace-nowrap duration-300 delay-100 pr-6 " />
+            </td>
+            <td class="hidden lg:relative md:table-cell" aria-hidden="true">
+                <Sitegeist.Kaleidoscope:Image
+                    @if={private.hasImage}
+                    imageSource={props.image.imageSource}
+                    alt={props.image.alternativeText}
+                    width={384}
+                    srcset="1x,2x"
+                    lazy={true}
+                    class="absolute pointer-events-none z-40 shadow-sm max-w-[calc(100vw-100px)] w-96 left-auto! right-0!"
+                    attributes.x-cloak
+                    attributes.x-show="image"
+                    attributes."x-transition:enter.duration.300ms.opacity"
+                    attributes."x-transition:leave.duration.300ms.delay.150ms.opacity"
+                    attributes."x-anchor.right.offset.50"="mouse"
+                />
+            </td>
+            <td class="hidden md:table-cell" aria-hidden="true">
+                <Neos.Presentation:Icon icon="animatedArrow" class="mx-8 w-4 lg:w-5" />
+            </td>
+        </tr>
+    `
+}
+
+prototype(Neos.Presentation:List.Fragment.Item.Category) < prototype(Neos.Fusion:Component) {
+    renderer = afx`
+        <span class={["flex items-center gap-3 transition-transform lg:text-2xl lg:gap-6 motion-safe:group-hocus-within:translate-x-6", props.class]}>
+            <span class="aspect-square rounded-xs size-3 lg:size-5" style={"background-color:" + props.color}></span>
+            <span>{props.label}</span>
+        </span>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/List/List.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.fusion
similarity index 54%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/List/List.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.fusion
index b8ab88ea5..78453746a 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Module/List/List.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.fusion
@@ -16,12 +16,13 @@ prototype(Neos.Presentation:List) < prototype(Neos.Fusion:Component) {
                 itemRenderer = Neos.Fusion:DataStructure {
                     image {
                         imageSource = Sitegeist.Kaleidoscope:DummyImageSource {
-                            text = 'Preview of website'
+                            text = ${'Preview ' + item.label}
+                            backgroundColor = ${item.color}
                         }
                         alternativeText = ${item.label}
                     }
-                    link = '#'
-                    label = 'Name of the client and his project'
+                    link = ${'#' + iterator.cycle}
+                    label = ${'Name of the client and his ' + item.label + ' project'}
                     category = ${item}
                 }
             }
@@ -33,9 +34,7 @@ prototype(Neos.Presentation:List) < prototype(Neos.Fusion:Component) {
         label = PropTypes:String
         items = PropTypes:DataStructure {
             image = PropTypes:DataStructure {
-                imageSource = PropTypes:InstanceOf {
-                    type = '\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface'
-                }
+                imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
                 alternativeText = PropTypes:String
             }
             link = PropTypes:String
@@ -51,16 +50,30 @@ prototype(Neos.Presentation:List) < prototype(Neos.Fusion:Component) {
     label = null
     items = null
 
+    descriptionLabel = ${I18n.translate('Neos.Presentation:Main:description')}
+    categoryLabel = ${I18n.translate('Neos.Presentation:Main:category')}
+
     @if.hasItems = ${Type.isArray(this.items) && Array.length(this.items)}
     renderer = afx`
         <Neos.Presentation:Spacing size y x>
-            <ol class="n-counter list-preview mb-12 border-t border-t-solid border-t-gray-light divide-gray-light divide-solid divide-y text-2xl">
-                <Neos.Fusion:Loop items={props.items}>
-                    <Neos.Presentation:List.Fragment.Item {...item} />
-                </Neos.Fusion:Loop>
-            </ol>
-            <div @if={props.link} class="flex w-full justify-center mb-12">
-                <Neos.Presentation:Link variant="link" href={props.link} text={props.label} />
+            <table class="w-full mb-12">
+                <thead class="sr-only">
+                    <tr>
+                        <th aria-hidden="true"></th>
+                        <th>{props.descriptionLabel}</th>
+                        <th class="hidden lg:table-cell">{props.categoryLabel}</th>
+                        <th class="hidden md:table-cell" aria-hidden="true"></th>
+                        <th class="hidden md:table-cell" aria-hidden="true"></th>
+                    </tr>
+                </thead>
+                <tbody class="n-counter">
+                    <Neos.Fusion:Loop items={props.items}>
+                        <Neos.Presentation:List.Fragment.Item {...item} />
+                    </Neos.Fusion:Loop>
+                </tbody>
+            </table>
+            <div @if={props.link && props.label} class="flex w-full justify-center mb-12">
+                <Neos.Presentation:Button variant="link" href={props.link} content={props.label} />
             </div>
         </Neos.Presentation:Spacing>
     `
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.pcss
new file mode 100644
index 000000000..f51396e10
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/List/List.pcss
@@ -0,0 +1,11 @@
+.bg-slideup {
+  --bg-color: var(--color-yellow);
+  transition: background-position-y 0.4s ease-out;
+  background-size: 1px calc(200% + 10px);
+  background-position-y: top;
+  background-image: linear-gradient(to top, transparent 1px, var(--bg-color) 1px, var(--bg-color) calc(50% + 1px), transparent calc(50% + 1px));
+
+  &:where(:hover, :focus-within) {
+    background-position-y: calc(100% + 5px);
+  }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LogoBar/LogoBar.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LogoBar/LogoBar.fusion
new file mode 100644
index 000000000..856ac1fae
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LogoBar/LogoBar.fusion
@@ -0,0 +1,59 @@
+prototype(Neos.Presentation:LogoBar) < prototype(Neos.Fusion:Component) {
+    @styleguide.props {
+        assets = Neos.Fusion:Map {
+            items = ${['flownative', 'sitegeist', 'sandstorm', 'queo', 'visol', 'helzle']}
+            itemRenderer = Neos.Fusion:DataStructure {
+                src = ${StaticResource.uri('Neos.Presentation', 'Public/Assets/Styleguide/Logos/' + item + '.svg')}
+                alternativeText = ${'Logo from' + item}
+                href = ${'#' + item}
+            }
+        }
+    }
+
+    @propTypes {
+        assets = PropTypes:Array {
+            type = PropTypes:DataStructure {
+                src = PropTypes:String
+                alternativeText = PropTypes:String
+            }
+        }
+        grayscale = PropTypes:Bool
+    }
+
+    assets = null
+    grayscale = true
+
+    @private {
+        assets = ${Type.isArray(props.assets) ? Array.filter(props.assets, item => !!item.src) : []}
+        numberOfAssets = ${Array.length(private.assets)}
+        duplications = ${private.numberOfAssets > 3 ? 3 : 0}
+    }
+
+    renderer = afx`
+        <div
+            @if={private.numberOfAssets}
+            class="flex justify-center overflow-x-clip"
+            x-data={AlpineJS.xData('LogoBar', private.duplications)}
+        >
+            <ul
+                x-random-children
+                class={['flex items-center', private.duplications ? 'animate-infinite-scroll' : null]}
+                style={private.duplications ? 'animation-duration:' + private.numberOfAssets * 10 + 's;' : null}
+            >
+                <Neos.Fusion:Loop items={private.assets}>
+                    <li class="mx-14">
+                        <Neos.Fusion:Tag
+                            tagName={item.href ? 'a' : 'figure'}
+                            attributes.href={item.href}
+                            attributes.class.grayscale={props.grayscale ? 'grayscale' : null}
+                            attributes.class.grayscaleLink={props.grayscale && item.href ? 'transition-[filter] hocus:grayscale-0' : null}
+                            attributes.aria-label={item.href ? item.alternativeText : null}
+                        >
+                            <img class="h-16 max-h-10 md:max-h-16 max-w-none w-auto" alt={item.alternativeText} src={item.src}/>
+                        </Neos.Fusion:Tag>
+                    </li>
+                </Neos.Fusion:Loop>
+            </ul>
+        </div>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/LogoBar/LogoBar.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LogoBar/index.ts
similarity index 100%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/LogoBar/LogoBar.ts
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/LogoBar/index.ts
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PersonCards.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PersonCards.fusion
new file mode 100644
index 000000000..9a8f258be
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PersonCards.fusion
@@ -0,0 +1,89 @@
+prototype(Neos.Presentation:Module.PersonCards) < prototype(Neos.Fusion:Component) {
+    @styleguide.props {
+        label = 'People behind Neos CMS'
+        headline = 'Open Source, Open Minds'
+        cards = Neos.Fusion:DataStructure {
+            0 {
+                name = "Karsten Dambekalns"
+                email = "karsten@neos.io"
+                background = "gradient"
+                imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    uri = 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=facearea&facepad=5&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'
+                }
+            }
+            1 {
+                name = "Anke Häslich"
+                email = "anke@neos.io"
+                background = "purple"
+                imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    uri = 'https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&crop=faces&fp-y=0.8&fp-z=2&w=1024&h=1024&q=80'
+                }
+            }
+            2 {
+                name = "Christian Müller"
+                email = "christian@neos.io"
+                background = "green"
+                imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    uri = 'https://images.unsplash.com/photo-1521119989659-a83eee488004?auto=format&crop=faces&fp-y=0.8&fp-z=2&w=1024&h=1024&q=80'
+                }
+            }
+        }
+    }
+
+    @propTypes {
+        headline = PropTypes:String
+        cards = PropTypes:Array {
+            type = PropTypes:DataStructure {
+                name = PropTypes:String
+                email = PropTypes:String
+                imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
+            }
+        }
+    }
+
+    headline = null
+    cards = null
+
+    @if.hasCards = ${Type.isArray(this.cards) && Array.length(this.cards)}
+
+    renderer = afx`
+        <Neos.Presentation:Spacing size x y>
+            <Neos.Presentation:Spacing y="small" @if={props.headline} tagName="h2" class="display-headline-lg text-center">
+                <small @if={props.label} class="block display-cta-sm">{props.label}</small>
+                {props.headline}
+            </Neos.Presentation:Spacing>
+            <Neos.Presentation:Spacing y="small">
+                <Neos.Presentation:DynamicGrid
+                    tagName="ul"
+                    attributes.role="list"
+                    class="items-stretch text-white dynamic-grid-gap-6 dynamic-grid-max-cols-3 dynamic-grid-min-size-76"
+                >
+                    <Neos.Fusion:Loop items={props.cards}>
+                        <li class="flex flex-col @container">
+                            <figure>
+                                <Sitegeist.Kaleidoscope:Image imageSource={item.imageSource} attributes.class="aspect-4/5 w-full object-cover"/>
+                            </figure>
+                            <Neos.Presentation:Background.Pixel
+                                background={item.background}
+                                pixelPosition="top"
+                                pixelCycle={iterator.cycle}
+                                delayBreakpoint="sm"
+                                class="px-8 pb-8 flex-1 flex flex-col"
+                            >
+                                <Neos.Presentation:Headline content={item.name} tagName="h3" display="title-lg" class="flex-1 pt-8" />
+                                <a href={"mailto:" + item.email} class="group inline-flex items-center gap-2 mr-auto">
+                                    <span class="sr-only">{I18n.translate('Neos.Presentation:Main:email')}</span>
+                                    <Neos.Presentation:LayeredGrid inline={true} class="-translate-y-0.5" attributes.aria-hidden="true">
+                                        <Neos.Presentation:Icon icon="mail" class="w-5 visible self-end group-hocus:invisible"/>
+                                        <Neos.Presentation:Icon icon="mail-open" class="w-5 invisible self-end group-hocus:visible"/>
+                                    </Neos.Presentation:LayeredGrid>
+                                    {item.email}
+                                </a>
+                            </Neos.Presentation:Background.Pixel>
+                        </li>
+                    </Neos.Fusion:Loop>
+                </Neos.Presentation:DynamicGrid>
+            </Neos.Presentation:Spacing>
+        </Neos.Presentation:Spacing>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PostGrid/PostGrid.Teaser.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PostGrid/PostGrid.Teaser.fusion
new file mode 100644
index 000000000..74731ed2b
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PostGrid/PostGrid.Teaser.fusion
@@ -0,0 +1,57 @@
+prototype(Neos.Presentation:PostGrid.Teaser) < prototype(Neos.Fusion:Component) {
+    @propTypes {
+        title = PropTypes:String
+        teaser = PropTypes:String
+        date = ${PropTypes.instanceOf('\\DateTimeInterface')}
+        href = PropTypes:String
+        linkText = PropTypes:String
+        isFeature = PropTypes:Bool
+        imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
+    }
+
+    isFeature = false
+
+    @private {
+        accentColors = ${['purple', 'blue', 'blue-light', 'green', 'yellow', 'orange', 'red']}
+        background = ${props.isFeature ? Array.random(private.accentColors) : 'gradient'}
+    }
+
+    renderer = afx`
+        <li class={Carbon.String.classNames('group group/icon w-full h-full relative', props.isFeature ? 'aspect-[4/3] md:aspect-video xl:aspect-[4/3] md:col-span-2 md:row-span-2' : 'aspect-[7/5]')}>
+            <Neos.Presentation:Background
+                background={private.background}
+                class="w-full h-fit xs:h-full grid grid-cols-1 xs:grid-rows-1 overflow-clip">
+                <Sitegeist.Kaleidoscope:Image
+                    @if={props.imageSource}
+                    imageSource={props.imageSource}
+                    aria-hidden="true"
+                    class="xs:col-start-1 xs:row-start-1 inset-0 w-full h-full object-cover group-hover:scale-105 duration-700"
+                />
+
+                <div class="xs:col-start-1 xs:row-start-1 flex flex-col justify-between bg-black/25 z-10">
+                    <div class="grid p-8 pb-4">
+                        <h2 class={Carbon.String.classNames('text-white text-2xl font-bold text-balance', props.isFeature && 'sm:text-4xl')}>
+                            {props.title}
+                        </h2>
+
+                        <time @if={Type.instance(props.date, '\DateTimeInterface')} datetime={Date.format(props.date, 'Y-m-d')} class="text-white text-sm mb-8">{Date.format(props.date, 'd.m.Y')}</time>
+
+                        <p class={Carbon.String.classNames('max-w-md text-white text-sm text-pretty xs:line-clamp-3 sm:line-clamp-2', props.isFeature && 'sm:text-md md:line-clamp-6')}>
+                            {props.teaser}
+                        </p>
+                    </div>
+
+                    <div class="p-8 pt-4" @if={props.href}>
+                        <a
+                            href={props.href}
+                            class={Carbon.String.classNames('inline-flex items-center gap-2 text-white text-sm after:absolute after:inset-0 after:z-10', props.isFeature ? 'justify-end' : null)}
+                        >
+                            {props.linkText || I18n.translate('Neos.Presentation:Main:readMore')}
+                            <Neos.Presentation:Icon icon="animatedArrow" class="w-4" />
+                        </a>
+                    </div>
+                </div>
+            </Neos.Presentation:Background>
+        </li>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/PostGrid/PostGrid.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PostGrid/PostGrid.fusion
similarity index 72%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/PostGrid/PostGrid.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PostGrid/PostGrid.fusion
index 32117d91b..aae13343a 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/PostGrid/PostGrid.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/PostGrid/PostGrid.fusion
@@ -1,41 +1,41 @@
 prototype(Neos.Presentation:PostGrid) < prototype(Neos.Fusion:Component) {
 
     @styleguide {
-        title = "Post Grid"
-        description = "A grid of posts with a headline. The posts are displayed as cards with an image, a title, a date, a teaser and a link to the full post and can be featured with a highlighted background color."
+        title = 'Post Grid'
+        description = 'A grid of posts with a headline. The posts are displayed as cards with an image, a title, a date, a teaser and a link to the full post and can be featured with a highlighted background color.'
         props {
-            headline.text = 'Blog'
+            headline = 'Blog'
             posts = Neos.Fusion:DataStructure {
                 0 {
                     title = 'First post example title'
                     teaser = 'This is a teaser for the first post example. It should be a short text that gives a quick overview of the post. It should be a short text that gives a quick overview of the post. This is more text to show the ellipsis on the teaser. It goes on and on and then there is even more text until it finally ends right here and right now.'
                     date = ${Date.create('now')}
-                    url = '#'
+                    href = '#'
                     linkText = 'Link Text'
                     isFeature = true
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    imageSource = Sitegeist.Kaleidoscope:UriImageSource {
                         uri = 'https://picsum.photos/1128/640?1'
                     }
                 }
                 1 {
                     title = 'Second post example title'
                     teaser = 'This is a teaser for the second post example. It should be a short text that gives a quick overview of the post.'
-                    date = ${Date.create('2023-12-04')}
-                    url = '#'
+                    date = ${Date.create('2026-12-04')}
+                    href = '#'
                 }
                 2 {
                     title = 'Third post example title'
                     teaser = 'This is a teaser for the third post example. It should be a short text that gives a quick overview of the post.'
-                    url = '#'
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    href = '#'
+                    imageSource = Sitegeist.Kaleidoscope:UriImageSource {
                         uri = 'https://picsum.photos/720/512?3'
                     }
                 }
                 3 {
                     title = 'Fourth post example title'
                     teaser = 'This is a teaser for the fourth post example. It should be a short text that gives a quick overview of the post.'
-                    date = ${Date.create('01.03.2023')}
-                    image.imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    date = ${Date.create('01.03.2025')}
+                    imageSource = Sitegeist.Kaleidoscope:UriImageSource {
                         uri = 'https://picsum.photos/720/512?4'
                     }
                 }
@@ -43,23 +43,21 @@ prototype(Neos.Presentation:PostGrid) < prototype(Neos.Fusion:Component) {
                     title = 'Fifth post example title'
                     teaser = 'This is a teaser for the fifth post example. It should be a short text that gives a quick overview of the post.'
                     date = ${Date.create('05.03.2022')}
-                    url = '#'
+                    href = '#'
                     isFeature = true
                 }
                 5 {
                     title = 'Sixth post example title'
                     teaser = 'This is a teaser for the sixth post example. It should be a short text that gives a quick overview of the post.'
                     date = ${Date.create('01.09.2010')}
-                    url = '#'
+                    href = '#'
                 }
             }
         }
     }
 
     @propTypes {
-        headline = PropTypes:FromPrototype {
-            prototypeName = 'Neos.Presentation:Headline'
-        }
+        headline = PropTypes:String
         posts = PropTypes:Array {
             type = PropTypes:FromPrototype {
                 prototypeName = 'Neos.Presentation:PostGrid.Teaser'
@@ -69,14 +67,14 @@ prototype(Neos.Presentation:PostGrid) < prototype(Neos.Fusion:Component) {
 
     renderer = afx`
         <Neos.Presentation:Spacing size x y>
-            <Neos.Presentation:Spacing y>
-                <Neos.Presentation:Headline {...props.headline} display="headline-lg" class="text-lightblue" />
+            <Neos.Presentation:Spacing y @if={props.headline}>
+                <Neos.Presentation:Headline content={props.headline} display="headline-lg" class="text-blue-light" />
             </Neos.Presentation:Spacing>
 
             <Neos.Presentation:Spacing y="small">
-                <ul class="grid md:grid-cols-2 xl:grid-cols-3 gap-4 mx-0">
-                    <Neos.Fusion:Loop items={props.posts} itemName="post">
-                        <Neos.Presentation:PostGrid.Teaser {...post} />
+                <ul class="gap-4 mx-0 grid md:grid-cols-2 xl:grid-cols-3">
+                    <Neos.Fusion:Loop items={props.posts}>
+                        <Neos.Presentation:PostGrid.Teaser {...item} />
                     </Neos.Fusion:Loop>
                 </ul>
             </Neos.Presentation:Spacing>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Spacing/Spacing.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Spacing/Spacing.fusion
similarity index 59%
rename from DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Spacing/Spacing.fusion
rename to DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Spacing/Spacing.fusion
index bd109b3b7..9580153ff 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Molecule/Spacing/Spacing.fusion
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Spacing/Spacing.fusion
@@ -1,8 +1,6 @@
 prototype(Neos.Presentation:Spacing) < prototype(Neos.Fusion:Component) {
-
     @styleguide {
-        title = "Spacing"
-        description = "Spacing between elements (also available as css variables)"
+        description = 'Spacing between elements (also available as CSS variables)'
         props {
             size = 'default'
             x = 'default'
@@ -25,7 +23,7 @@ prototype(Neos.Presentation:Spacing) < prototype(Neos.Fusion:Component) {
 
         class = ${PropTypes.any}
         attributes = ${PropTypes.any}
-        tagName = ${PropTypes.string}
+        tagName = PropTypes:String
     }
 
     size = 'default'
@@ -38,23 +36,23 @@ prototype(Neos.Presentation:Spacing) < prototype(Neos.Fusion:Component) {
 
     content = null
 
-    renderer = afx`
-        <Neos.Fusion:Augmenter
-            class={Carbon.String.classNames(
-            'n-spacing',
-            {
-                'n-spacing--size': props.size || props.size == 'default',
-                'n-spacing--x': props.x || props.x == 'default',
-                'n-spacing--y': props.y || props.y == 'default',
-                'n-spacing--y-small': props.y == 'small'
-            },
-            props.class
-        )}>
-            <Neos.Fusion:Tag
-                tagName={props.tagName}
-                attributes={props.attributes}>
-                {props.content}
-            </Neos.Fusion:Tag>
-        </Neos.Fusion:Augmenter>
-    `
+    renderer = Neos.Fusion:Tag {
+        tagName = ${props.tagName}
+        content = ${props.content}
+        attributes = afx`
+            <Neos.Fusion:DataStructure
+                {...props.attributes}
+                class={Carbon.String.classNames(
+                    'n-spacing',
+                    {
+                        'w-full max-w-screen-2xl mx-auto': props.size || props.size == 'default',
+                        'n-spacing--x': props.x || props.x == 'default',
+                        'n-spacing--y': props.y || props.y == 'default',
+                        'n-spacing--y-small': props.y == 'small'
+                    },
+                    props.class
+                )}
+            />
+        `
+    }
 }
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Spacing/Spacing.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Spacing/Spacing.pcss
new file mode 100644
index 000000000..549c9fbce
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Spacing/Spacing.pcss
@@ -0,0 +1,41 @@
+@layer base {
+  :root {
+    --n-spacing--x: --spacing(3);
+    --n-spacing--y-small: --spacing(3);
+    --n-spacing--y: --spacing(6);
+
+    @media (width >= theme(--breakpoint-xxs)) {
+      --n-spacing--x: --spacing(6);
+      --n-spacing--y-small: --spacing(6);
+      --n-spacing--y: --spacing(12);
+    }
+
+    @media (width >= theme(--breakpoint-md)) {
+      --n-spacing--x: --spacing(9);
+      --n-spacing--y-small: --spacing(10);
+      --n-spacing--y: --spacing(20);
+    }
+
+    @media (width >= theme(--breakpoint-lg)) {
+      --n-spacing--x: --spacing(16);
+    }
+
+    @media (width >= theme(--breakpoint-2xl)) {
+      --n-spacing--x: --spacing(20);
+    }
+  }
+}
+
+@layer components {
+  .n-spacing--x {
+    padding-inline: var(--n-spacing--x);
+  }
+
+  .n-spacing--y {
+    margin-block: var(--n-spacing--y);
+  }
+
+  .n-spacing--y-small {
+    margin-block: var(--n-spacing--y-small);
+  }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/SquareIcon.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/SquareIcon.fusion
new file mode 100644
index 000000000..c54810e56
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/SquareIcon.fusion
@@ -0,0 +1,34 @@
+prototype(Neos.Presentation:SquareIcon) < prototype(Neos.Fusion:Component) {
+    @styleguide.props {
+        content = 'Forever Open Source'
+        icon = 'heart'
+        background = 'purple'
+    }
+
+    @propTypes {
+        content = PropTypes:String
+        icon = ${PropTypes.oneOf([
+            'animatedArrow', 'animatedArrowLeft',
+            'neosAvatarPrimary', 'neosAvatarLight', 'neosAvatarDark', 'neosAvatarMonochrome', 'neosLogoPrimary', 'neosLogoLight', 'neosLogoDark', 'neosLogoMonochrome',
+            'arrow-right', 'briefcase', 'calculator', 'calendar', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'clock', 'cloud', 'desktop',
+            'development', 'document', 'eye', 'facebook', 'file', 'github', 'globe', 'headphones', 'heart', 'house', 'instagram', 'linkedin', 'mail-open',
+            'mail', 'mastodon', 'place', 'plus', 'quote', 'search', 'slack', 'smile', 'square', 'time', 'user', 'youtube', 'notfound'
+        ])}
+        background = ${PropTypes.oneOf(['gradient', 'blue-dark', 'blue', 'blue-light', 'purple', 'purple-dark', 'green', 'green-dark', 'yellow', 'yellow-dark', 'orange', 'red', 'black'])}
+        class = ${PropTypes.any}
+    }
+
+    background = 'blue'
+
+    @if.hasIcon = ${this.icon}
+
+    renderer = afx`
+        <Neos.Presentation:Background
+            class={['w-44 lg:w-56 lg:p-4 p-3 flex flex-col square-icon aspect-square text-white', props.class]}
+            background={props.background}
+        >
+            <Neos.Presentation:Icon icon={props.icon} sizeClass="h-8 lg:h-12 mr-auto" />
+            <span @if={props.content} class="block mt-auto break-words hyphens-auto text-lg lg:text-2xl font-medium">{props.content}</span>
+        </Neos.Presentation:Background>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/StepByStepHighlight.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/StepByStepHighlight.fusion
new file mode 100644
index 000000000..87f7f4087
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/StepByStepHighlight.fusion
@@ -0,0 +1,95 @@
+prototype(Neos.Presentation:StepByStepHighlight) < prototype(Neos.Fusion:Component) {
+    @styleguide.props {
+        headline = 'Tools that transform your digital journey'
+        steps = Neos.Fusion:DataStructure {
+            1 = Neos.Fusion:DataStructure {
+                headline = 'Enterprise Features like Role Management and Media Center'
+                text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.'
+                imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    uri = 'https://picsum.photos/512/512?1'
+                }
+            }
+            2 = Neos.Fusion:DataStructure {
+                headline = 'What you see, is what you get. Our True Inline Editor.'
+                text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+                imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    uri = 'https://picsum.photos/512/360?2'
+                }
+            }
+            3 = Neos.Fusion:DataStructure {
+                headline = 'Multi-language and Multi-site Functionality'
+                text = 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.'
+                imageSource = Sitegeist.Kaleidoscope:UriImageSource {
+                    uri = 'https://picsum.photos/360/512?3'
+                }
+            }
+        }
+    }
+
+    @propTypes {
+        headline = PropTypes:String
+        steps = PropTypes:Array {
+            type = PropTypes:DataStructure {
+                id = PropTypes:Int
+                headline = PropTypes:String
+                text = PropTypes:String
+                imageSource = ${PropTypes.instanceOf('\\Sitegeist\\Kaleidoscope\\Domain\\ImageSourceInterface')}
+            }
+        }
+    }
+
+    @private.steps = ${Type.isArray(props.steps) ? Array.filter(props.steps, item => !!item.headline) : []}
+
+    renderer = afx`
+        <Neos.Presentation:Spacing
+            @if={Array.length(private.steps)}
+            size x y class="grid md:grid-cols-2 gap-8"
+            attributes.x-data="{active:1}"
+        >
+            <figure class="hidden md:grid">
+                <Neos.Fusion:Loop items={private.steps} itemName="step">
+                    <Sitegeist.Kaleidoscope:Image
+                        @if={step.imageSource}
+                        imageSource={step.imageSource}
+                        attributes.x-show={'active==' + iterator.cycle}
+                        attributes."x-transition.duration.750ms"
+                        attributes.class="col-start-1 row-start-1 w-full"
+                    />
+                </Neos.Fusion:Loop>
+            </figure>
+
+            <div>
+                <Neos.Presentation:Headline
+                    @if={props.headline}
+                    content={props.headline}
+                    display="headline-lg"
+                    class="text-blue-dark mb-8"
+                />
+                <Neos.Fusion:Loop items={private.steps} itemName="step">
+                    <div
+                        x-disclosure
+                        x-data={AlpineJS.function('exclusiveDisclosure', iterator.cycle)}
+                        class="max-w-full px-4 py-1 broder-l border-l-2 flex flex-col"
+                        :class="$disclosure.isOpen?'border-l-blue-light':'border-l-neutral-05'"
+                    >
+                        <button
+                            type="button"
+                            x-disclosure:button
+                            :class="$disclosure.isOpen?'text-blue-light':'text-blue-dark'"
+                            class="duration-300 mb-2 display-title-md text-left cursor-pointer"
+                        >
+                            {step.headline}
+                        </button>
+
+                        <div x-disclosure:panel x-collapse>
+                            <Neos.Presentation:Paragraph class="mb-2" content={step.text} />
+                            <figure @if={step.imageSource} class="my-8 md:hidden">
+                                <Sitegeist.Kaleidoscope:Image imageSource={step.imageSource} attributes.class="mx-auto" />
+                            </figure>
+                        </div>
+                    </div>
+                </Neos.Fusion:Loop>
+            </div>
+        </Neos.Presentation:Spacing>
+    `
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Text/Headline.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Text/Headline.fusion
new file mode 100644
index 000000000..241c1c216
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Text/Headline.fusion
@@ -0,0 +1,8 @@
+prototype(Neos.Presentation:Headline) < prototype(Neos.Presentation:Paragraph) {
+    @styleguide.props.content = 'Headline Text'
+
+    @propTypes.tagName = ${PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'])}
+
+    tagName = 'h2'
+    @private.additionalClass = 'n-headline'
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Text/Paragraph.fusion b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Text/Paragraph.fusion
new file mode 100644
index 000000000..2b18ee528
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Presentation/Text/Paragraph.fusion
@@ -0,0 +1,54 @@
+prototype(Neos.Presentation:Paragraph) < prototype(Neos.Fusion:Component) {
+    @styleguide.props.content = 'Lorem ipsum dolor <em>sit amet</em>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum</strong> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+
+    @propTypes {
+        content = PropTypes:String
+        tagName = ${PropTypes.oneOf(['p'])}
+        display = ${PropTypes.oneOf([
+            'tagname',
+            'headline-xl',
+            'headline-lg',
+            'headline-md',
+            'headline-sm',
+            'title-lg',
+            'title-md',
+            'title-sm',
+            'lead',
+            'body-lg',
+            'body-md',
+            'body-sm',
+            'label-lg',
+            'label-md',
+            'label-sm',
+            'cta-xl',
+            'cta-lg',
+            'cta-sm'
+        ])}
+    }
+
+    tagName = 'p'
+
+    // By default we use the defined tagname
+    display = 'tagname'
+
+    @private {
+        display = ${!Type.isString(props.display) && !Type.isInteger(props.display) ? 'tagname' : props.display}
+        additionalClass = 'n-paragraph'
+    }
+    @if.hasContent = ${this.content}
+
+    renderer = Neos.Fusion:Tag {
+        tagName = ${props.tagName}
+        attributes = Neos.Fusion:DataStructure {
+            @apply.attributes = ${props.attributes}
+            class = ${Carbon.String.classNames(
+                'display-' + private.display,
+                private.additionalClass,
+                props.class
+            )}
+            style = ${props.style}
+        }
+
+        content = ${props.content}
+    }
+}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/index.ts b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/index.ts
deleted file mode 100644
index 2a4a6624f..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Scripts/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import Alpine from 'alpinejs';
-import anchor from './anchor';
-import './magics';
-import './directives';
-import focus from '@alpinejs/focus';
-import intersect from '@alpinejs/intersect';
-import collapse from '@alpinejs/collapse';
-import clipboard from '@ryangjchandler/alpine-clipboard';
-import typewriter from '@marcreichel/alpine-typewriter';
-import '../Molecule/LogoBar/LogoBar';
-import '../Organism/ImageCollage';
-import '../Organism/Navigation/Navigation.js';
-
-// @ts-ignore
-Alpine.plugin([anchor, clipboard, collapse, focus, intersect, typewriter]);
-
-window.Alpine = Alpine;
-
-export { Alpine };
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Base.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Base.pcss
deleted file mode 100644
index c8717017d..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Base.pcss
+++ /dev/null
@@ -1,9 +0,0 @@
-@layer base {
-  html {
-    @apply font-sans;
-  }
-
-  [x-cloak] {
-    @apply !pointer-events-none !invisible;
-  }
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Font.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Font.pcss
deleted file mode 100644
index 8115967ad..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Font.pcss
+++ /dev/null
@@ -1,20 +0,0 @@
-@layer base {
-  @font-face {
-    font-family: 'Bricolage Grotesque';
-    font-style: normal;
-    font-weight: 100 900;
-    font-stretch: 100%;
-    font-display: swap;
-    src: url('../Assets/Fonts/BricolageGrotesque.woff2') format('woff2');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-  @font-face {
-    font-family: 'Bricolage Grotesque Semibold';
-    font-style: normal;
-    font-weight: 100 900;
-    font-stretch: 100%;
-    font-display: swap;
-    src: url('../Assets/Fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('truetype');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Typography.pcss b/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Typography.pcss
deleted file mode 100644
index e34b46cdd..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Fusion/Styles/Typography.pcss
+++ /dev/null
@@ -1,98 +0,0 @@
-:where(.display-headline-xl, .display-headline-lg, .display-headline-md, .display-headline-sm, .display-title-lg, .display-title-md, .display-title-sm) {
-  @apply font-medium;
-}
-
-.display-headline-xl {
-  @apply text-6xl sm:text-8xl md:text-10xl;
-  @apply leading-none;
-  @apply tracking-tight sm:tracking-normal;
-}
-
-.display-headline-lg {
-  @apply text-6xl sm:text-7xl md:text-9xl;
-  @apply leading-none;
-  @apply tracking-tight sm:tracking-normal;
-}
-
-.display-headline-md {
-  @apply text-5xl sm:text-6xl md:text-8xl;
-  @apply leading-tight;
-}
-
-.display-headline-sm {
-  @apply text-3xl sm:text-4xl md:text-7xl;
-  @apply leading-tight;
-}
-
-.display-title-lg {
-  @apply text-2xl sm:text-3xl md:text-4xl;
-  @apply leading-tight;
-  @apply tracking-tight sm:tracking-normal;
-}
-
-.display-title-md {
-  @apply text-lg sm:text-xl;
-  @apply leading-snug;
-}
-
-.display-title-sm {
-  @apply text-base md:text-md;
-  @apply leading-snug;
-}
-
-.display-lead {
-  @apply text-base sm:text-md;
-  @apply font-normal;
-  @apply leading-normal;
-}
-
-.display-body-lg {
-  @apply text-base;
-  @apply leading-auto;
-}
-
-.display-body-md {
-  @apply text-sm;
-  @apply leading-auto;
-}
-
-.display-body-sm {
-  @apply text-xs;
-  @apply leading-auto;
-}
-
-.display-label-lg {
-  @apply font-sans-semibold;
-  @apply text-sm;
-  @apply font-semibold;
-  @apply leading-tight;
-}
-
-.display-label-md {
-  @apply text-xs;
-  @apply leading-normal;
-}
-
-.display-label-sm {
-  @apply text-xxs;
-  @apply leading-relaxed;
-}
-
-:where(.display-cta-xl, .display-cta-lg, .display-cta-sm) {
-  @apply font-medium;
-}
-
-.display-cta-xl {
-  @apply text-lg;
-  @apply leading-tight;
-}
-
-.display-cta-lg {
-  @apply text-base;
-  @apply leading-normal;
-}
-
-.display-cta-sm {
-  @apply text-sm;
-  @apply leading-snug;
-}
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Translations/de/Main.xlf b/DistributionPackages/Neos.Presentation/Resources/Private/Translations/de/Main.xlf
index 3b5639599..8ba3f0889 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Translations/de/Main.xlf
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Translations/de/Main.xlf
@@ -2,9 +2,22 @@
 <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
     <file original="" product-name="Neos.Presentation" source-language="en" target-language="de" datatype="plaintext">
         <body>
-            <trans-unit id="postgrid.teaser.linklabel" xml:space="preserve">
+            <trans-unit id="readMore" xml:space="preserve">
+                <source>Read more</source>
                 <target>Mehr lesen</target>
             </trans-unit>
+            <trans-unit id="description" xml:space="preserve">
+                <source>Description</source>
+                <target>Beschreibung</target>
+            </trans-unit>
+            <trans-unit id="category" xml:space="preserve">
+                <source>Category</source>
+                <target>Kategorie</target>
+            </trans-unit>
+            <trans-unit id="email" xml:space="preserve">
+                <source>Email</source>
+                <target>E-Mail</target>
+            </trans-unit>
         </body>
     </file>
 </xliff>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Private/Translations/en/Main.xlf b/DistributionPackages/Neos.Presentation/Resources/Private/Translations/en/Main.xlf
index 19692ae7e..7d8f1a711 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Private/Translations/en/Main.xlf
+++ b/DistributionPackages/Neos.Presentation/Resources/Private/Translations/en/Main.xlf
@@ -2,9 +2,18 @@
 <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
     <file original="" product-name="Neos.Presentation" source-language="en" datatype="plaintext">
         <body>
-            <trans-unit id="postgrid.teaser.linklabel" xml:space="preserve">
+            <trans-unit id="readMore" xml:space="preserve">
                 <source>Read more</source>
             </trans-unit>
+            <trans-unit id="description" xml:space="preserve">
+                <source>Description</source>
+            </trans-unit>
+            <trans-unit id="category" xml:space="preserve">
+                <source>Category</source>
+            </trans-unit>
+            <trans-unit id="email" xml:space="preserve">
+                <source>Email</source>
+            </trans-unit>
         </body>
     </file>
 </xliff>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf
deleted file mode 100644
index 99955c223..000000000
Binary files a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf and /dev/null differ
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/BricolageGrotesque.woff2 b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/BricolageGrotesque.woff2
deleted file mode 100644
index bc533d465..000000000
Binary files a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/BricolageGrotesque.woff2 and /dev/null differ
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/v8_latin-ext_200-800_normal_75-100.woff2 b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/v8_latin-ext_200-800_normal_75-100.woff2
new file mode 100644
index 000000000..b43598909
Binary files /dev/null and b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/v8_latin-ext_200-800_normal_75-100.woff2 differ
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/v8_latin_200-800_normal_75-100.woff2 b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/v8_latin_200-800_normal_75-100.woff2
new file mode 100644
index 000000000..6d4fa001d
Binary files /dev/null and b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Fonts/v8_latin_200-800_normal_75-100.woff2 differ
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/arrow-right.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/arrow-right.svg
new file mode 100644
index 000000000..ca32978b8
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill="currentColor" d="M1.2002 10.2h21.6v3.6h-21.6zm14.5537-3.60002h3.6v3.6h-3.6zM12.1538 3h3.6v3.6h-3.6zm3.6001 10.8h3.6v3.6h-3.6zm-3.6001 3.6h3.6V21h-3.6z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/briefcase.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/briefcase.svg
new file mode 100644
index 000000000..048a1c538
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/briefcase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17 8V6h-2v2H9V6H7v2H3.00055c-.0019 4.0023.0019 7.9977 0 12H20.9995c.0019-4.0023-.002-7.9977 0-12H17ZM5.00055 18c.00022-2.6669-.00022-5.3331 0-8H11v2h2v-2h5.9995c-.0003 2.6669.0002 5.3331 0 8H5.00055ZM15 4H9v2h6V4Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/calculator.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/calculator.svg
new file mode 100644
index 000000000..39fa68332
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/calculator.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.416 3V4.27007H5.58389V3H18.416ZM17.1459 11.9781H14.562V18.4161H17.1459V11.9781ZM5.67148 19.7299V21H18.5036V19.7299H5.67148ZM4.27002 19.6423H5.54009V4.27007H4.27002V19.6423ZM6.85396 5.54015H17.1021V10.6642H6.85396V5.54015ZM8.12403 6.85401V9.39416H15.7883H15.8321V6.9854V6.81022H15.7883L8.12403 6.85401ZM6.85396 15.8759V18.4161H9.39411V15.8759H6.85396ZM6.85396 14.562H9.39411V11.9781H6.85396V14.562ZM13.2919 11.9781H10.708V14.6058H13.2919V11.9781ZM13.2919 18.4161V15.8759H10.7518V18.4161H13.2919ZM19.7299 4.27007H18.4598V19.6423H19.7299V4.27007Z" fill="currentColor"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/calendar.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/calendar.svg
new file mode 100644
index 000000000..4bfc3e71a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/calendar.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6136 14.3V11.9273H14.9864V14.3H12.6136ZM16.2136 17.9409H18.5864V15.5273H16.2136V17.9409ZM18.5864 14.3V11.9273H16.2136V14.3H18.5864ZM6.6 5.87273V7.1H8.97273V5.87273H15.0273V7.1H17.4V5.87273H19.8136V4.68636H17.4V3.5H15.0273V4.68636H8.97273V3.5H6.6V4.68636H4.18636V5.87273H6.6ZM12.6136 17.9409H14.9864V15.5273H12.6136V17.9409ZM11.3864 14.3V11.9273H8.97273V14.3H11.3864ZM19.8136 5.91364V8.32727H4.18636V5.91364H3V19.0864H4.18636V9.47273H19.8136V19.0864H4.18636V20.3136H19.8136V19.1273H21V5.91364H19.8136ZM8.97273 17.9409H11.3864V15.5273H8.97273V17.9409ZM5.37273 17.9409H7.78636V15.5273H5.37273V17.9409ZM7.78636 14.3V11.9273H5.37273V14.3H7.78636Z" fill="currentColor"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-down.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-down.svg
index 8c47d873e..e9bce0b27 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-down.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-down.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-    <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
-          d="m18.5 9.1-6.7 6.7-6.7-6.7"/>
-</svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.44714 8.24321C4.72703 7.93787 5.20146 7.91724 5.5068 8.19714L12 14.1492L18.4932 8.19714C18.7986 7.91724 19.273 7.93787 19.5529 8.24321C19.8328 8.54855 19.8121 9.02298 19.5068 9.30287L12.5068 15.7195C12.2201 15.9824 11.78 15.9824 11.4932 15.7195L4.49321 9.30287C4.18787 9.02298 4.16724 8.54855 4.44714 8.24321Z" fill="currentColor"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-left.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-left.svg
new file mode 100644
index 000000000..853d8b9e2
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10.1997 10.2h-3.6v3.6h3.6zm3.6001-3.60002h-3.6v3.6h3.6zM17.3999 3h-3.6v3.6h3.6zm-3.6001 10.8h-3.6v3.6h3.6zm3.6001 3.6h-3.6V21h3.6z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-right.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-right.svg
new file mode 100644
index 000000000..88c0145b0
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path d="M13.8003 10.2h3.6v3.6h-3.6zm-3.6001-3.60002h3.6v3.6h-3.6zM6.6001 3h3.6v3.6h-3.6zm3.6001 10.8h3.6v3.6h-3.6zm-3.6001 3.6h3.6V21h-3.6z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-up.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-up.svg
new file mode 100644
index 000000000..5c4715d6a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/chevron-up.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5529 15.6735C19.273 15.9788 18.7985 15.9994 18.4932 15.7195L12 9.76743L5.5068 15.7195C5.20146 15.9994 4.72703 15.9788 4.44714 15.6735C4.16724 15.3681 4.18787 14.8937 4.49321 14.6138L11.4932 8.19713C11.78 7.93429 12.2201 7.93429 12.5068 8.19713L19.5068 14.6138C19.8121 14.8937 19.8328 15.3681 19.5529 15.6735Z" fill="currentColor"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/clock.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/clock.svg
index 2cd1bf1fc..5d3ae5a82 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/clock.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/clock.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6l4 2"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path d="M17 3H7v2h10V3Zm0 16H7v2h10v-2ZM7 5H5v2h2V5Zm0 12H5v2h2v-2Zm12 0h-2v2h2v-2Zm0-12h-2v2h2V5Zm-6 6V7h-2l.0057 6H15v-2h-2Zm8-4h-2v10.0057h2V7Z"/><path d="M5 7H3l.0057 10.0057h2L5 7Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/cloud.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/cloud.svg
index 450d9dc0b..81c291dcb 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/cloud.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/cloud.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-              d="M18 10h-1.3A8 8 0 1 0 9 20h9a5 5 0 1 0 0-10Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.13636 17.7045H7.22727v-1.909h1.90909v1.909Zm1.90914 0H9.13636v-1.909h1.90914v1.909Zm1.909 0h-1.909v-1.909h1.909v1.909Zm1.9091 0h-1.9091v-1.909h1.9091v1.909Zm1.9091 0h-1.9091v-1.909h1.9091v1.909Zm1.9091 0h-1.9091v-1.909h1.9091v1.909Zm1.9091 0h-1.9091v-1.909h1.9091v1.909Zm0-5.7272h-1.9091v-1.9091h1.9091v1.9091Zm-1.9091-1.9091h-1.9091V8.15909h1.9091v1.90911Zm-1.9091 0h-1.9091V8.15909h1.9091v1.90911Zm-1.9091 1.9091h-1.9091v-1.9091h1.9091v1.9091Zm-1.9091 1.9091h-1.909v-1.9091h1.909v1.9091Zm0-3.8182h-1.909V8.15909h1.909v1.90911Zm-1.909-1.90911H9.13636V6.25h1.90914v1.90909Zm-1.90914 0H7.22727V6.25h1.90909v1.90909Zm-1.90909 0H5.31818V6.25h1.90909v1.90909ZM5.31818 10.0682H3.40909V8.15909h1.90909v1.90911Zm-1.90909 1.9091H1.5v-1.9091h1.90909v1.9091Zm0 1.9091H1.5v-1.9091h1.90909v1.9091Zm0 1.9091H1.5v-1.9091h1.90909v1.9091Zm1.90909 1.909H3.40909v-1.909h1.90909v1.909Zm1.90909 0H5.31818v-1.909h1.90909v1.909ZM22.5 13.8864h-1.9091v-1.9091H22.5v1.9091Zm0 1.9091h-1.9091v-1.9091H22.5v1.9091Z" clip-rule="evenodd"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/database.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/database.svg
deleted file mode 100644
index 364123dbf..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/database.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12c0 1.7-4 3-9 3s-9-1.3-9-3m9-4c5 0 9-1.3 9-3s-4-3-9-3-9 1.3-9 3 4 3 9 3Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5v14c0 1.7 4 3 9 3s9-1.3 9-3V5"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/desktop.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/desktop.svg
new file mode 100644
index 000000000..337df6f7a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/desktop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13.1098 16.4317h6.667v-2.222H4.22314v2.222h6.66466v2.2165H6.42416v2.222H17.5339v-2.222h-4.4241v-2.2165Zm6.667-13.33172H4.22314v2.22195H19.7768V3.09998ZM4.22256 5.31769H2.00061c.00212 2.96382-.00211 5.92261 0 8.88641h2.22195c-.00211-2.9638.00212-5.92259 0-8.88641Zm15.55494.00567c.0021 2.96381-.0021 5.92254 0 8.88644h2.2219c-.0021-2.9639.0021-5.92263 0-8.88644h-2.2219ZM17.555 7.54382h-2.222v2.22196h2.222V7.54382Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/development.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/development.svg
new file mode 100644
index 000000000..2183a2cd3
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/development.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17.0002 3H7.00049v1.99993h9.99971V3Zm0 15.9995H7.00049v1.9999h9.99971v-1.9999ZM7.00042 5.02692H5.00049v1.99993h1.99993V5.02692ZM13.0087 13.007h-1.9999v1.9999h1.9999V13.007Zm-1.9995 2.008H9.00928v1.9999h1.99992V15.015Zm1.9995-5.99986h-1.9999v1.99996h1.9999V9.01514ZM11.0092 7.0152H9.00928v1.99993h1.99992V7.0152Zm3.9995 3.9918h-1.9999v2h1.9999v-2Zm-8.00828 5.9925H5.00049v1.9999h1.99993v-1.9999Zm11.99998 0h-1.9999v1.9999h1.9999v-1.9999Zm0-11.97258h-1.9999v1.99993h1.9999V5.02692Zm2 1.97296h-1.9999V17.0052h1.9999V6.99988Z"/><path fill="currentColor" d="M5.00048 6.99988H3.00055c.0019 3.33512-.0019 6.66452 0 9.99972h1.99993c-.0019-3.3352.0019-6.6646 0-9.99972Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/document.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/document.svg
new file mode 100644
index 000000000..d1d4e43e6
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/document.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5535 19.7778H6.44238V22H17.5535v-2.2222Zm-2.2223-4.4445H8.66455v2.2222h6.66665v-2.2222Zm0-4.4444H8.66455v2.2222h6.66665v-2.2222Zm0-4.44444H8.66455v2.22222h6.66665V6.44446ZM17.5535 2H6.44238v2.22222H17.5535V2Z"/><path fill="#000" d="M6.44306 4.2157H4.22082c.00212 5.187-.00211 10.3651 0 15.5521h2.22224c-.00212-5.187.00211-10.3651 0-15.5521Zm13.33154.01001h-2.2222c.0021 5.187-.0021 10.36519 0 15.55219h2.2222c-.0021-5.187.0021-10.36519 0-15.55219Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/email.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/email.svg
deleted file mode 100644
index 54ee9d021..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/email.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd" viewBox="0 0 24 18">
-    <path d="M2 2h20M2 .7v15.7h20V.7M2 2l10 8.2L22 2" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:2.6px"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/eye.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/eye.svg
new file mode 100644
index 000000000..b048ef64b
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M18.911 14.267h1.5707v1.5183H18.911V14.267ZM8.17801 17.3037v1.5706h7.69629v-1.5706H8.17801ZM2 14.2147h1.51832V9.60733H2v4.60737Zm1.51832-4.60737h1.51833V8.08901H3.51832v1.51832Zm1.57069 6.17797v1.5184h3.03664v-1.5184H5.08901Zm-1.57069 0h1.51833V14.267H3.51832v1.5183ZM18.911 8.08901v1.51832h1.5707V8.08901H18.911ZM22 9.60733h-1.5183v4.60737H22V9.60733ZM8.17801 5v1.57068H15.822V5H8.17801ZM15.822 6.57068v1.51833h3.089V6.57068h-3.089Zm-10.73299 0v1.51833h3.03664V6.57068H5.08901Zm9.21469 1.51833v1.51832h1.5183v4.60737h-1.5183v1.5706H9.69634v-1.5706H8.12565V9.60733h1.57069V8.08901h4.60736ZM12.7853 11.178v-.0523h-1.5706v1.5706h1.5706V11.178Zm3.089 4.6073v1.5184h3.0891v-1.5184h-3.0891Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/facebook.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/facebook.svg
index ce6ddb14d..a86d4050c 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/facebook.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/facebook.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 21"><path fill="currentColor" d="M10.5 11.6h-3v9h-4v-9H.4V8h3.3V5.1c0-3.2 1.9-5 4.8-5 1.4 0 2.9.3 2.9.3v3.1H9.6c-1.6 0-2 1-2 2V8H11l-.6 3.7Z"/></svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2012 13.125H13.5645V21H10.0488V13.125H7.16602V9.89062H10.0488V7.39453C10.0488 4.58203 11.7363 3 14.3027 3C15.5332 3 16.834 3.24609 16.834 3.24609V6.02344H15.3926C13.9863 6.02344 13.5645 6.86719 13.5645 7.78125V9.89062H16.6934L16.2012 13.125Z" fill="currentColor"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/file.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/file.svg
new file mode 100644
index 000000000..4cd91875e
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17.0001 12.9993h-3.9996v1.9999h3.9996v-1.9999Z"/><path fill="#000" d="M21 6.99983h-9.9991v1.99982h7.9972c.0002 2.66665-.0002 5.33255 0 7.99915H5.00037c-.00035-3.3335.00037-6.6655 0-9.99897h6.00053V5H3.00054c.00191 4.66893-.00189 9.3299 0 13.9988H20.9979C20.9963 15.6638 21 6.99983 21 6.99983Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/github.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/github.svg
index 0403ca57d..db8059c11 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/github.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/github.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22">
-    <path fill="currentColor" d="M11 0a11 11 0 0 1 3.5 21.4c-.5.1-.8-.2-.8-.5v-3c0-1-.3-1.7-.7-2 2.5-.3 5-1.3 5-5.5a5 5 0 0 0-1-3 4 4 0 0 0-.2-2.8s-1-.4-3 1a10.2 10.2 0 0 0-5.5 0c-2.1-1.3-3-1-3-1A4 4 0 0 0 5 7.5c-.7.7-1 1.7-1 3 0 4.1 2.5 5 5 5.4-.4.2-.7.7-.8 1.4-.6.3-2.2.8-3.2-.9-.2-.3-.8-1.1-1.7-1.1-.9 0-.3.5 0 .7.5.3 1 1.3 1.2 1.6.2.6.9 1.8 3.7 1.3v2c0 .3-.2.6-.8.5A11 11 0 0 1 11 0Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.22205c4.9725 0 9 4.0275 9 8.99995-.0005 1.8858-.5923 3.7239-1.6922 5.2556-1.0999 1.5318-2.6524 2.68-4.4391 3.2832-.45.09-.6187-.1913-.6187-.4275 0-.3038.0113-1.2713.0113-2.475 0-.8438-.2813-1.3838-.6075-1.665 2.0024-.225 4.1062-.99 4.1062-4.4438 0-.99-.3487-1.78871-.9225-2.4187.09-.22501.405-1.1475-.09-2.385 0 0-.7537-.2475-2.475.9225-.72-.2025-1.485-.30375-2.25-.30375-.765 0-1.53.10125-2.25.30375-1.72125-1.15875-2.475-.9225-2.475-.9225-.495 1.2375-.18 2.15999-.09 2.385-.57375.62999-.9225 1.44-.9225 2.4187 0 3.4425 2.0925 4.2188 4.095 4.4438-.2587.225-.495.6187-.57375 1.2037-.5175.2363-1.81125.6188-2.62125-.7425-.16875-.27-.675-.9337-1.38375-.9225-.75375.0113-.30375.4275.01125.5963.3825.2137.82125 1.0125.9225 1.2712.18.5063.765 1.4738 3.02625 1.0575 0 .7538.01125 1.4625.01125 1.6763 0 .2362-.16875.5062-.61875.4275-1.79253-.5967-3.35167-1.7426-4.45625-3.2753C3.59293 15.9528 2.99901 14.1113 3 12.222c0-4.97245 4.0275-8.99995 9-8.99995Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/globe.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/globe.svg
index 41ad295ff..7ec2b8f8c 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/globe.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/globe.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20ZM2 12h20"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="M12 2c2.5 2.7 4 6.3 4 10s-1.5 7.3-4 10c-2.5-2.7-4-6.3-4-10s1.5-7.3 4-10v0Z"/>
-</svg>
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6.9997 16.9979H5V18.9976H6.9997V16.9979Z"/><path d="M20.9978 11.0291V6.99939H18.9981V5.02669H16.9984V7.02236H15.0009V4.9997H16.9984V3H6.99994V4.9997H9.00183V7.02236H7.00617V11.0291H5.00024C5.00058 9.6952 5.001 8.36137 5.00024 7.02639H6.99994V5.02669H5.00024V6.99939H3.00054C3.00245 10.3341 2.99865 13.6631 3.00054 16.9979H5.00024C4.99948 15.6741 4.99991 14.3515 5.00024 13.0288H7.00617V17.0168H9.00183V18.9976H6.99994V20.9973H16.9984V18.9976H15.0009V17.0168H13.0012V18.9976H11.0015V17.0168H9.00587V13.0288H15.0009V17.0168H16.9984V18.9976H18.9981V17.0036H20.9978V13.0288H21V11.0291H20.9978ZM15.0009 11.0291H9.00587V7.02639H11.0015V4.9997H13.0012V7.02639H15.0009V11.0291ZM18.9981 16.9979H17.0006V13.0288H18.9981V16.9979ZM18.9981 11.0291H17.0006V7.02639H18.9981V11.0291Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/headphones.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/headphones.svg
new file mode 100644
index 000000000..8b2c7d3ec
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/headphones.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.9999 3H7.00049V4.99989H16.9999V3Z"/><path d="M6.99915 10.9968V12.9959H5.00044C5.00092 11.0068 5.00137 9.01761 5.00044 7.02681H7.00033V5.02692H5.00044V6.99981H3.00055C3.00244 11.001 2.99865 14.9952 3.00055 18.9964H3.00099V18.9991H5.00088V20.9979H11.0006V10.9968H6.99915ZM9.00066 18.998H7.00033V16.9993H5.00044C5.00038 16.3314 5.00034 15.6635 5.00044 14.9958H6.99996V12.9967H9.00066V18.998Z"/><path d="M20.9996 6.99981H18.9997V5.02692H16.9998V7.02681H18.9997V12.9967H17.0003V14.9966H18.9997V16.9993H16.9998V18.9964H15.0004V12.9967H17.0003V10.9968H13.0005V20.9963H19.0002V18.9991H21L20.9996 6.99981Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/heart.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/heart.svg
new file mode 100644
index 000000000..87135d7a0
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4.22795 8.17099V6.09845H2V12.342h2.22795V8.17099Zm4.43006-2.07254H10.886V4H4.22803v2.09845h4.42998ZM6.45597 12.342H4.22803v2.0725h2.22794V12.342Zm6.65823-6.24355h-2.228v2.09844h2.228V6.09845Zm0 12.51295h-2.228v2.0725h2.228v-2.0725Zm4.4555-12.51295h2.202V4h-6.6579v2.09845h4.4559Zm.0005 8.34195h-2.2279v2.0726h2.2279v-2.0726Zm2.2276-2.0984h-2.228v2.0725h2.228V12.342Zm-.0258-6.24355V12.342h2.2279V6.09845H19.772ZM15.3417 16.5129h-2.2279v2.0985h2.2279v-2.0985Zm-6.68358-2.0725H6.43018v2.0726h2.22794v-2.0726Zm2.22798 2.0725H8.6582v2.0985h2.2279v-2.0985Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/house.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/house.svg
new file mode 100644
index 000000000..94b6e87c6
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/house.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M11.0556 19.5H3.5v1.8835h7.5556V19.5Zm9.4443.0054h-7.5556v1.8835h7.5556v-1.8835ZM12.9502 4.38888v1.88889h1.8835V4.38888h-1.8835Zm1.8887 1.88892v1.88889h1.8835V6.2778h-1.8835Zm1.8886 1.88885v1.88885h1.8835V8.16665h-1.8835ZM7.2832 6.2778v1.88889h1.88351V6.2778H7.2832ZM5.38867 8.15707V10.046h1.88351V8.15707H5.38867ZM3.50244 10.046v1.8889h1.88351V10.046H3.50244Zm15.11086 0v1.8889h1.8835V10.046h-1.8835ZM11.061 2.50003v1.88889h1.8835V2.50003H11.061ZM9.1665 15.7127v1.8889h1.8889v-1.8889H9.1665Zm0-1.8889v1.8888h5.6667v-1.8888H9.1665Zm3.7778 1.8889v1.8889h1.8889v-1.8889h-1.8889ZM9.17236 4.38888v1.88889h1.88354V4.38888H9.17236Z"/><path fill="#000" d="M5.38889 10.046H3.5v9.6333h1.88889V10.046Zm5.66651 7.5556H9.1665v2.0777h1.8889v-2.0777Zm3.7778 0h-1.8889v2.0777h1.8889v-2.0777Zm5.667-7.5556h-1.8889v9.6333h1.8889V10.046Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/iconnotfound.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/iconnotfound.svg
deleted file mode 100644
index 549e74750..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/iconnotfound.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="currentColor" d="M14.6 13.5a8 8 0 10-1.2 1.1l4.8 4.8a.8.8 0 101.2-1.2ZM8.5 14.8a6.6 6.6 0 11.01 0ZM5.6 6a1.2 1.2 0 10.01 0Zm5.6 0a1.2 1.2 0 10.01 0Zm.1 5q-2.8-2-5.8 0a.6.6 0 101 1.2q2-1.2 3.9 0a.6.6 0 10.9-1.2" /></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/instagram.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/instagram.svg
index cada90962..94b74efcb 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/instagram.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/instagram.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 19">
-    <path fill="currentColor" d="M10 4.7c2.5 0 4.5 2.1 4.5 4.6A4.6 4.6 0 1 1 10 4.7Zm0 7.6a3 3 0 0 0 2.9-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3Zm5.8-7.7c0 .6-.5 1-1.1 1a1 1 0 0 1-1-1c0-.6.4-1.1 1-1.1s1 .5 1 1Zm3 1V13c0 1.5-.4 2.7-1.4 3.8-1 1-2.3 1.4-3.8 1.4H6.2c-1.4 0-2.6-.4-3.7-1.4-1-1-1.4-2.3-1.5-3.8V5.7c.1-1.5.4-2.8 1.5-3.8C3.5 1 4.8.5 6.2.5h7.4c1.5 0 2.7.4 3.8 1.4 1 1 1.3 2.3 1.4 3.8Zm-2 9c.6-1.2.5-4 .5-5.3 0-1.2 0-4-.4-5.2a3 3 0 0 0-1.7-1.7C14 1.9 11.2 2 10 2c-1.3 0-4 0-5.2.4A3 3 0 0 0 3 4c-.5 1.2-.4 4-.4 5.2 0 1.4-.1 4.1.4 5.3a3 3 0 0 0 1.7 1.7c1.1.5 4 .4 5.2.4 1.3 0 4.1.1 5.3-.4a3 3 0 0 0 1.7-1.7Z"/>
-</svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.019 7.61719C14.4096 7.61719 16.3828 9.5904 16.3828 11.981C16.3828 14.4096 14.4096 16.3449 12.019 16.3449C9.5904 16.3449 7.65513 14.4096 7.65513 11.981C7.65513 9.5904 9.5904 7.61719 12.019 7.61719ZM12.019 14.827C13.5748 14.827 14.827 13.5748 14.827 11.981C14.827 10.4252 13.5748 9.17299 12.019 9.17299C10.4252 9.17299 9.17299 10.4252 9.17299 11.981C9.17299 13.5748 10.4632 14.827 12.019 14.827ZM17.5592 7.4654C17.5592 8.0346 17.1038 8.48996 16.5346 8.48996C15.9654 8.48996 15.51 8.0346 15.51 7.4654C15.51 6.89621 15.9654 6.44085 16.5346 6.44085C17.1038 6.44085 17.5592 6.89621 17.5592 7.4654ZM20.4431 8.48996C20.519 9.89397 20.519 14.106 20.4431 15.51C20.3672 16.8761 20.0636 18.0525 19.077 19.077C18.0904 20.0636 16.8761 20.3672 15.51 20.4431C14.106 20.519 9.89397 20.519 8.48996 20.4431C7.12388 20.3672 5.94754 20.0636 4.92299 19.077C3.93638 18.0525 3.63281 16.8761 3.55692 15.51C3.48103 14.106 3.48103 9.89397 3.55692 8.48996C3.63281 7.12388 3.93638 5.9096 4.92299 4.92299C5.94754 3.93638 7.12388 3.63281 8.48996 3.55692C9.89397 3.48103 14.106 3.48103 15.51 3.55692C16.8761 3.63281 18.0904 3.93638 19.077 4.92299C20.0636 5.9096 20.3672 7.12388 20.4431 8.48996ZM18.6217 16.99C19.077 15.8895 18.9632 13.2333 18.9632 11.981C18.9632 10.7667 19.077 8.11049 18.6217 6.9721C18.3181 6.25112 17.7489 5.64397 17.0279 5.37835C15.8895 4.92299 13.2333 5.03683 12.019 5.03683C10.7667 5.03683 8.11049 4.92299 7.01004 5.37835C6.25112 5.68192 5.68192 6.25112 5.37835 6.9721C4.92299 8.11049 5.03683 10.7667 5.03683 11.981C5.03683 13.2333 4.92299 15.8895 5.37835 16.99C5.68192 17.7489 6.25112 18.3181 7.01004 18.6217C8.11049 19.077 10.7667 18.9632 12.019 18.9632C13.2333 18.9632 15.8895 19.077 17.0279 18.6217C17.7489 18.3181 18.356 17.7489 18.6217 16.99Z" fill="currentColor"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/linkedin.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/linkedin.svg
index 6a40a1e39..8d7163b8e 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/linkedin.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/linkedin.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
-    <path fill="currentColor" d="M4 18H.3V6H4v12ZM2 4.5c-1 0-2-1-2-2.2A2 2 0 0 1 2.1.2c1.2 0 2.2 1 2.2 2 0 1.3-1 2.3-2.2 2.3ZM17.8 18h-3.6v-5.8c0-1.4 0-3.1-2-3.1-1.9 0-2.2 1.4-2.2 3V18H6.3V6H10v1.7a4 4 0 0 1 3.5-2c3.8 0 4.5 2.6 4.5 5.8V18Z"/>
-</svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.01786 20.9798H3.28125V8.96645H7.01786V20.9798ZM5.12946 7.35931C3.96429 7.35931 3 6.35484 3 5.14948C3 3.98431 3.96429 3.02002 5.12946 3.02002C6.33482 3.02002 7.29911 3.98431 7.29911 5.14948C7.29911 6.35484 6.33482 7.35931 5.12946 7.35931ZM17.2634 20.9798V15.1539C17.2634 13.7477 17.2232 11.9798 15.2946 11.9798C13.3661 11.9798 13.0848 13.4664 13.0848 15.0334V20.9798H9.34821V8.96645H12.9241V10.6138H12.9643C13.4866 9.68966 14.692 8.6852 16.5 8.6852C20.2768 8.6852 21 11.1763 21 14.3906V20.9798H17.2634Z" fill="currentColor"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mail-open.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mail-open.svg
new file mode 100644
index 000000000..067ec8381
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mail-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 29"><path d="M15.2065 15.928h2.1429v-2.1429h-2.1429v2.1429Zm0-10.71588h2.1429v2.14286h-2.1429V5.21212Z"/><path d="M13.064 18.0705h2.1428v-2.1428H13.064v2.1428Zm0-15.00095h2.1428V5.2124H13.064V3.06955ZM8.77881 15.9277v2.1428h2.14289v-2.1428H8.77881Zm0-10.7153V3.06955h2.14289V5.2124H8.77881Z"/><path d="M8.77909 15.928v-2.1429H6.63623v2.1429h2.14286Zm0-10.71588v2.14286H6.63623V5.21212h2.14286Z"/><path d="M6.63651 13.7854v-2.1429H4.49365v2.1429h2.14286Zm0-6.4307v2.14286H4.49365V7.3547h2.14286ZM19.492 13.7854v-2.1429h-2.1429v2.1429h2.1429Zm0-6.4307v2.14286h-2.1429V7.3547h2.1429Zm-8.5706 12.8604h2.1428v-2.1429h-2.1428v2.1429Zm0-19.290086h2.1428V3.06787h-2.1428V.925014Z"/><path d="M4.49344 9.49841H2.35059V24.4984H21.6363V9.49841h-2.1456v2.14289h.0027v10.7143H4.49344V9.49841Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mail.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mail.svg
new file mode 100644
index 000000000..f65e2c2d2
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path d="M15.207 10.9286h2.1429V8.78571H15.207v2.14289Zm-2.1425 2.1428h2.1428v-2.1428h-2.1428v2.1428Zm-4.28569-2.1428v2.1428h2.14289v-2.1428H8.77881Zm-.00021 0V8.78571H6.63574v2.14289H8.7786Zm2.1428 4.2857h2.1428v-2.1429h-2.1428v2.1429Z"/><path d="M19.493 4.5H2.3501v15h19.2857v-15H19.493Zm0 6.4286v6.4285H4.49295V8.78571h2.14286V6.64286H17.3501v2.14285h2.1429v2.14289Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mastodon.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mastodon.svg
index e55398d7d..61f253f13 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mastodon.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/mastodon.svg
@@ -1,5 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 21 22">
-    <path fill="currentColor" fill-rule="evenodd"
-          d="M15.7.3c2.5.3 4.5 2.2 4.9 4.6v4.5a24.7 24.7 0 0 0 0 2c-.3 3.5-2.4 4.8-4.6 5.2a26.9 26.9 0 0 1-9.7 0c0 .4.1.9.3 1.3.2.5.8 1.7 3.3 1.7a18.3 18.3 0 0 0 4.4-.5v1.7l-1.6.7-.8.2a12 12 0 0 1-6.6-.3c-2-.7-4-2.5-4.5-4.5l-.5-3.4C0 12.3 0 11 0 9.8V8.4c0-1.2 0-2.5.2-3.7A6 6 0 0 1 5.5.3C6 .2 6.9 0 10 0c3.7 0 5.2.2 5.6.3Zm1.4 13.1V7.5c0-1.2-.3-2.1-1-2.8a3.1 3.1 0 0 0-2.5-1.1A3 3 0 0 0 11 5l-.6 1-.6-1a3 3 0 0 0-2.7-1.4c-1 0-1.8.4-2.5 1-.6.8-.9 1.7-.9 3v5.8H6V7.7c0-1.2.5-1.8 1.5-1.8 1.2 0 1.7.7 1.7 2.1v3.2h2.3V8c0-1.4.6-2.1 1.7-2.1 1 0 1.5.6 1.5 1.8v5.7h2.4Z"
-          clip-rule="evenodd"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.4339 3.23153c1.9981.29534 3.6838 1.81948 3.944 3.75351.1133 1.15033.0572 2.87873.0299 3.71886-.0068.2091-.0118.3632-.0119.4396 0 .1129-.0164 1.1437-.0229 1.2525-.1751 2.7636-1.8984 3.855-3.7092 4.2027-.0195.0058-.0417.0101-.0644.0146-.0058.0011-.0116.0022-.0174.0034-1.148.2241-2.3779.2838-3.5447.3166-.279.0073-.5572.0073-.8362.0073-1.1602.0004-2.31631-.1369-3.44408-.409-.00599-.0015-.01224-.0017-.01828-.0004-.00604.0013-.01166.0041-.01645.008-.00479.0039-.00859.0089-.01108.0145-.00249.0057-.00363.0118-.00329.018.03187.3671.11165.7285.23729 1.075.15627.4009.70206 1.3638 2.73129 1.3638 1.1792.0021 2.3545-.1352 3.5014-.4091.0058-.0013.0118-.0013.0177 0 .0058.0013.0113.0038.016.0075.0047.0037.0085.0084.0112.0138.0026.0053.0041.0112.0042.0172v1.3564c-.0003.0064-.0019.0127-.0049.0183-.003.0057-.0072.0106-.0123.0144-.3586.2599-.8408.4127-1.2631.5465-.019.006-.038.012-.0568.018-.192.0606-.3865.1137-.5834.1595-1.7901.4077-3.65835.3092-5.39557-.2847-1.6226-.5694-3.27876-1.9651-3.68788-3.6422-.21849-.9081-.37244-1.8305-.46068-2.7603-.09273-1.0168-.12371-2.0353-.15473-3.0553-.01169-.3841-.02338-.7685-.03838-1.15308-.03846-.98008-.01637-2.04854.19065-3.01229.43041-1.95692 2.20438-3.32645 4.14692-3.6136.03993-.00591.08403-.01367.13567-.02276C8.42696 3.14115 9.22942 3 11.8386 3h.0221c2.9588 0 4.2361.18162 4.5732.23153ZM17.509 13.9628V9.15801c.0005-.98228-.2496-1.76223-.7504-2.33981-.5187-.57677-1.1971-.87292-2.0382-.87292-.973 0-1.7094.37468-2.2003 1.12326l-.4746.79521-.4738-.79521c-.491-.74858-1.2274-1.12326-2.20192-1.12326-.84199 0-1.52031.29615-2.03746.87292-.50132.57813-.75199 1.35806-.75199 2.33981v4.80479H8.4836V9.29954c0-.98174.41322-1.48242 1.24047-1.48242.91483 0 1.37383.59231 1.37383 1.76223v2.55255h1.8927V9.57935c0-1.16992.4582-1.76223 1.373-1.76223.8322 0 1.2413.50068 1.2413 1.48242v4.66326h1.9041Z" clip-rule="evenodd"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neos-white-logo.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neos-white-logo.svg
deleted file mode 100644
index fe8e11df1..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neos-white-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 453.5 124.5"><defs><style>.cls-1{fill:#fff}</style></defs><g id="Ebene_2" data-name="Ebene 2"><g id="Layer_1" data-name="Layer 1"><path d="m410.7 86 5-5.5a25 25 0 0 0 18 7.5c6.8 0 11.5-3.4 11.5-8.5 0-4.5-2.5-6.9-13.4-9.6-12.7-3.3-19.1-7.6-19.1-16.5 0-9.2 8.4-15.5 19.3-15.5 8 0 14 2.6 19.7 7.1l-4.6 6a23.2 23.2 0 0 0-15.2-6c-6.1 0-10.9 3-10.9 7.9 0 4.5 3 7 14.3 9.9 12.2 2.9 18.2 7.7 18.2 16.3 0 10-8.6 16.1-19.8 16.1a33 33 0 0 1-23-9.2Zm-82.9-19.5c0-15.6 12.1-28.6 29-28.6s29 13 29 28.6-12.2 28.7-29 28.7-29-13-29-28.7Zm49.7 0c0-12-8.5-21.3-20.7-21.3s-20.7 9.2-20.7 21.3 8.6 21.3 20.7 21.3 20.7-9.1 20.7-21.3Zm-74.9-27.7V46h-32.8v16.7H299V70h-29.2v17H303v7.3h-41.1V38.8Zm-111.6 0 32.5 41v-41h8v55.5h-6.7l-33.3-42v42h-8V38.8Z" class="cls-1"/><path fill="#009fe3" d="M88.8 0 68.1 15.1v31.6L88.8 76V0zm0 112.6L9.2 0 0 6.7v117.8l20.7-15.2V51.1l51.8 73.4h22.6l16.4-11.9H88.8z"/><path d="M20.7 51.1v58.2L0 124.5h22.6l20.8-15.2V83.2L20.7 51.1zM88.8 76V0h22.7v112.6H88.8L9.2 0h25.9l53.7 76z" class="cls-1"/></g></g></svg>
\ No newline at end of file
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neos-white-mark.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neos-white-mark.svg
deleted file mode 100644
index 5a3ea4e16..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neos-white-mark.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 111.5 124.4">
-    <path fill="#009fe3" d="M88.8 0 68.1 15.1v31.6l20.7 29.2zm0 112.6L9.2 0 0 6.7v117.7l20.7-15.1V51.1l51.8 73.3h22.6l16.4-11.8z"/>
-    <path fill="#fff" d="M20.7 51.1v58.2L0 124.4h22.6l20.8-15.1V83.2zm68.1 24.8V0h22.7v112.6H88.8L9.2 0h25.9z"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neosAvatarMonochrome.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neosAvatarMonochrome.svg
new file mode 100644
index 000000000..52400b0d0
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neosAvatarMonochrome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111.42 125"><path fill="currentColor" d="M94.59 125H71.37L44.95 87.27v22.24L23.85 125H0V7.28L9.88 0h26.38l30.21 43V15.49L87.57 0h23.85v112.67ZM2.63 8.61v112.48l17.58-12.91V47.35l52.61 75.12h20.7l12.78-9.32H87.19L10 3.17Zm20.15 113.92 19.54-14.35V83.51L22.84 55.59v53.94l-17.72 13ZM12.85 2.63l75.83 108.05h20.11V2.63H89.32v77.53L34.89 2.63Zm56.26 44.16 17.58 25.1v-68L69.11 16.82Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neosLogoMonochrome.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neosLogoMonochrome.svg
new file mode 100644
index 000000000..1f03138ca
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/neosLogoMonochrome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 453.39 125"><path fill="currentColor" d="m410.47 84.59 5-5.54c5.52 4.91 10.63 7.52 18.14 7.52 6.71 0 11.51-3.4 11.51-8.47 0-4.51-2.56-6.89-13.51-9.66-12.7-3.25-19.1-7.6-19.1-16.47 0-9.19 8.47-15.52 19.34-15.52 8.07 0 14 2.62 19.74 7.13l-4.63 5.94c-5.28-4.12-9.75-5.86-15.18-5.86-6.16 0-10.87 3-10.87 7.76 0 4.59 3 7.13 14.31 9.9 12.23 2.93 18.22 7.76 18.22 16.31 0 10-8.63 16.16-19.9 16.16-9.01-.01-16.43-3.26-23.07-9.2Zm-83.02-19.48c0-15.68 12.15-28.67 29.09-28.67s29.09 13 29.09 28.67-12.15 28.67-29.09 28.67-29.09-12.99-29.09-28.67Zm49.78 0c0-12.12-8.55-21.3-20.7-21.3s-20.7 9.19-20.7 21.3 8.55 21.3 20.7 21.3 20.7-9.19 20.7-21.3Zm-75.04-27.72v7.21h-32.76v16.63h29.17v7.29h-29.17v17.1h33.16v7.21h-41.23V37.39Zm-111.63 0 32.52 40.94V37.39H231v55.44h-6.63L191 50.77v42.06h-8V37.39ZM94.59 125H71.37L44.95 87.27v22.24L23.85 125H0V7.28L9.88 0h26.38l30.21 43V15.49L87.57 0h23.85v112.67ZM2.63 8.61v112.48l17.58-12.91V47.35l52.61 75.12h20.7l12.78-9.32H87.19L10 3.17Zm20.15 113.92 19.54-14.35V83.51L22.84 55.59v53.94l-17.72 13ZM12.85 2.63l75.83 108.05h20.11V2.63H89.32v77.53L34.89 2.63ZM69.1 46.79l17.58 25.1v-68L69.1 16.82Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/notfound.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/notfound.svg
new file mode 100644
index 000000000..09008965e
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/notfound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="currentColor" d="M14.6 13.5a8 8 0 10-1.2 1.1l4.8 4.8a.8.8 0 101.2-1.2ZM8.5 14.8a6.6 6.6 0 11.01 0ZM5.6 6a1.2 1.2 0 10.01 0Zm5.6 0a1.2 1.2 0 10.01 0Zm.1 5q-2.8-2-5.8 0a.6.6 0 101 1.2q2-1.2 3.9 0a.6.6 0 10.9-1.2" /></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/package.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/package.svg
deleted file mode 100644
index 3083e3fa4..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/package.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="m16.5 9.4-9-5.2M21 16V8a2 2 0 0 0-1-1.7l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.7l7 4a2 2 0 0 0 2 0l7-4a2 2 0 0 0 1-1.7Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="m3.3 7 8.7 5 8.7-5M12 22V12"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-chevron-right.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-chevron-right.svg
deleted file mode 100644
index b364dc1a6..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-chevron-right.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M14.8 10h4v4h-4zm-4-4h4v4h-4zm-4-4h4v4h-4zm4 12h4v4h-4zm-4 4h4v4h-4z"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-circle.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-circle.svg
deleted file mode 100644
index 97295c43c..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-circle.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
-    <path d="M41.1426 41.1519H6.85742V48.0092H41.1426V41.1519Z" fill="currentColor"/>
-    <path d="M48 6.8667H41.1426V41.1519H48V6.8667Z" fill="currentColor"/>
-    <path d="M41.1426 0.00927734H6.85742V6.86665H41.1426V0.00927734Z" fill="currentColor"/>
-    <path d="M6.85737 6.8667H0V41.1519H6.85737V6.8667Z" fill="currentColor"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-clock.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-clock.svg
deleted file mode 100644
index 9d37d5f4f..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-clock.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="58" height="53" viewBox="0 0 58 53" fill="none">
-    <path d="M5.40942 52.3638H57.2046V5.74841H41.6659V10.9275H52.0248V47.184H10.5892V42.0049H5.40942V52.3638Z" fill="currentColor"/>
-    <path d="M31.307 31.6459H5.40942V36.8256H31.307V31.6459Z" fill="currentColor"/>
-    <path d="M36.4886 5.74841H31.3088V31.646H36.4886V5.74841Z" fill="currentColor"/>
-    <path d="M31.307 0.568604H5.40942V5.74837H31.307V0.568604Z" fill="currentColor"/>
-    <path d="M5.40926 5.74841H0.229492V31.646H5.40926V5.74841Z" fill="currentColor"/>
-    <path d="M20.9454 10.9273H15.7656V21.2862H20.9454V10.9273Z" fill="currentColor"/>
-    <path d="M26.1252 21.2863H20.9454V26.466H26.1252V21.2863Z" fill="currentColor"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-heart.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-heart.svg
deleted file mode 100644
index ac5e6b9b3..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/pixel-heart.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="58" height="49" viewBox="0 0 58 49" fill="none">
-    <path d="M6.46115 12.0959V6.08551H0V12.0959V18.1814V24.1918H6.46115V18.1814V12.0959Z" fill="currentColor"/>
-    <path d="M19.3085 6.0855H25.7697V0H19.3085H12.8474H6.46136V6.0855H12.8474H19.3085Z" fill="currentColor"/>
-    <path d="M12.9225 24.1917H6.46136V30.202H12.9225V24.1917Z" fill="currentColor"/>
-    <path d="M32.2312 6.08551H25.77V12.171H32.2312V6.08551Z" fill="currentColor"/>
-    <path d="M32.2312 42.373H25.77V48.3834H32.2312V42.373Z" fill="currentColor"/>
-    <path d="M45.1525 6.0855H51.5385V0H45.1525H38.6914H32.2302V6.0855H38.6914H45.1525Z" fill="currentColor"/>
-    <path d="M45.154 30.2772H38.6928V36.2876H45.154V30.2772Z" fill="currentColor"/>
-    <path d="M51.6141 24.1917H45.153V30.202H51.6141V24.1917Z" fill="currentColor"/>
-    <path d="M51.5388 6.08551V12.0959V18.1814V24.1918H58V18.1814V12.0959V6.08551H51.5388Z" fill="currentColor"/>
-    <path d="M38.6914 36.2876H32.2302V42.3731H38.6914V36.2876Z" fill="currentColor"/>
-    <path d="M19.3084 30.2772H12.8473V36.2876H19.3084V30.2772Z" fill="currentColor"/>
-    <path d="M25.7698 36.2876H19.3087V42.3731H25.7698V36.2876Z" fill="currentColor"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/place.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/place.svg
new file mode 100644
index 000000000..937592a2e
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/place.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.0009 6.31814c-1.9408 0-3.51329 1.6038-3.51329 3.57967 0 1.97589 1.57249 3.57969 3.51329 3.57969s3.5133-1.6038 3.5133-3.57969c0-1.97587-1.5725-3.57967-3.5133-3.57967Zm0 5.53096c-1.0215 0-1.8849-.8717-1.8849-1.95129 0-1.08132.843-1.95128 1.8849-1.95128s1.8849.86996 1.8849 1.95128c0 1.07959-.8634 1.95129-1.8849 1.95129Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M18.7732 12.84c.3422-.958.5041-1.9453.435-2.9372C18.956 6.03212 15.7939 3 12.0008 3 8.20775 3 5.04569 6.03212 4.79345 9.9028c-.06885.988.06916 1.9769.43662 2.9417.34358.916.8917 1.8065 1.62073 2.5822l4.5304 5.2818c.1616.1929.3901.2915.6196.2915.2296 0 .4581-.0986.6196-.2914l4.5317-5.2833c.7261-.7949 1.2752-1.6626 1.6198-2.5814l.0013-.0039Zm-1.1919-2.8095c.0631.7573-.0418 1.5154-.3164 2.2547l-.0015.004c-.2804.7946-.7685 1.4877-1.3376 2.1013l-3.9245 4.5541-4.00163-4.6581c-.58429-.6333-1.01439-1.2991-1.2606-2.0172l-.0023-.0062c-.27446-.7389-.38029-1.499-.33811-2.2608.17052-2.65576 2.33764-5.39603 5.58004-5.39603 3.2436 0 5.4322 2.74179 5.6022 5.41913l.0004.0051Z" clip-rule="evenodd"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/plus.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/plus.svg
new file mode 100644
index 000000000..0b21c813a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17.0002 3H7.00049v1.99993h9.99971V3Zm0 15.9995H7.00049v1.9999h9.99971v-1.9999ZM7.00042 5.02692H5.00049v1.99993h1.99993V5.02692Zm0 11.97258H5.00049v1.9999h1.99993v-1.9999Zm11.99998 0h-1.9999v1.9999h1.9999v-1.9999Zm0-11.97258h-1.9999v1.99993h1.9999V5.02692Zm2 1.97296h-1.9999V17.0052h1.9999V6.99988Z"/><path fill="currentColor" d="M5.00048 6.99988H3.00055c.0019 3.33512-.0019 6.66452 0 9.99972h1.99993c-.0019-3.3352.0019-6.6646 0-9.99972ZM16.9919 11.0301H12.992V7.03149h-1.9999v3.99861H6.99219V13.03h3.99991v3.9999h1.9999V13.03h3.9999v-1.9999Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/quote.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/quote.svg
new file mode 100644
index 000000000..05025c35e
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/quote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13.25 19H17v-1.25h2v-2h2v-11h-8v8h4v2h-2v2h-1.75V19ZM11 15.75H9v2H7V19H3.25v-2.25H5v-2h2v-2H3v-8h8v11Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/search.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/search.svg
index fa55595f6..3f1c8e694 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/search.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/search.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm10 2-4.4-4.4"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M11 5.00007h2V3H7v2.00007h4Zm4.0005 2.00031V5.00031h-2v2.00007h2ZM15 15.0004v2.0001h2v-2.0001h-2Z"/><path fill="currentColor" d="M13.0005 13.0005v2.0001h2v-2.0001h-2ZM15 11.0001v2.0001h2V6.99994h-2v4.00016ZM7.00049 5.00031h-2v2.00007h2V5.00031ZM17 17.0003v2.0001h2v-2.0001h-2Z"/><path fill="currentColor" d="M18.9995 19.0001v2h2v-2h-2ZM9 15.0004H7v2.0001h6v-2.0001H9ZM5.00001 9.00001V6.99994H3v6.00026h2.00001V9.00001Z"/><path fill="currentColor" d="M5.00049 13.0005v2.0001h2v-2.0001h-2Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/slack.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/slack.svg
index 3a393c9e8..e0ddf4bef 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/slack.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/slack.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M6 15a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2h2v2m1 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v5a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-5m2-8a2 2 0 0 1-2-2 2 2 0 0 1 2-2 2 2 0 0 1 2 2v2H9m0 1a2 2 0 0 1 2 2 2 2 0 0 1-2 2H4a2 2 0 0 1-2-2 2 2 0 0 1 2-2h5m8 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2h-2v-2m-1 0a2 2 0 0 1-2 2 2 2 0 0 1-2-2V5a2 2 0 0 1 2-2 2 2 0 0 1 2 2v5m-2 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2v-2h2m0-1a2 2 0 0 1-2-2 2 2 0 0 1 2-2h5a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-5Z" fill="currentColor"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6.79458 14.3698c0 1.0454-.84487 1.8902-1.89021 1.8902s-1.89021-.8448-1.89021-1.8902c0-1.0453.84487-1.8902 1.89021-1.8902h1.89021v1.8902Zm.9451 0c0-1.0453.84486-1.8902 1.89021-1.8902 1.04531 0 1.89021.8449 1.89021 1.8902v4.7255c0 1.0454-.8449 1.8902-1.89021 1.8902-1.04535 0-1.89021-.8448-1.89021-1.8902v-4.7255Zm1.89037-7.58939c-1.04535 0-1.89021-.84486-1.89021-1.89021C7.73984 3.84486 8.5847 3 9.63005 3s1.89025.84486 1.89025 1.8902v1.89021H9.63005Zm0 .95942c1.04535 0 1.89025.84487 1.89025 1.89021 0 1.04536-.8449 1.89016-1.89025 1.89016H4.89021C3.84487 11.5202 3 10.6754 3 9.63004c0-1.04534.84487-1.89021 1.89021-1.89021h4.73984Zm7.57545 1.89021c0-1.04534.8449-1.89021 1.8902-1.89021 1.0453 0 1.8902.84487 1.8902 1.89021 0 1.04536-.8449 1.89016-1.8902 1.89016h-1.8902V9.63004Zm-.9451 0c0 1.04536-.8449 1.89016-1.8902 1.89016-1.0454 0-1.8902-.8448-1.8902-1.89016V4.8902C12.48 3.84486 13.3248 3 14.3702 3c1.0453 0 1.8902.84486 1.8902 1.8902v4.73984Zm-1.8902 7.57506c1.0453 0 1.8902.8449 1.8902 1.8902 0 1.0454-.8449 1.8902-1.8902 1.8902-1.0454 0-1.8902-.8448-1.8902-1.8902v-1.8902h1.8902Zm0-.9451c-1.0454 0-1.8902-.8448-1.8902-1.8902 0-1.0453.8448-1.8902 1.8902-1.8902H19.11c1.0454 0 1.8902.8449 1.8902 1.8902 0 1.0454-.8448 1.8902-1.8902 1.8902h-4.7398Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/smile.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/smile.svg
new file mode 100644
index 000000000..13f523ca7
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/smile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17 3H7v2h10V3Zm.02 16.0026H7.02002v2H17.02v-2Zm-9.99998-2h-2v2h2v-2Zm0-12.0026h-2v2h2V5Zm7.99858 10.0295H9.01855v2h6.00005v-2Zm4.0019 1.9731h-2v2h2v-2Zm0-12.0026h-2v2h2V5ZM21 7h-2v10h2V7ZM4.99945 7h-1.9989c.0019 3.3352-.0019 6.6648 0 10h1.9989c-.0019-3.3352.0019-6.6648 0-10Zm6.01915.02954H9.01855v3.99876h2.00005V7.02954Zm3.9995.00128h-2v3.99878h2V7.03082ZM9.01807 13.0295h-2v2h2v-2Zm8.00003 0h-2v2h2v-2Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/smiley.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/smiley.svg
deleted file mode 100644
index 0c3e0849e..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/smiley.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14s1.5 2 4 2 4-2 4-2m-1-5h0M9 9h0"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/square.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/square.svg
new file mode 100644
index 000000000..71badf167
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M18.4287 18.4285H5.57178V21H18.4287v-2.5715Zm2.5715-12.85697h-2.5715V18.4285h2.5715V5.57153ZM18.4287 3H5.57178v2.57152H18.4287V3ZM5.57152 5.57153H3V18.4285h2.57152V5.57153Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/time.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/time.svg
new file mode 100644
index 000000000..2cd1def75
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/time.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M3.81787 20.9817H21.9996V4.61829h-5.4545v1.81803h3.6363V19.1635H5.63614v-1.8181H3.81787v3.6363Z"/><path fill="currentColor" d="M12.9088 13.709H3.81787v1.8183h9.09093V13.709Zm1.8191-9.09071h-1.8182v9.09081h1.8182V4.61829Zm-1.8191-1.8183H3.81787v1.81826h9.09093V2.79999Z"/><path fill="currentColor" d="M3.81827 4.61829H2v9.09081h1.81827V4.61829Zm5.45361 1.81793H7.45361v3.63628h1.81827V6.43622Zm1.81832 3.63628H9.27197v1.8183h1.81823v-1.8183Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/truck.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/truck.svg
deleted file mode 100644
index 28c62832d..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/truck.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-          d="M18.5 21a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm-13 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM16 8h4l3 3v5h-7V8Zm0-5H1v13h15V3Z"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/umbrella.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/umbrella.svg
deleted file mode 100644
index 2e963e5dc..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/umbrella.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 19a3 3 0 0 1-6 0v-7m11 0a11 11 0 0 0-22 0h22Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/user.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/user.svg
new file mode 100644
index 000000000..7f04e5fb4
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m3.93066 18.6247.02504-.1985c.50687-4.0199 3.92795-7.0937 8.0478-7.0937 4.1355 0 7.6024 3.1425 8.0503 7.117C20.209 19.8268 19.148 21 17.7838 21H6.22322c-1.3282 0-2.34922-1.1214-2.28617-2.3753h-.00639Zm14.57894-.0024-.0002-.0013c-.2033-1.6138-1.0012-3.0623-2.1793-4.1005-3.9362-3.4681-10.17778-1.0932-10.83264 4.1002-.05437.441.27998.8207.72576.8207H17.7838c.4524 0 .7829-.3916.7258-.8191ZM13.6371 5.23521c-1.4512-1.45125-3.94399-.41797-3.94399 1.63363 0 2.05177 2.49279 3.08488 3.94399 1.63362.9024-.90217.9024-2.36507 0-3.26725ZM12.0035 3c3.436 0 5.1677 4.17302 2.7358 6.60466-2.4318 2.43164-6.60461.70014-6.60462-2.73581M12.0035 3C9.86679 3 8.13448 4.73209 8.13468 6.86885Z" clip-rule="evenodd"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/youtube.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/youtube.svg
index 1d451f092..c549cee17 100644
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/youtube.svg
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Icons/youtube.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 23 16">
-    <path fill="currentColor" d="M22 3.1c.4 1.7.4 5.3.4 5.3s0 3.5-.5 5.2c-.2 1-1 1.7-1.9 2-1.7.4-8.5.4-8.5.4s-6.8 0-8.5-.4c-1-.3-1.7-1-2-2C.6 12 .6 8.4.6 8.4S.6 4.8 1 3c.3-1 1-1.7 2-2C4.7.7 11.5.7 11.5.7s6.8 0 8.5.4c1 .3 1.7 1 2 2ZM9.2 11.6l5.6-3.2L9.3 5v6.5Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M21.5612 7.21033C22 8.74598 22 12.0367 22 12.0367s0 3.2541-.4388 4.8263c-.2193.8775-.914 1.5356-1.755 1.755-1.5722.4022-7.7879.4022-7.7879.4022s-6.2523 0-7.82452-.4022c-.84095-.2194-1.53564-.8775-1.75502-1.755C2 15.2908 2 12.0367 2 12.0367s0-3.29072.43876-4.82637c.21938-.87752.91407-1.57221 1.75502-1.79159 1.57222-.43876 7.82452-.43876 7.82452-.43876s6.2157 0 7.7879.43876c.841.21938 1.5357.91407 1.755 1.79159ZM9.97075 14.9983l5.19195-2.9616-5.19195-2.96166v5.92326Z"/></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/flownative.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/flownative.svg
new file mode 100644
index 000000000..21a33ba23
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/flownative.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.41421" clip-rule="evenodd" viewBox="0 0 241 72">
+  <path fill="#c41225" d="M.115.098h240v71.4h-240z"/>
+  <g fill="#fff">
+    <path fill-rule="nonzero" d="M32.447 30.904v3.329h9.722v4.928h-9.722v8.324h-6.292V25.31h17.812v5.594h-11.52Z"/>
+    <path d="M46.234 23.712h6.093v23.772h-6.093z"/>
+    <path fill-rule="nonzero" d="M64.481 34.1c-2.23 0-3.396 1.765-3.396 4.395s1.166 4.361 3.396 4.361c2.264 0 3.396-1.731 3.396-4.361S66.745 34.1 64.481 34.1m0 13.784c-5.993 0-9.855-3.662-9.855-9.356 0-5.727 3.862-9.423 9.855-9.423s9.855 3.696 9.855 9.423c0 5.694-3.862 9.356-9.855 9.356m32.599-.4h-6.026L88.39 37.229l-2.73 10.255h-6.027l-4.961-18.012h6.693l1.898 10.254 2.73-10.254h4.861l2.697 10.254 1.931-10.254h6.659L97.08 47.484Zm18.149 0V36.796c0-1.231-.433-2.364-2.297-2.364-1.399 0-2.631.833-2.631 2.698v10.354h-6.093V29.472h6.093v1.664c1.365-1.298 3.23-2.031 5.061-2.031 4.162 0 5.96 2.963 5.96 6.293v12.086h-6.093Zm18.947-8.224c-.533.599-1.432.666-2.497.832-.966.167-2.065.466-2.065 1.832 0 1.165.8 1.664 1.998 1.664 1.565 0 2.564-.866 2.564-2.597V39.26Zm5.127 8.49c-1.698 0-3.263-.633-3.928-2.031-1.166 1.565-3.43 2.164-5.461 2.164-3.662 0-6.292-1.964-6.292-5.66 0-4.428 3.795-5.061 6.692-5.36 2.564-.267 3.862-.4 3.862-1.532 0-1.132-1.365-1.332-2.397-1.332-1.731 0-4.029.566-5.727 1.598l-1.831-4.561c2.597-1.365 5.26-1.931 8.057-1.931 4.761 0 7.991 1.665 7.991 6.426v7.325c0 .599.3.732.732.732.333 0 .633-.066.833-.233l.599 3.696c-.766.499-2.164.699-3.13.699m17.916-1.631c-1.332 1.032-3.097 1.765-5.46 1.765-2.398 0-4.229-.733-5.328-2.264-.832-1.166-1.132-2.498-1.132-4.362V34h-2.73v-4.528h2.73V25.31h6.093v4.162h4.828V34h-4.828v7.291c0 1.066.7 1.332 1.465 1.332.866 0 1.565-.333 2.164-.832l2.198 4.328Zm2.532-16.647h6.093v18.012h-6.093V29.472Zm0-5.76h6.093v3.896h-6.093v-3.896Zm21.177 23.772h-6.193l-6.892-18.012h6.793l3.262 10.953 3.197-10.953h6.725l-6.892 18.012Zm16.35-14.017c-1.831 0-3.129.932-3.296 2.863h6.559c-.133-1.898-1.431-2.863-3.263-2.863m9.156 6.526h-12.452c.133 1.931 1.665 2.896 3.862 2.896 2.031 0 3.629-.832 4.695-1.997l3.962 3.462c-2.031 1.998-4.861 3.53-9.023 3.53-6.692 0-10.055-3.996-10.055-9.29 0-5.46 3.563-9.489 9.722-9.489 5.926 0 9.356 3.696 9.356 9.29 0 .566-.034 1.165-.067 1.598"/>
+  </g>
+</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/heineken.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/heineken.svg
deleted file mode 100644
index b631dc417..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/heineken.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="198" height="46" viewBox="0 0 198 46" fill="currentColor">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M81.6272 21.055V45.1214H86.7843V31.8132C87.853 32.5983 94.5686 44.6773 95.8092 45.1386H99.8919C100.777 44.9782 101.198 44.2504 101.184 42.9898V20.353H95.8207C95.8207 23.1952 95.5628 30.9537 96.0356 33.3174C95.4625 33.1082 95.6516 33.3174 94.7577 31.8046L91.2137 26.3066C87.8673 21.012 88.3085 20.4103 82.2833 20.4103C81.7876 20.4103 81.6387 20.5593 81.6387 21.055H81.6272Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M177.16 45.0525H182.277L182.102 31.73C183.334 32.5551 187.792 41.1618 191.342 45.0525H195.158C196.138 44.9236 196.496 44.4795 196.516 43.1329C196.557 40.2421 196.055 23.3956 196.473 22.4129C196.521 22.1735 196.64 21.9542 196.814 21.7834C196.988 21.6127 197.21 21.4985 197.45 21.4559L197.505 20.3386H191.354V33.2313C190.761 32.7958 184.509 22.7538 184.357 22.6077C183.498 21.2697 182.294 20.4388 180.61 20.3357H177.172V45.0496L177.16 45.0525Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M129.565 21.0535V43.845C129.565 44.6358 130.376 44.991 131.485 45.1343H136.441V34.8201C137.338 35.0579 136.805 34.9318 137.817 36.4532L141.598 42.3409C143.031 44.3722 143.89 44.9796 145.584 45.1343H150.277C150.658 45.1343 151.059 45.1343 151.486 45.1343C151.305 44.3665 142.699 31.2445 142.246 30.5225C142.57 30.3048 144.094 28.5514 144.395 28.1589C145.114 27.2163 145.925 26.6633 146.667 25.7035C147.145 25.0875 147.308 24.9844 147.767 24.4429L150.841 20.4318C143.575 20.4318 144.973 19.4863 139.381 26.1619C138.499 27.2143 137.512 28.1743 136.436 29.027V20.4318H130.21C129.714 20.4318 129.565 20.5808 129.565 21.0764V21.0535Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M45.9634 42.9873C45.8832 44.5688 46.6596 45.0873 48.3271 45.1361H60.7929C61.6266 45.1361 62.1166 44.606 62.2971 43.6319V40.6236H54.1231C53.3867 40.6694 52.9255 40.4144 52.8338 39.7641V34.607H60.3574V29.8653H52.8395V25.138H62.2942C62.2942 22.611 62.8357 20.8805 61.0049 20.4106H45.9634V42.9873Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M68.3137 44.0502C68.3137 44.7435 69.093 45.1246 69.8179 45.1246H74.975V20.4106H68.3137V44.0502Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M107.844 42.9873C107.764 44.5688 108.541 45.0873 110.208 45.1361H122.674C123.508 45.1361 123.998 44.606 124.178 43.6319V40.6236H116.004C115.268 40.6694 114.807 40.4144 114.715 39.7641V34.607H122.239V29.8653H114.721V25.138H124.175C124.175 22.611 124.72 20.8805 122.886 20.4106H107.844V42.9873Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M154.839 42.9873C154.759 44.5688 155.536 45.0873 157.203 45.1361H169.669C170.503 45.1361 170.993 44.606 171.173 43.6319V40.6236H162.999C162.263 40.6694 161.801 40.4144 161.71 39.7641V34.607H169.233V29.8653H161.715V25.138H171.17C171.17 22.611 171.712 20.8805 169.881 20.4106H154.839V42.9873Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0301 22.7024L19.9356 44.7633H26.6656V34.0824H32.4903L32.4673 44.769H39.1315V20.353H32.4673V29.1659C32.4867 29.2546 32.4835 29.3467 32.458 29.4339C32.4324 29.521 32.3854 29.6003 32.3212 29.6645C32.257 29.7286 32.1777 29.7757 32.0906 29.8012C32.0035 29.8267 31.9114 29.83 31.8227 29.8106H27.3102C26.8776 29.8106 26.6685 29.5986 26.6656 29.1659V20.353H18.93C18.824 21.9947 20.076 21.2727 20.0416 22.7167L20.0301 22.7024Z" fill="currentColor"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.62035 15.8315L14.342 19.3469L12.4883 25.7704C10.6546 27.0711 8.78375 28.3747 6.99309 29.6754C6.30548 29.8961 6.31121 29.323 6.66361 28.3518L9.77506 18.4874L0.43785 11.5339C0.125559 11.2732 0.16567 10.8807 1.03378 10.8721L12.3565 11.0068C13.5025 7.49612 14.6485 3.98643 15.7945 0.477691C16.0295 -0.184136 16.465 -0.0953196 16.6541 0.411795L20.0921 11.1386H31.7156C32.0422 11.1386 32.111 11.3849 31.8675 11.5769L26.1947 15.6396H19.7712L18.0064 10.196C17.886 9.88366 17.6855 9.88939 17.5823 10.196L15.7315 15.5737L9.67478 15.6052C9.38828 15.6052 9.38828 15.7054 9.61748 15.8315H9.62035Z" fill="currentColor"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/helzle.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/helzle.svg
new file mode 100644
index 000000000..d7bf6176a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/helzle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="177.799" height="180.238" viewBox="0, 0, 177.799, 180.238"><defs><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="280.25" y1="377.003" x2="373.261" y2="377.003"><stop offset="0" stop-color="#297AAC"/><stop offset="1" stop-color="#53A9DA"/></linearGradient></defs><path d="M0 180.017h37.287L71.35 52.897H34.06zM48.717 0l-9.083 33.898H76.31L85.39 0z" fill="#B9B7B3"/><path d="M335.972 313.444H288.25l-8 28.306h47.69l-28.03 98.813H339.2l34.063-127.12z" fill="url(#a)" transform="translate(-195.462 -260.325)"/></svg>
\ No newline at end of file
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/queo.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/queo.svg
new file mode 100644
index 000000000..2cf801a6a
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/queo.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 887.24 283.46"><path fill="#495a67" d="M137.78,283.46v-40.44s.71-29.6,.71-29.6l-.72-.37c-13.16,10.23-29.97,15.72-51.16,15.72C35.08,228.78,0,195.16,0,115.49S29.23,0,88.07,0c26.68,0,47.87,8.41,63.22,24.12l6.58-20.1,36.54,.37V283.12l-56.63,.34Zm0-215.86c-5.85-9.49-19.74-16.81-37.28-16.81-31.44,0-41.67,12.79-41.67,64.69s12.06,65.78,42.39,65.78c20.47,0,33.62-9.5,36.55-19V67.61Z"></path><path fill="var(--color-logo,#495a67)" d="M428.78,147.28c0,53.72-30.33,82.23-93.19,82.23s-93.19-29.6-93.19-82.23V4.02h56.65V146.18c0,21.93,11.69,33.26,36.54,33.26s36.54-10.61,36.54-33.26V4.02h56.65V147.28Z"></path><path fill="var(--color-logo,#495a67)" d="M466.16,111.84c0-70.54,31.06-111.84,97.58-111.84,56.64,0,91.36,32.89,91.36,103.06,0,8.41-.36,19-1.46,26.68h-128.99c2.92,36.91,20.83,50.8,58.83,50.8,20.83,0,40.2-3.65,59.21-10.97l6.21,45.68c-18.64,8.41-44.22,14.25-72.36,14.25-76.38,0-110.36-40.2-110.36-117.67Zm137.04-19.74c-.73-32.53-15.34-44.95-39.1-44.95-27.41,0-38.01,12.79-40.57,44.95h79.67Z"></path><path fill="var(--color-logo,#495a67)" d="M786.01,230.6c-70.17,0-101.59-33.62-101.59-115.12S715.85,0,786.01,0s101.23,34.36,101.23,115.49-30.69,115.12-101.23,115.12Zm0-46.42c31.06,0,42.39-14.62,42.39-68.7s-11.33-68.71-42.39-68.71-42.75,14.62-42.75,68.71,11.69,68.7,42.75,68.7Z"></path></svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/sandstorm.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/sandstorm.svg
new file mode 100644
index 000000000..024878e7f
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/sandstorm.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 420 120">
+  <path d="M54.7 73.1c-3.1-4-5.8-7.4-11.4-7.3-4.3.1-10 2.4-17.6 6.9l3.7 9.8c4.9-3.1 8.7-4.6 12-4.7 4.6-.1 7.7 2.5 11.7 5.9 6.6 5.6 15.6 13.3 38.4 12.7.7 0 1.4-.1 2.2-.1l3.1-17.1c-8.3 3-15.3 4.5-21.1 4.7-12.2.3-16.9-5.6-21-10.8z"/>
+  <path d="M75.9 70.9c-5.1.1-8.1-2.6-11.7-5.8-4.6-4.2-9.8-8.9-21.1-8.6-6 .2-13.2 1.8-21.6 4.8l3.2 8.7c7.9-4.4 14.1-6.7 18.8-6.8 6.8-.2 9.9 3.8 13.2 8 3.8 4.9 7.8 10 18 9.7 6-.2 13.5-2.2 22.8-6.1l3.2-17.2c-11.2 9-19 13.1-24.8 13.3z"/>
+  <path d="M76.8 52.1c-3.8.1-7.7-.7-12.2-1.7-6.3-1.3-14.1-3-24.9-2.7-6.9.2-14.2 1.1-22.2 2.8l3 8.1c8.4-2.8 15.7-4.3 22-4.4 12.4-.2 18.5 4.6 23.4 8.5 3.4 2.7 6.4 5.1 10.6 5 5.6-.2 13.5-4.8 25.1-15l3.5-18.8c-13.5 14.7-21 18-28.3 18.2zM53.5 87.5c-4.3-3.2-7.7-5.8-12.4-5.6-3 .1-6.4 1.3-10.5 3.7l.1.2c1.5 3.9 5.9 8.3 9.9 9.6l42.9 14.3c4 1.3 7.9-1 8.7-5.1l.8-4.1c-22.5-.3-32.3-7.6-39.5-13z"/>
+  <path d="M102.7 10.4 21.4 39c-3.8 1.3-5.8 5.3-4.7 9.1 8.6-1.8 16.5-2.8 24.2-3 8.9-.2 15.7.6 21.7 1.3 4.4.5 8.3 1 12 .9 9-.2 17.3-3.6 31.8-19.4l2.3-12.6c.6-4-2.1-6.3-6-4.9zm26.6 43.8c.8-.5 1.7-.7 2.7-.7 1.7 0 3.1.3 4.2 1 1.2.7 2.1 1.4 2.8 2.2l5-4c-1.1-1.5-2.6-2.8-4.5-3.8-1.9-1.1-4.2-1.6-6.9-1.6-2.2 0-4.2.4-5.8 1.3-1.7.8-2.9 2-3.8 3.4-.9 1.4-1.3 3-1.3 4.7 0 2.7.8 4.7 2.4 6.1 1.6 1.4 3.9 2.4 7 3.2 1.7.4 2.9.8 3.8 1.2.9.4 1.5.8 1.8 1.3.3.5.5 1 .5 1.5 0 .9-.3 1.6-1 2.2-.7.6-1.6.9-2.7.9-1.6 0-3-.3-4.1-1-1.1-.7-2.3-1.7-3.5-3.2l-4.9 3.7c1.5 2.4 3.3 4 5.3 5 2.1 1 4.2 1.5 6.4 1.5 2 0 3.9-.4 5.6-1.2 1.7-.8 3.1-1.9 4.1-3.4 1-1.5 1.5-3.2 1.5-5.2 0-2.4-.8-4.3-2.4-5.7-1.6-1.4-4.2-2.6-7.9-3.5-2.2-.5-3.7-1-4.5-1.6-.8-.6-1.2-1.3-1.2-2.2.3-.9.7-1.6 1.4-2.1zm39.5-5.5c-1.8-1-4-1.5-6.7-1.5-1.9 0-3.8.2-5.7.7-1.9.5-3.8 1.1-5.5 2l2.2 5.3c1.5-.7 2.9-1.2 4.3-1.5 1.4-.3 2.7-.4 3.8-.4 2 0 3.5.5 4.3 1.5.8 1 1.3 2.1 1.3 3.3v2.3l-.1-.1c-1.8-1.3-4.2-2-7.1-2-2.2 0-4.2.4-5.9 1.3-1.7.9-3 2.1-3.9 3.6-.9 1.5-1.4 3.3-1.4 5.4 0 2.1.5 3.9 1.4 5.5.9 1.5 2.2 2.7 3.9 3.6 1.7.8 3.7 1.3 6 1.3 2.7 0 5-.6 6.9-1.9.5-.3.9-.7 1.3-1.1l.6 2.2h5.5V58.4c0-2.1-.4-4.1-1.3-5.7-.9-1.7-2.2-3-3.9-4zM165.3 72c-1 .8-2.3 1.2-4 1.2-1.7 0-3-.4-4-1.2-1-.8-1.5-1.9-1.5-3.2 0-1.4.5-2.6 1.5-3.3 1-.8 2.3-1.1 4-1.1 1.7 0 3 .4 4 1.1 1 .8 1.5 1.9 1.5 3.3s-.5 2.4-1.5 3.2zM207 51.2c-.6-1.2-1.6-2.2-2.8-2.9-1.2-.7-2.9-1.1-5.1-1.1-1.7 0-3.3.3-4.8.8s-3 1.2-4.4 2.2c-.7.5-1.4 1.1-2.1 1.7l-1.1-3.9h-5.4v30.3h7.2v-20c.4-.5.9-1 1.4-1.4 1-.8 2.1-1.4 3.3-1.9 1.2-.5 2.4-.7 3.6-.7 1.2 0 2.3.3 3.1 1 .8.7 1.3 2 1.3 4.1v18.8h7.2V60c0-1.6-.1-3.2-.3-4.7-.1-1.5-.5-2.9-1.1-4.1zm29.8-.8c-.5-.4-1-.9-1.6-1.2-2-1.3-4.4-1.9-7-1.9-2.8 0-5.2.7-7.3 2-2.1 1.3-3.8 3.2-4.9 5.5-1.2 2.4-1.8 5.1-1.8 8.2 0 3.1.6 5.9 1.8 8.3 1.2 2.4 2.8 4.2 4.9 5.6 2.1 1.3 4.5 2 7.3 2 2.7 0 5-.7 7.1-2 .9-.6 1.7-1.3 2.4-2.1l.9 3.4h5.5V36h-7.2v14.4zM235 69.9c-1.4 1.7-3.3 2.6-5.6 2.6s-4.2-.9-5.7-2.6c-1.5-1.7-2.2-4-2.2-6.8s.7-5 2.2-6.7c1.5-1.7 3.4-2.6 5.7-2.6 2.3 0 4.2.9 5.6 2.6 1.4 1.7 2.1 4 2.1 6.8 0 2.7-.7 5-2.1 6.7zm23-15.7c.8-.5 1.7-.7 2.7-.7 1.7 0 3.1.3 4.2 1 1.2.7 2.1 1.4 2.8 2.2l5-4c-1.1-1.5-2.6-2.8-4.5-3.8-1.9-1.1-4.2-1.6-6.9-1.6-2.2 0-4.2.4-5.8 1.3-1.7.8-2.9 2-3.8 3.4-.9 1.4-1.3 3-1.3 4.7 0 2.7.8 4.7 2.4 6.1s3.9 2.4 7 3.2c1.7.4 2.9.8 3.8 1.2s1.5.8 1.8 1.3c.3.5.5 1 .5 1.5 0 .9-.3 1.6-1 2.2-.7.6-1.6.9-2.7.9-1.6 0-3-.3-4.1-1-1.1-.7-2.3-1.7-3.5-3.2l-4.9 3.7c1.5 2.4 3.3 4 5.3 5 2.1 1 4.2 1.5 6.4 1.5 2 0 3.9-.4 5.6-1.2 1.7-.8 3.1-1.9 4.1-3.4 1-1.5 1.5-3.2 1.5-5.2 0-2.4-.8-4.3-2.4-5.7-1.6-1.4-4.2-2.6-7.9-3.5-2.2-.5-3.7-1-4.5-1.6s-1.2-1.3-1.2-2.2c.3-.9.7-1.6 1.4-2.1zM288.9 41h-5.8l-1.4 7H277v6.6h4.7v14.3c0 3.4.8 5.9 2.5 7.5 1.7 1.6 4 2.4 6.9 2.4 1 0 1.8-.1 2.4-.2.7-.1 1.3-.3 2-.5v-6.7c-.4.1-.9.2-1.4.3-.5.1-1.1.1-1.8.1-1 0-1.8-.3-2.4-.9-.6-.6-.9-1.5-.9-2.7V54.5h6.6V48H289v-7zm34.4 8.3c-2.4-1.3-5.1-2-8.2-2-3.1 0-5.8.7-8.2 2-2.4 1.3-4.2 3.2-5.5 5.5-1.3 2.4-2 5.2-2 8.3 0 3.1.7 5.8 2 8.2s3.1 4.2 5.5 5.5c2.4 1.3 5.1 2 8.2 2 3.1 0 5.8-.7 8.2-2 2.4-1.3 4.2-3.2 5.5-5.5s2-5.1 2-8.2c0-3.2-.7-6-2-8.3-1.3-2.4-3.1-4.2-5.5-5.5zm-2.1 20.2c-1.5 1.6-3.5 2.4-6 2.4s-4.5-.8-6-2.4c-1.5-1.6-2.3-3.8-2.3-6.4 0-2.7.8-4.8 2.3-6.4 1.5-1.6 3.5-2.4 6-2.4s4.5.8 6 2.4 2.3 3.8 2.3 6.4c0 2.6-.8 4.8-2.3 6.4zm29.4-22.2c-1.3 0-2.5.3-3.8.9-1.2.6-2.3 1.4-3.2 2.2l-.8.8-.7-3.3h-5.4v30.3h7.2V57.1c.5-.6 1-1.1 1.6-1.5 1.4-.8 3.4-1.3 6.1-1.3h2v-6.5c-.3-.2-.7-.3-1.3-.4-.5-.1-1.1-.1-1.7-.1zm52.8 8c-.2-1.5-.6-2.9-1.2-4.1-.6-1.2-1.5-2.2-2.8-2.9-1.2-.7-2.9-1.1-5-1.1-1.6 0-3.1.3-4.6.8-1.5.5-2.8 1.2-4.1 2.2-.8.6-1.5 1.2-2.2 1.9-.1-.3-.3-.6-.4-.9-.6-1.2-1.5-2.2-2.8-2.9-1.2-.7-2.9-1.1-5-1.1-1.6 0-3.1.3-4.6.8-1.5.5-2.8 1.2-4.1 2.2-.7.5-1.3 1-1.9 1.6l-1-3.9h-5.4v30.3h7.2v-20c.7-.9 1.6-1.7 2.7-2.4 1.6-1 3.2-1.5 4.8-1.5 1.2 0 2.2.3 3.1 1 .8.7 1.3 2 1.3 4.1v18.8h7.2V58.3c.7-.9 1.6-1.8 2.7-2.5 1.6-1 3.2-1.5 4.9-1.5 1.2 0 2.2.3 3 1 .8.7 1.3 2 1.3 4.1v18.8h7.2V60c-.1-1.6-.1-3.2-.3-4.7z"/>
+</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/sitegeist.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/sitegeist.svg
new file mode 100644
index 000000000..9a41af204
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/sitegeist.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 476.2 96.8">
+  <path fill="#D7FE3C" d="m160.4 31.3-2.9 7.5c-5.4-1.7-11.7-2.6-19-2.6-3.7 0-6.4.3-8.2.8-1.8.6-2.7 1.6-2.7 3.1 0 1.3.8 2.2 2.5 2.6 1.7.4 5.1.9 10.3 1.4h.1c2.2.2 4.1.4 5.6.5 1.5.2 3.1.4 4.9.7 1.8.3 3.2.6 4.4 1 1.1.4 2.3.9 3.4 1.4 1.2.6 2.1 1.3 2.7 2 .6.8 1.2 1.7 1.6 2.8.4 1.1.6 2.3.6 3.6 0 4.3-2 7.6-6 9.8-4 2.2-10 3.3-17.8 3.3-11 0-19.8-2.1-26.4-6.4l4.5-7.2c6.1 3.6 13.9 5.4 23.3 5.4 7.6 0 11.4-1.4 11.4-4.3 0-1.4-.9-2.3-2.7-2.8-1.8-.5-5.1-.9-9.9-1.3-2.1-.2-3.8-.3-5.1-.5-1.3-.1-2.9-.3-4.7-.6s-3.3-.6-4.5-.9c-1.2-.4-2.4-.8-3.7-1.5-1.3-.6-2.3-1.3-3-2.1-.7-.8-1.3-1.7-1.8-2.9s-.7-2.4-.7-3.9c0-8.1 7.6-12.2 22.7-12.2 7.5-.1 14.5 1 21.1 3.3zm8-2.2h11.1v39.1h-11.1V29.1zm51.3 8.4h-15.6v19.1c0 1.5.4 2.5 1.3 3.1.9.6 2.2.9 3.9.9 3.8 0 7.7-1.2 11.4-3.6v9.2c-4.2 1.8-8.6 2.7-13.2 2.7-2.6 0-5-.4-7-1.1-2.1-.7-3.8-2-5.1-3.7-1.3-1.7-2-3.9-2-6.4V37.5h-8.7v-8.4h8.7v-9.4l9.8-1.7.4 11.1h16.1v8.4zm29.4-9.5c8.1 0 14.3 1.8 18.4 5.3 4.1 3.5 6.2 9.4 6.2 17.6v1.5h-39c.4 2.9 1.7 4.9 4 6.2s6 1.9 11.1 1.9c3.8 0 7.5-.3 10.9-1 3.5-.6 6.4-1.5 8.9-2.5l2.8 7.5c-1.6.9-3.6 1.6-6 2.3-2.4.7-5.1 1.3-8.3 1.7-3.1.4-6.3.7-9.5.7-8.1 0-14.4-1.6-18.7-4.8-4.3-3.2-6.5-8.5-6.5-15.7 0-7.3 2.2-12.6 6.5-15.8 4.5-3.3 10.9-4.9 19.2-4.9zm-.4 8.4c-2.3 0-4.3.1-6 .4-1.7.3-3.1.8-4.3 1.4-1.2.6-2.1 1.5-2.8 2.5-.7 1-1.1 2.3-1.2 3.8h28.3c-.4-3-1.7-5.1-3.9-6.3-2.2-1.1-5.5-1.8-10.1-1.8z" class="st0"/>
+  <circle cx="173.9" cy="21.1" r="5.5" class="st0"/>
+  <path d="M286.7 74.1c5 1 9.9 1.5 14.6 1.5 12.7 0 19-3.5 19-10.4v-4.7c-.7.8-1.6 1.5-2.6 2.2s-2 1.3-3.2 1.7c-1.1.5-2.4.9-3.7 1.2-1.3.3-2.6.5-4 .7-1.4.2-2.8.2-4.3.2-2.5 0-4.8-.2-6.9-.5-2.1-.4-4.2-1-6.1-1.8-2-.9-3.6-2-5-3.4s-2.5-3.1-3.3-5.3c-.8-2.2-1.2-4.6-1.2-7.3 0-2.9.4-5.4 1.2-7.7.8-2.3 1.9-4.1 3.4-5.6 1.4-1.5 3.1-2.7 5-3.7s4-1.7 6.1-2.1c2.1-.4 4.4-.6 6.8-.6 8.2 0 14.3 2.4 18.2 7.1l.7-6.5h4.5v36.4c0 2.7-.6 5.1-1.8 7-1.2 1.9-3 3.5-5.2 4.6-2.2 1.1-4.7 1.9-7.5 2.4s-5.9.7-9.3.7c-6.1 0-11.4-.6-16-1.9l.6-4.2zm-.8-26c0 4.9 1.5 8.5 4.6 10.6 3.1 2.2 7.5 3.3 13.3 3.3 6.8 0 12.2-2.2 16.2-6.5v-15c-2.9-4.9-8.5-7.4-16.8-7.4-11.6 0-17.3 5-17.3 15zm70-19.8c15.8 0 23.6 6.8 23.6 20.3v1.6h-42c.2 4.9 1.8 8.4 4.9 10.5 3.1 2.1 7.7 3.1 13.7 3.1 4.1 0 7.9-.4 11.4-1.3 3.6-.9 6.5-2 8.7-3.5l1.8 4.1c-1.5 1.1-3.4 2.1-5.8 2.9-2.3.8-4.9 1.5-7.8 1.9-2.9.5-5.9.7-8.9.7-3.7 0-6.9-.4-9.8-1.1-2.9-.7-5.4-1.8-7.6-3.4-2.2-1.5-3.9-3.6-5-6.2-1.2-2.6-1.7-5.8-1.7-9.5 0-3.8.6-7 1.7-9.6 1.2-2.7 2.9-4.8 5.1-6.3 2.2-1.5 4.8-2.6 7.6-3.3 3-.5 6.3-.9 10.1-.9zm-.2 4.8c-5.8 0-10.2 1-13.3 3-3.1 2-4.7 5.3-4.9 9.8h36.1c-.1-2-.5-3.7-1.1-5.2-.6-1.5-1.5-2.7-2.5-3.7s-2.3-1.7-3.8-2.3c-1.5-.6-3.1-1-4.8-1.3-1.8-.2-3.7-.3-5.7-.3zM388 18.2h.2c1.6 0 2.9 1.3 2.9 2.9 0 1.6-1.3 2.9-2.9 2.9h-.2c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9zm-2.9 10.9h6v39.1h-6V29.1zm0 0h6v39.1h-6V29.1zm55.4 2.5-1.7 4.3c-5.5-2-11.8-3-18.7-3-9.7 0-14.6 2.1-14.6 6.2 0 2.1 1.4 3.5 4.2 4.4 1.7.5 5.6 1.1 11.8 1.8 2.3.3 4.1.5 5.6.7 1.4.2 3 .4 4.8.7 1.7.3 3.1.6 4.2 1 1 .4 2.1.8 3.2 1.3s1.9 1.2 2.5 1.8c.6.7 1.1 1.5 1.4 2.5.4.9.5 2 .5 3.2 0 2.8-1 5.2-3 7-2 1.9-4.6 3.2-7.8 4-3.2.8-7 1.2-11.4 1.2-9.4 0-17.5-1.9-24.5-5.8l2.5-4.1c6.7 3.5 14.2 5.2 22.6 5.2 10.4 0 15.6-2.4 15.6-7.3 0-.8-.1-1.4-.4-2-.3-.6-.8-1.1-1.5-1.5-.7-.4-1.4-.8-2.2-1.1-.7-.3-1.8-.6-3.3-.8-1.5-.3-2.8-.5-4-.6-1.2-.2-2.9-.3-5.1-.6-1.7-.2-3-.3-3.9-.4-.9-.1-2.1-.3-3.6-.5s-2.7-.4-3.5-.6c-.8-.2-1.8-.4-3-.7-1.2-.3-2.1-.6-2.7-1-.6-.3-1.3-.8-2.1-1.3s-1.3-1.1-1.7-1.7c-.4-.6-.7-1.3-.9-2.1-.3-.8-.4-1.7-.4-2.6 0-2 .5-3.7 1.6-5.2s2.6-2.6 4.6-3.4c2-.8 4.2-1.4 6.6-1.8 2.4-.4 5.1-.6 8.1-.6 7.3.1 14 1.2 20.2 3.4zm34.7 2.2h-14.5v26c0 1.5.4 2.6 1.2 3.2.8.6 2.1.9 3.9.9 3.5 0 7-.9 10.5-2.8v5c-3.8 1.6-7.5 2.4-11.3 2.4-3 0-5.5-.7-7.4-2-1.9-1.3-2.8-3.3-2.8-6.1V33.8h-8.7v-4.7h8.7V21l5.4-.9.3 9.1h14.8v4.6z" class="st0"/>
+  <g fill="#0B0B13">
+    <circle cx="48.4" cy="48.4" r="48.4" fill="#d7fe3c"/>
+    <path d="M68.3 45.6c-1-1.3-2.4-1.9-3.8-1.9h-5.8c-3.1 0-5.6-2.5-5.6-5.6v-5.9c0-1.4-.7-2.8-2-3.7-1.6-1.2-3.9-1.1-5.5 0-1.3 1-1.9 2.4-1.9 3.8v5.8c0 3.1-2.5 5.6-5.6 5.6h-5.8c-1.4 0-2.9.6-3.8 1.9-1.2 1.6-1.2 3.9 0 5.5.9 1.3 2.3 1.9 3.7 2h5.9c3.1 0 5.6 2.5 5.6 5.6v5.8c0 1.4.6 2.9 1.9 3.8 1.6 1.2 3.9 1.2 5.5 0 1.3-.9 1.9-2.3 2-3.7v-5.9c0-3.1 2.5-5.6 5.6-5.6h5.9c1.4 0 2.8-.7 3.7-2 1.2-1.6 1.2-3.9 0-5.5z"/>
+    <circle cx="32.3" cy="32.3" r="3.1"/>
+    <circle cx="19.6" cy="48.4" r="3.1"/>
+    <circle cx="9.4" cy="48.4" r="2.1"/>
+    <circle cx="87.4" cy="48.4" r="2.1"/>
+    <circle cx="19.6" cy="77.3" r="2.1"/>
+    <circle cx="19.6" cy="19.6" r="2.1"/>
+    <circle cx="48.4" cy="87.4" r="2.1"/>
+    <circle cx="48.4" cy="9.4" r="2.1"/>
+    <circle cx="77.3" cy="77.3" r="2.1"/>
+    <circle cx="77.3" cy="19.6" r="2.1"/>
+    <circle cx="19.6" cy="64.5" r="3.1"/>
+    <circle cx="19.6" cy="32.3" r="3.1"/>
+    <circle cx="77.3" cy="64.5" r="3.1"/>
+    <circle cx="77.3" cy="32.3" r="3.1"/>
+    <circle cx="32.3" cy="77.3" r="3.1"/>
+    <circle cx="32.3" cy="19.6" r="3.1"/>
+    <circle cx="64.5" cy="77.3" r="3.1"/>
+    <circle cx="64.5" cy="19.6" r="3.1"/>
+    <circle cx="64.5" cy="32.3" r="3.1"/>
+    <circle cx="64.5" cy="64.5" r="3.1"/>
+    <circle cx="32.3" cy="64.5" r="3.1"/>
+    <circle cx="77.3" cy="48.4" r="3.1"/>
+    <circle cx="48.4" cy="77.3" r="3.1"/>
+    <circle cx="48.4" cy="19.6" r="3.1"/>
+  </g>
+</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/solarwatt.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/solarwatt.svg
deleted file mode 100644
index 821737954..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/solarwatt.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="112" height="39" viewBox="0 0 112 39" fill="currentColor">
-    <path d="M-102.86 21.5551C-106.764 20.1246 -108.101 17.7911 -107.972 13.9568C-107.761 8.01191 -104.97 6.78072 -98.2866 6.78072C-95.2002 6.75625 -92.1231 7.12266 -89.1288 7.87121L-90.2896 11.7055C-92.4706 11.6352 -95.66 11.4593 -98.4155 11.4593C-101.195 11.4593 -102.179 11.7524 -102.262 13.9686C-102.32 15.7743 -101.593 16.2668 -99.6585 16.9L-94.7923 18.5885C-90.7118 20.0542 -89.4336 22.4228 -89.5744 26.2219C-89.7854 32.12 -92.3885 33.7029 -99.4591 33.7029C-102.684 33.6556 -105.896 33.2943 -109.051 32.6242L-107.843 28.5905C-103.035 28.7078 -100.937 28.7781 -99.2715 28.7781C-96.258 28.7781 -95.4255 28.3677 -95.3434 26.2571C-95.2848 24.4162 -95.9766 23.9589 -97.6885 23.396L-102.86 21.5551ZM-75.9374 33.6912C-84.1336 33.6912 -87.0299 30.6425 -87.0299 20.2301C-87.0299 9.81767 -84.1336 6.76899 -75.9374 6.76899C-67.7411 6.76899 -64.8097 9.81767 -64.8097 20.2301C-64.8097 30.6425 -67.7411 33.6912 -75.9374 33.6912ZM-75.9374 29.0713C-72.021 29.0713 -70.8601 27.1131 -70.8601 20.2301C-70.8601 13.3471 -72.021 11.3889 -75.9374 11.3889C-79.8538 11.3889 -81.0146 13.3471 -81.0146 20.2301C-81.0146 27.1131 -79.842 29.0713 -75.9374 29.0713ZM-39.4236 26.3978L-41.2997 33.1987H-47.1625L-39.6815 8.75063C-39.5718 8.30978 -39.3139 7.92005 -38.9509 7.64678C-38.588 7.37352 -38.1422 7.23334 -37.6881 7.24974H-32.2709C-31.8157 7.22817 -31.3673 7.36638 -31.0033 7.64046C-30.6393 7.91454 -30.3826 8.30725 -30.2775 8.75063L-22.7965 33.1987H-28.6242L-30.5003 26.3978H-39.4236ZM-33.9242 14.0272C-34.1118 13.2416 -34.3346 12.3739 -34.4519 11.5883H-35.472C-35.6596 12.3739 -35.8472 13.2416 -36.0348 14.0272L-38.2158 21.9655H-31.7432L-33.9242 14.0272ZM-6.34535 33.2104L-8.30356 25.2721C-8.38365 24.6148 -8.72119 24.016 -9.24214 23.6071C-9.76311 23.1983 -10.425 23.0127 -11.0825 23.0912L-15.1044 23.056V33.2104H-20.7445V7.26147C-17.4583 6.96714 -14.1584 6.85362 -10.8598 6.92142C-4.09402 6.92142 -1.26813 8.65683 -1.26813 14.59C-1.26813 18.2367 -2.54623 20.5701 -6.2281 21.0157V21.2033C-5.29271 21.4122 -4.4416 21.8972 -3.78511 22.5955C-3.12863 23.2938 -2.69704 24.1732 -2.54623 25.1197L-0.283173 33.1987H-6.34535V33.2104ZM-10.977 18.6588C-7.9635 18.6588 -7.06062 17.8263 -7.06062 14.977C-7.06062 12.0807 -7.9635 11.3303 -10.977 11.3303L-15.1044 11.3537V18.6471H-10.977V18.6588ZM36.0548 7.26147H30.2271L27.6709 25.3542C27.5184 26.4799 27.4129 27.8401 27.3309 29.0361H26.5452C26.428 27.8752 26.2052 26.5151 26.0176 25.319L23.2386 9.03205C23.1895 8.54048 22.9571 8.08541 22.5878 7.75734C22.2184 7.42928 21.7391 7.25225 21.2452 7.26147H16.2852C15.7859 7.24545 15.299 7.41919 14.9227 7.74771C14.5463 8.07623 14.3083 8.53514 14.2567 9.03205L11.4777 25.2721C11.2901 26.433 11.0673 27.7932 10.9149 29.0361H10.1644C10.0941 27.6407 9.97681 26.3978 9.82437 25.2721L7.30336 7.26147H1.44051L5.54451 31.6275C5.65141 32.0898 5.91577 32.5005 6.29228 32.7893C6.66879 33.0781 7.134 33.227 7.60822 33.2104H13.0959C13.5789 33.2429 14.0569 33.0956 14.4379 32.7969C14.8188 32.4982 15.0759 32.0691 15.1596 31.5923L17.9386 14.6721C18.1262 13.5816 18.2434 12.456 18.3841 11.3655H19.0994C19.2167 12.456 19.3574 13.5464 19.5567 14.6369L22.3709 31.5923C22.4547 32.0624 22.7068 32.486 23.0801 32.7838C23.4534 33.0816 23.9224 33.2332 24.3994 33.2104H29.887C30.3636 33.2374 30.8339 33.0924 31.2126 32.8019C31.5914 32.5114 31.8533 32.0947 31.9508 31.6275L36.0548 7.26147ZM42.7501 26.3978L40.874 33.1987H35.0112L42.4922 8.75063C42.6019 8.30978 42.8598 7.92005 43.2228 7.64678C43.5857 7.37352 44.0315 7.23334 44.4855 7.24974H49.9028C50.358 7.22817 50.8064 7.36638 51.1704 7.64046C51.5344 7.91454 51.7911 8.30725 51.8962 8.75063L59.3772 33.1987H53.5495L51.6734 26.3978H42.7501ZM48.2378 14.0272C48.0502 13.2416 47.8274 12.3739 47.7101 11.5883H46.69C46.5024 12.3739 46.3148 13.2416 46.1271 14.0272L43.9462 21.9655H50.4187L48.2378 14.0272ZM-48.1592 28.5436H-54.2566C-55.7223 28.5436 -56.2851 27.9808 -56.2851 26.6206V7.26147H-61.9955V27.6642C-61.9955 30.8653 -60.2249 33.187 -56.0506 33.187H-49.6249L-48.1592 28.5436ZM111.592 8.12917C111.594 9.11579 111.303 10.0809 110.757 10.9022C110.21 11.7235 109.432 12.3641 108.521 12.7427C107.61 13.1214 106.607 13.221 105.639 13.0291C104.671 12.8372 103.782 12.3623 103.084 11.6647C102.387 10.967 101.912 10.078 101.72 9.11023C101.528 8.14245 101.628 7.13948 102.006 6.2284C102.385 5.31732 103.026 4.53914 103.847 3.99244C104.668 3.44575 105.633 3.15516 106.62 3.15747C107.273 3.15655 107.92 3.28451 108.524 3.53404C109.127 3.78356 109.676 4.14974 110.138 4.61158C110.599 5.07343 110.966 5.62188 111.215 6.22549C111.465 6.8291 111.593 7.47602 111.592 8.12917ZM110.712 8.12917C110.705 7.31619 110.458 6.52349 110.001 5.85106C109.544 5.17862 108.898 4.65659 108.145 4.35082C107.391 4.04505 106.564 3.96924 105.768 4.13295C104.972 4.29666 104.242 4.69255 103.67 5.27069C103.098 5.84883 102.711 6.58331 102.556 7.38148C102.401 8.17964 102.487 9.00572 102.801 9.75552C103.115 10.5053 103.645 11.1452 104.322 11.5945C105 12.0438 105.795 12.2824 106.608 12.2801C107.702 12.2723 108.749 11.831 109.518 11.0529C110.288 10.2748 110.717 9.22338 110.712 8.12917ZM107.828 8.25815C108.05 8.28198 108.258 8.37896 108.42 8.53388C108.581 8.68881 108.686 8.8929 108.719 9.11413L109.305 10.8144H108.051L107.535 9.14931C107.484 8.98561 107.378 8.84468 107.234 8.75057C107.091 8.65647 106.919 8.61505 106.749 8.63338H105.565V10.8026H104.38V5.35018C105.18 5.28534 105.982 5.26186 106.784 5.27983C108.414 5.27983 109.094 5.64332 109.094 6.87452C109.094 7.63669 108.778 8.10572 107.839 8.22298V8.25815H107.828ZM106.749 7.81258C107.628 7.78913 107.886 7.61324 107.875 6.98005C107.898 6.31169 107.628 6.17098 106.749 6.17098H105.565V7.81258H106.749ZM75.9104 7.26147H56.3285V11.9283H64.0792V33.2104H69.8365V11.9283H74.3626L75.9104 7.26147ZM78.3493 7.26147L76.8016 11.9283H82.2423V33.2104H87.9996V11.9283H95.7503V7.26147H78.3493ZM-138.107 10.1929C-134.839 10.2159 -131.678 11.3594 -129.152 13.4326C-126.625 15.5058 -124.887 18.3831 -124.227 21.5838C-123.567 24.7844 -124.025 28.1147 -125.524 31.0184C-127.024 33.922 -129.475 36.223 -132.467 37.5372C-128.624 36.3456 -125.262 33.956 -122.874 30.7176C-120.486 27.4793 -119.196 23.562 -119.193 19.5383C-119.193 9.60661 -127.636 0.695077 -137.11 0.753706C-147.359 0.812334 -149.387 11.0489 -148.59 14.8597C-147.267 13.3913 -145.65 12.2172 -143.844 11.4133C-142.038 10.6093 -140.084 10.1936 -138.107 10.1929ZM-138.001 28.9306C-141.269 28.9076 -144.431 27.764 -146.957 25.6908C-149.483 23.6176 -151.222 20.7404 -151.882 17.5397C-152.542 14.339 -152.084 11.0087 -150.584 8.10511C-149.084 5.2015 -146.634 2.90042 -143.642 1.58623C-147.485 2.77536 -150.847 5.16469 -153.234 8.40387C-155.62 11.6431 -156.906 15.5617 -156.903 19.5852C-156.903 29.5168 -148.461 38.4284 -138.986 38.3698C-128.738 38.3111 -126.71 28.0746 -127.519 24.2637C-128.841 25.733 -130.458 26.9078 -132.264 27.7118C-134.07 28.5158 -136.025 28.931 -138.001 28.9306Z" fill="currentColor"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/swisscom.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/swisscom.svg
deleted file mode 100644
index ff01b6e35..000000000
--- a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/swisscom.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="150" height="47" viewBox="0 0 150 47" fill="currentColor">
-    <path d="M88.0648 18.659C86.9022 18.2258 85.6774 17.9831 84.4375 17.9402C83.0618 17.9402 81.9812 18.302 81.9812 19.5587C81.9812 22.5243 89.6261 20.6964 89.6261 26.8132C89.6261 30.9498 86.2702 32.5255 82.4858 32.5255C80.7702 32.5236 79.064 32.2719 77.421 31.7781L77.7209 28.1508C79.2038 28.6368 80.746 28.9186 82.3049 28.9886C83.7758 28.9886 84.9754 28.5412 84.9754 27.2512C84.9754 24.0761 77.3305 26.1135 77.3305 20.0299C77.3305 16.2218 80.5389 14.6652 84.0757 14.6652C85.7039 14.6471 87.3238 14.8996 88.8693 15.4125L88.0648 18.659ZM74.0983 18.659C72.9364 18.2295 71.7137 17.9868 70.4758 17.9402C69.0954 17.9402 67.9862 18.302 67.9862 19.5587C67.9862 22.5243 75.6597 20.6964 75.6597 26.8132C75.6597 30.9498 72.2704 32.5255 68.5194 32.5255C66.7858 32.5218 65.0615 32.2734 63.3974 31.7876L63.7306 28.1604C65.2236 28.6454 66.7751 28.9272 68.3432 28.9982C69.7713 28.9982 70.9804 28.5507 70.9804 27.2607C70.9804 24.0856 63.307 26.123 63.307 20.0395C63.307 16.2313 66.5439 14.6747 70.0522 14.6747C71.7004 14.6603 73.34 14.9127 74.9076 15.4221L74.0983 18.659ZM144.716 14.6128C148.048 14.6128 149.99 16.4122 149.99 20.3251V32.1304H145.554V21.239C145.554 19.4682 145.044 18.302 143.174 18.302C141.303 18.302 139.608 19.949 139.608 22.9146V32.1447H135.262V21.239C135.262 19.5872 134.724 18.302 132.835 18.302C130.854 18.302 129.326 20.1299 129.326 23.0955V32.1399H124.852V14.9841C127.789 14.6223 128.898 15.8219 129.017 17.7403C129.534 16.7756 130.308 15.9729 131.253 15.4209C132.198 14.8689 133.278 14.5892 134.372 14.6128C137.461 14.6128 138.69 16.3217 139.132 17.945C139.884 16.2361 141.803 14.6128 144.711 14.6128H144.716ZM54.3482 14.9841C53.3962 20.0775 50.9304 28.108 49.3738 32.1542H44.6945L41.4005 20.7297H41.3386L38.0445 32.1542H33.3986C31.8991 28.1699 29.2001 19.8681 28.4194 14.9841H32.8273L35.7358 26.7942H35.793L39.2727 14.9841H43.6759L47.0651 26.7037H47.127L50.0641 14.9841H54.3482ZM25.787 18.6685C24.6245 18.2353 23.3996 17.9926 22.1597 17.9497C20.784 17.9497 19.732 18.3115 19.732 19.5682C19.732 22.5338 27.3483 20.7059 27.3483 26.8228C27.3483 30.9594 24.0162 32.535 20.208 32.535C18.4924 32.5331 16.7862 32.2814 15.1432 31.7876L15.4145 28.1604C16.9076 28.6449 18.459 28.9267 20.0272 28.9982C21.4981 28.9982 22.6976 28.5507 22.6976 27.2607C22.6976 24.0856 15.0527 26.123 15.0527 20.0395C15.0527 16.2313 18.2611 14.6747 21.7979 14.6747C23.426 14.6592 25.0454 14.9117 26.5915 15.4221L25.787 18.6685ZM113.903 32.5064C109.014 32.5064 105.601 29.8407 105.601 23.8429C105.601 18.4781 109.195 14.6128 114.413 14.6128C119.268 14.6128 122.414 17.3404 122.414 23.1812C122.414 28.784 118.997 32.5017 113.903 32.5017V32.5064ZM114.079 18.3924C112.104 18.3924 110.214 19.8586 110.214 23.6287C110.214 26.8989 111.442 28.7268 114.022 28.7268C116.212 28.7268 117.887 26.956 117.887 23.4906C117.887 20.1585 116.688 18.3972 114.079 18.3972V18.3924ZM56.357 32.1447H60.7602V14.9841C58.6943 14.7699 56.357 15.3411 56.357 18.5781V32.1447ZM58.7848 12.8135C59.1491 12.821 59.5113 12.7563 59.8504 12.623C60.1896 12.4896 60.4989 12.2904 60.7606 12.0367C61.0222 11.783 61.2309 11.48 61.3747 11.1452C61.5184 10.8103 61.5943 10.4503 61.598 10.0859C61.5566 9.37918 61.2467 8.71504 60.7317 8.22935C60.2166 7.74367 59.5355 7.47314 58.8276 7.47314C58.1197 7.47314 57.4386 7.74367 56.9235 8.22935C56.4085 8.71504 56.0986 9.37918 56.0572 10.0859C56.0646 10.807 56.3543 11.4964 56.8643 12.0064C57.3742 12.5163 58.0637 12.806 58.7848 12.8135ZM99.9034 32.4493C94.81 32.4493 91.4826 29.8978 91.4826 23.8143C91.4826 18.659 94.3387 14.6747 100.594 14.6747C102.024 14.6758 103.443 14.9188 104.792 15.3935L103.84 18.9875C102.845 18.5993 101.79 18.3867 100.722 18.3591C97.5186 18.3591 96.2 20.4584 96.2 23.5953C96.2 26.6514 97.3948 28.6888 100.546 28.6888C101.743 28.6792 102.926 28.4249 104.021 27.9414L104.53 31.4782C103.65 32.0257 101.822 32.4493 99.9034 32.4493Z" fill="currentColor"/>
-    <path d="M12.913 39.2318C13.062 39.659 13.2293 40.0929 13.4212 40.5188C9.28201 38.1829 7.38895 35.0797 7.38895 32.6098C7.38895 31.2099 7.89912 30.0808 8.42765 29.2121C10.2398 31.1351 11.4043 33.1486 11.7981 35.0505C12.1253 36.632 12.511 38.0781 12.913 39.2318ZM20.9022 13.4269C23.4293 15.1329 26.529 17.2273 28.9799 19.3203C29.0969 18.5653 29.203 17.5878 29.203 16.4484C29.203 10.3088 25.3978 6.69679 21.6185 5.41117C20.6458 5.08058 19.5384 4.85475 18.5793 4.85475C18.1895 4.85475 17.7814 4.88604 17.3916 4.95542V10.9924C18.3147 11.6794 19.5289 12.4991 20.9022 13.4269ZM16.1767 0.644174C16.0237 0.60404 15.7917 0.587036 15.5101 0.59996C15.0421 0.621727 14.4374 0.72648 13.8456 0.941431C13.3769 1.11149 12.9158 1.35297 12.5375 1.67743C12.1151 2.03727 11.7947 2.49846 11.6723 3.08481C11.6403 3.2365 11.6199 3.42152 11.6186 3.58953C11.5975 5.94446 14.1034 8.33 16.1774 10.0353L16.1767 0.644174ZM30.5968 22.5072C30.0199 21.9065 29.3928 21.3059 28.7193 20.7046C24.8176 17.2253 18.8725 13.7051 16.1761 11.5951C13.847 9.77275 11.6805 7.728 10.9452 5.77236C10.7758 5.89753 10.6159 6.0152 10.4785 6.11588C9.32418 6.96139 8.16509 7.8001 7.04204 8.68439C6.30264 9.26734 5.57888 9.87138 4.88506 10.5094C4.23136 11.1101 3.56407 11.7706 2.96479 12.4875C1.85263 13.8207 0.973782 15.354 0.850662 17.0824C0.830255 17.3722 0.832976 17.6531 0.856103 17.9286C0.877871 18.2333 0.917323 18.5252 0.974462 18.8088C1.19621 19.9121 1.67509 20.8522 2.29817 21.6929C2.99608 22.633 3.87289 23.45 4.77282 24.2343C4.92655 24.3683 5.08096 24.5016 5.23537 24.6363C6.29176 25.5457 7.36582 26.4497 8.37663 27.4225C9.83571 28.8298 11.1587 30.3835 12.092 32.3153C12.9239 34.1417 13.1851 36.1157 13.7463 38.0224C13.8068 38.2264 13.8701 38.4291 13.9374 38.6311C14.0381 38.9304 14.147 39.2311 14.2694 39.5256C14.4571 39.9739 14.6782 40.4099 14.9605 40.8011V33.0547C13.2307 31.7657 13.6708 29.0618 12.7069 27.315C11.3635 24.8907 6.82709 24.1581 7.56173 20.6747C8.06237 18.3 11.3274 18.7054 12.5913 16.979C13.1994 16.1498 13.4205 15.1343 13.8361 14.2098C14.2905 13.1956 15.055 12.5487 16.1774 12.3998C16.1788 12.3984 16.1747 12.3998 16.1747 12.3998L16.1774 46.5278C17.0114 46.4591 17.8861 46.3428 18.782 46.1782C19.8894 45.9735 21.0294 45.6946 22.1729 45.3381C23.1381 45.0375 24.1034 44.6804 25.0461 44.2661C25.8869 43.8988 26.7106 43.4852 27.5017 43.0261C28.5302 42.4268 29.505 41.752 30.3927 40.9942C31.4123 40.1229 32.3184 39.1461 33.0544 38.0618C33.8224 36.9286 34.408 35.6769 34.7549 34.3015C34.944 33.5567 35.0597 32.7751 35.0964 31.9561C35.1386 31.0372 35.0413 30.1501 34.825 29.2897C34.5318 28.134 34.0258 27.0245 33.3489 25.9464C32.6123 24.771 31.6735 23.6302 30.5934 22.5099" fill="currentColor"/>
-</svg>
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/t3n.png b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/t3n.png
deleted file mode 100644
index 15776a208..000000000
Binary files a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/t3n.png and /dev/null differ
diff --git a/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/visol.svg b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/visol.svg
new file mode 100644
index 000000000..5e288795e
--- /dev/null
+++ b/DistributionPackages/Neos.Presentation/Resources/Public/Assets/Styleguide/Logos/visol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="330.191 95.776 221.618 189.918"><g fill-rule="evenodd" clip-path="url(&quot;#a&quot;)" transform="translate(330.19 95.776)"><path fill="#a148ff" d="M151.011 8.906c3.183 7.448-.274 16.065-7.722 19.248-7.447 3.183-16.065-.274-19.248-7.721-3.183-7.448.274-16.066 7.722-19.249l.005-.002c7.447-3.18 16.062.278 19.243 7.724"/><path fill="#0eba7b" d="M123.945 66.317 96.7 8.223C93.349 1.158 84.906-1.853 77.841 1.498c-7.022 3.33-10.047 11.699-6.777 18.749l27.245 58.094c3.351 7.065 11.795 10.075 18.859 6.725 7.022-3.331 10.047-11.699 6.777-18.749"/></g><path fill-rule="evenodd" d="m359.64 246.63-10.525 28.957-10.488-28.956h-8.436l13.87 38.075h10.146l13.832-38.075h-8.398Z"/><g fill-rule="evenodd" clip-path="url(&quot;#b&quot;)" transform="translate(330.19 95.776)"><path d="M67.716 145.42c-1.216 0-2.23-.392-3.04-1.178-.811-.785-1.216-1.773-1.216-2.964 0-1.165.405-2.147 1.216-2.945.81-.798 1.811-1.197 3.002-1.197 1.165 0 2.153.399 2.964 1.197.81.798 1.216 1.78 1.216 2.945 0 1.191-.399 2.179-1.197 2.964-.798.786-1.78 1.178-2.945 1.178m-4.028 5.51h7.904v38h-7.904v-38Zm47.843 38.722a21.142 21.142 0 0 1-5.852-1.216c-1.9-.684-3.566-1.615-4.997-2.793-1.431-1.178-2.502-2.565-3.211-4.161l6.726-2.888c.329.684.905 1.355 1.73 2.014.822.659 1.791 1.197 2.906 1.615a9.876 9.876 0 0 0 3.496.627c1.19 0 2.299-.171 3.325-.513 1.026-.342 1.868-.868 2.527-1.577s.988-1.558.988-2.546c0-1.115-.374-1.982-1.121-2.603-.747-.621-1.678-1.096-2.793-1.425-1.115-.329-2.23-.646-3.344-.95-2.483-.557-4.757-1.324-6.821-2.299-2.065-.975-3.705-2.229-4.921-3.762-1.216-1.533-1.824-3.414-1.824-5.643 0-2.432.659-4.541 1.976-6.327 1.317-1.786 3.046-3.16 5.187-4.123 2.14-.963 4.427-1.444 6.859-1.444 3.04 0 5.826.646 8.36 1.938 2.533 1.292 4.471 3.065 5.814 5.32l-6.27 3.724c-.38-.76-.95-1.444-1.71-2.052a9.546 9.546 0 0 0-2.584-1.463 9.718 9.718 0 0 0-3.002-.627c-1.292-.051-2.489.095-3.59.437-1.103.342-1.984.881-2.642 1.615-.659.735-.988 1.672-.988 2.812 0 1.115.392 1.944 1.178 2.489.785.545 1.78.982 2.983 1.311a91.2 91.2 0 0 1 3.705 1.102 39.403 39.403 0 0 1 6.347 2.603c1.975 1.026 3.571 2.286 4.787 3.781 1.216 1.495 1.798 3.319 1.748 5.472 0 2.382-.716 4.471-2.147 6.27-1.431 1.799-3.287 3.167-5.567 4.104-2.279.937-4.699 1.33-7.258 1.178m57.61.266c-3.496 0-6.683-.9-9.558-2.698s-5.168-4.211-6.878-7.239c-1.71-3.027-2.564-6.378-2.564-10.051 0-2.787.494-5.39 1.481-7.809.989-2.419 2.35-4.547 4.085-6.384a19.013 19.013 0 0 1 6.062-4.313c2.305-1.038 4.763-1.558 7.372-1.558 3.496 0 6.682.899 9.557 2.698s5.168 4.218 6.878 7.258 2.565 6.41 2.565 10.108c0 2.762-.494 5.346-1.482 7.752-.989 2.407-2.35 4.529-4.085 6.365a19.044 19.044 0 0 1-6.042 4.313c-2.293 1.038-4.757 1.558-7.391 1.558m0-7.904c2.103 0 3.989-.557 5.662-1.672 1.672-1.115 2.995-2.59 3.971-4.427.974-1.837 1.463-3.832 1.463-5.985 0-2.204-.501-4.23-1.501-6.08-1.001-1.849-2.337-3.325-4.009-4.427-1.672-1.102-3.534-1.653-5.586-1.653-2.078 0-3.959.557-5.644 1.672-1.684 1.115-3.014 2.597-3.989 4.446-.975 1.85-1.464 3.863-1.464 6.042 0 2.255.507 4.294 1.521 6.118 1.013 1.824 2.362 3.275 4.047 4.351a10.059 10.059 0 0 0 5.529 1.615m44.573-50.084h7.904v57h-7.904v-57z"/></g><defs><clipPath id="a"><path d="M0 0h221.618v189.918H0V0z"/></clipPath><clipPath id="b"><path d="M0 0h221.618v189.918H0V0z"/></clipPath></defs></svg>
diff --git a/DistributionPackages/Neos.Presentation/composer.json b/DistributionPackages/Neos.Presentation/composer.json
index 5e3cf30a6..b51286373 100644
--- a/DistributionPackages/Neos.Presentation/composer.json
+++ b/DistributionPackages/Neos.Presentation/composer.json
@@ -6,7 +6,7 @@
     "license": "GPL-3.0+",
     "require": {
         "neos/neos": "^8.3",
-        "carbon/eel": "^2.12",
+        "carbon/eel": "^2.21",
         "sitegeist/kaleidoscope": "^6.5",
         "sitegeist/monocle": "^7.8",
         "packagefactory/atomicfusion-proptypes": "^2.2",
diff --git a/composer.lock b/composer.lock
index 56b442e3a..392f4e056 100644
--- a/composer.lock
+++ b/composer.lock
@@ -117,16 +117,16 @@
         },
         {
             "name": "carbon/eel",
-            "version": "2.19.0",
+            "version": "2.20.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/CarbonPackages/Carbon.Eel.git",
-                "reference": "2fd748042bc2d776d0b2b60b9064e6a566358037"
+                "reference": "93f5bf9128e14567d4a554a17cd8e065e07f97f4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/CarbonPackages/Carbon.Eel/zipball/2fd748042bc2d776d0b2b60b9064e6a566358037",
-                "reference": "2fd748042bc2d776d0b2b60b9064e6a566358037",
+                "url": "https://api.github.com/repos/CarbonPackages/Carbon.Eel/zipball/93f5bf9128e14567d4a554a17cd8e065e07f97f4",
+                "reference": "93f5bf9128e14567d4a554a17cd8e065e07f97f4",
                 "shasum": ""
             },
             "require": {
@@ -170,7 +170,7 @@
             ],
             "support": {
                 "issues": "https://github.com/CarbonPackages/Carbon.Eel/issues",
-                "source": "https://github.com/CarbonPackages/Carbon.Eel/tree/2.19.0"
+                "source": "https://github.com/CarbonPackages/Carbon.Eel/tree/2.20.0"
             },
             "funding": [
                 {
@@ -182,7 +182,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2025-04-01T13:42:40+00:00"
+            "time": "2025-04-07T15:40:20+00:00"
         },
         {
             "name": "carbon/pipeline",
@@ -543,16 +543,16 @@
         },
         {
             "name": "composer/composer",
-            "version": "2.8.6",
+            "version": "2.8.8",
             "source": {
                 "type": "git",
                 "url": "https://github.com/composer/composer.git",
-                "reference": "937c775a644bd7d2c3dfbb352747488463a6e673"
+                "reference": "85ff84d6c5260ba21740a7c5c9a111890805d6e7"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/composer/composer/zipball/937c775a644bd7d2c3dfbb352747488463a6e673",
-                "reference": "937c775a644bd7d2c3dfbb352747488463a6e673",
+                "url": "https://api.github.com/repos/composer/composer/zipball/85ff84d6c5260ba21740a7c5c9a111890805d6e7",
+                "reference": "85ff84d6c5260ba21740a7c5c9a111890805d6e7",
                 "shasum": ""
             },
             "require": {
@@ -563,7 +563,7 @@
                 "composer/semver": "^3.3",
                 "composer/spdx-licenses": "^1.5.7",
                 "composer/xdebug-handler": "^2.0.2 || ^3.0.3",
-                "justinrainbow/json-schema": "^5.3",
+                "justinrainbow/json-schema": "^6.3.1",
                 "php": "^7.2.5 || ^8.0",
                 "psr/log": "^1.0 || ^2.0 || ^3.0",
                 "react/promise": "^2.11 || ^3.2",
@@ -637,7 +637,7 @@
                 "irc": "ircs://irc.libera.chat:6697/composer",
                 "issues": "https://github.com/composer/composer/issues",
                 "security": "https://github.com/composer/composer/security/policy",
-                "source": "https://github.com/composer/composer/tree/2.8.6"
+                "source": "https://github.com/composer/composer/tree/2.8.8"
             },
             "funding": [
                 {
@@ -653,7 +653,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-02-25T12:03:50+00:00"
+            "time": "2025-04-04T14:56:46+00:00"
         },
         {
             "name": "composer/metadata-minifier",
@@ -1519,26 +1519,29 @@
         },
         {
             "name": "doctrine/deprecations",
-            "version": "1.1.4",
+            "version": "1.1.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/deprecations.git",
-                "reference": "31610dbb31faa98e6b5447b62340826f54fbc4e9"
+                "reference": "459c2f5dd3d6a4633d3b5f46ee2b1c40f57d3f38"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/31610dbb31faa98e6b5447b62340826f54fbc4e9",
-                "reference": "31610dbb31faa98e6b5447b62340826f54fbc4e9",
+                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/459c2f5dd3d6a4633d3b5f46ee2b1c40f57d3f38",
+                "reference": "459c2f5dd3d6a4633d3b5f46ee2b1c40f57d3f38",
                 "shasum": ""
             },
             "require": {
                 "php": "^7.1 || ^8.0"
             },
+            "conflict": {
+                "phpunit/phpunit": "<=7.5 || >=13"
+            },
             "require-dev": {
-                "doctrine/coding-standard": "^9 || ^12",
-                "phpstan/phpstan": "1.4.10 || 2.0.3",
+                "doctrine/coding-standard": "^9 || ^12 || ^13",
+                "phpstan/phpstan": "1.4.10 || 2.1.11",
                 "phpstan/phpstan-phpunit": "^1.0 || ^2",
-                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5",
+                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.6 || ^10.5 || ^11.5 || ^12",
                 "psr/log": "^1 || ^2 || ^3"
             },
             "suggest": {
@@ -1558,9 +1561,9 @@
             "homepage": "https://www.doctrine-project.org/",
             "support": {
                 "issues": "https://github.com/doctrine/deprecations/issues",
-                "source": "https://github.com/doctrine/deprecations/tree/1.1.4"
+                "source": "https://github.com/doctrine/deprecations/tree/1.1.5"
             },
-            "time": "2024-12-07T21:18:45+00:00"
+            "time": "2025-04-07T20:06:18+00:00"
         },
         {
             "name": "doctrine/event-manager",
@@ -2311,16 +2314,16 @@
         },
         {
             "name": "firebase/php-jwt",
-            "version": "v6.11.0",
+            "version": "v6.11.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/firebase/php-jwt.git",
-                "reference": "8f718f4dfc9c5d5f0c994cdfd103921b43592712"
+                "reference": "d1e91ecf8c598d073d0995afa8cd5c75c6e19e66"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/firebase/php-jwt/zipball/8f718f4dfc9c5d5f0c994cdfd103921b43592712",
-                "reference": "8f718f4dfc9c5d5f0c994cdfd103921b43592712",
+                "url": "https://api.github.com/repos/firebase/php-jwt/zipball/d1e91ecf8c598d073d0995afa8cd5c75c6e19e66",
+                "reference": "d1e91ecf8c598d073d0995afa8cd5c75c6e19e66",
                 "shasum": ""
             },
             "require": {
@@ -2368,31 +2371,31 @@
             ],
             "support": {
                 "issues": "https://github.com/firebase/php-jwt/issues",
-                "source": "https://github.com/firebase/php-jwt/tree/v6.11.0"
+                "source": "https://github.com/firebase/php-jwt/tree/v6.11.1"
             },
-            "time": "2025-01-23T05:11:06+00:00"
+            "time": "2025-04-09T20:32:01+00:00"
         },
         {
             "name": "flownative/google-cloudstorage",
-            "version": "v6.1.0",
+            "version": "v6.1.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/flownative/flow-google-cloudstorage.git",
-                "reference": "fe304adb0b7f35c43e490e6a1dfde45fa6b70c73"
+                "reference": "fcf893c6a2810aa357c778388a020aa212a99d65"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/flownative/flow-google-cloudstorage/zipball/fe304adb0b7f35c43e490e6a1dfde45fa6b70c73",
-                "reference": "fe304adb0b7f35c43e490e6a1dfde45fa6b70c73",
+                "url": "https://api.github.com/repos/flownative/flow-google-cloudstorage/zipball/fcf893c6a2810aa357c778388a020aa212a99d65",
+                "reference": "fcf893c6a2810aa357c778388a020aa212a99d65",
                 "shasum": ""
             },
             "require": {
                 "ext-json": "*",
                 "ext-pdo": "*",
                 "ext-zlib": "*",
-                "google/cloud-storage": "^1.1",
-                "neos/flow": "^7.0 || ^8.0 || 9.0.*",
-                "php": "8.0.* || 8.1.* || 8.2.* || 8.3.*"
+                "google/cloud-storage": "^1.40",
+                "neos/flow": "^8.0 || 9.0.*",
+                "php": "^8.1"
             },
             "type": "neos-package",
             "extra": {
@@ -2475,9 +2478,9 @@
             "description": "This Flow package allows you to store assets (resources) in Google Cloud Storage and publish resources to GCS.",
             "support": {
                 "issues": "https://github.com/flownative/flow-google-cloudstorage/issues",
-                "source": "https://github.com/flownative/flow-google-cloudstorage/tree/v6.1.0"
+                "source": "https://github.com/flownative/flow-google-cloudstorage/tree/v6.1.1"
             },
-            "time": "2025-02-05T11:33:20+00:00"
+            "time": "2025-04-03T15:31:50+00:00"
         },
         {
             "name": "flownative/gravatar",
@@ -2601,20 +2604,20 @@
         },
         {
             "name": "flownative/resource-tools",
-            "version": "v2.1.0",
+            "version": "v2.2.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/flownative/flow-resource-tools.git",
-                "reference": "c73d315b208f1d5cca9ab00846670fc6b5d0d9c6"
+                "reference": "12fe5a6c2b2c461fd45ec0129c6fc322ee29f074"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/flownative/flow-resource-tools/zipball/c73d315b208f1d5cca9ab00846670fc6b5d0d9c6",
-                "reference": "c73d315b208f1d5cca9ab00846670fc6b5d0d9c6",
+                "url": "https://api.github.com/repos/flownative/flow-resource-tools/zipball/12fe5a6c2b2c461fd45ec0129c6fc322ee29f074",
+                "reference": "12fe5a6c2b2c461fd45ec0129c6fc322ee29f074",
                 "shasum": ""
             },
             "require": {
-                "neos/flow": "^7.0 || ^8.0 || dev-master"
+                "neos/flow": "^7.0 || ^8.0 || ^9.0"
             },
             "type": "neos-package",
             "extra": {
@@ -2715,9 +2718,9 @@
             "support": {
                 "email": "support@flownative.com",
                 "issues": "https://github.com/flownative/flow-resource-tools/issues",
-                "source": "https://github.com/flownative/flow-resource-tools/tree/v2.1.0"
+                "source": "https://github.com/flownative/flow-resource-tools/tree/v2.2.0"
             },
-            "time": "2022-05-30T17:22:55+00:00"
+            "time": "2025-03-04T10:17:47+00:00"
         },
         {
             "name": "flowpack/cachebuster",
@@ -3308,16 +3311,16 @@
         },
         {
             "name": "flowpack/searchplugin",
-            "version": "5.3.3",
+            "version": "5.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Flowpack/Flowpack.SearchPlugin.git",
-                "reference": "2ecb8dca46a2f81241a1d7e3237899bbe70a9b73"
+                "reference": "42481a05d78525a806d8dd040d4cf59eb85e6299"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Flowpack/Flowpack.SearchPlugin/zipball/2ecb8dca46a2f81241a1d7e3237899bbe70a9b73",
-                "reference": "2ecb8dca46a2f81241a1d7e3237899bbe70a9b73",
+                "url": "https://api.github.com/repos/Flowpack/Flowpack.SearchPlugin/zipball/42481a05d78525a806d8dd040d4cf59eb85e6299",
+                "reference": "42481a05d78525a806d8dd040d4cf59eb85e6299",
                 "shasum": ""
             },
             "require": {
@@ -3422,9 +3425,9 @@
             "description": "Plugin for search integration via content node",
             "support": {
                 "issues": "https://github.com/Flowpack/Flowpack.SearchPlugin/issues",
-                "source": "https://github.com/Flowpack/Flowpack.SearchPlugin/tree/5.3.3"
+                "source": "https://github.com/Flowpack/Flowpack.SearchPlugin/tree/5.3.4"
             },
-            "time": "2022-03-29T16:17:33+00:00"
+            "time": "2025-04-04T07:42:42+00:00"
         },
         {
             "name": "friendsofphp/proxy-manager-lts",
@@ -3740,25 +3743,26 @@
         },
         {
             "name": "google/auth",
-            "version": "v1.44.0",
+            "version": "v1.46.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/googleapis/google-auth-library-php.git",
-                "reference": "5670e56307d7a2eac931f677c0e59a4f8abb2e43"
+                "reference": "7fafae99a41984cbfb92508174263cf7bf3049b9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/googleapis/google-auth-library-php/zipball/5670e56307d7a2eac931f677c0e59a4f8abb2e43",
-                "reference": "5670e56307d7a2eac931f677c0e59a4f8abb2e43",
+                "url": "https://api.github.com/repos/googleapis/google-auth-library-php/zipball/7fafae99a41984cbfb92508174263cf7bf3049b9",
+                "reference": "7fafae99a41984cbfb92508174263cf7bf3049b9",
                 "shasum": ""
             },
             "require": {
                 "firebase/php-jwt": "^6.0",
                 "guzzlehttp/guzzle": "^7.4.5",
                 "guzzlehttp/psr7": "^2.4.5",
-                "php": "^8.1",
+                "php": "^8.0",
                 "psr/cache": "^2.0||^3.0",
-                "psr/http-message": "^1.1||^2.0"
+                "psr/http-message": "^1.1||^2.0",
+                "psr/log": "^3.0"
             },
             "require-dev": {
                 "guzzlehttp/promises": "^2.0",
@@ -3785,36 +3789,36 @@
                 "Apache-2.0"
             ],
             "description": "Google Auth Library for PHP",
-            "homepage": "http://github.com/google/google-auth-library-php",
+            "homepage": "https://github.com/google/google-auth-library-php",
             "keywords": [
                 "Authentication",
                 "google",
                 "oauth2"
             ],
             "support": {
-                "docs": "https://googleapis.github.io/google-auth-library-php/main/",
+                "docs": "https://cloud.google.com/php/docs/reference/auth/latest",
                 "issues": "https://github.com/googleapis/google-auth-library-php/issues",
-                "source": "https://github.com/googleapis/google-auth-library-php/tree/v1.44.0"
+                "source": "https://github.com/googleapis/google-auth-library-php/tree/v1.46.0"
             },
-            "time": "2024-12-04T15:34:58+00:00"
+            "time": "2025-02-12T22:21:37+00:00"
         },
         {
             "name": "google/cloud-core",
-            "version": "v1.60.0",
+            "version": "v1.62.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/googleapis/google-cloud-php-core.git",
-                "reference": "7d63ba4295b799dc63227b6c9daf9dc207650eb4"
+                "reference": "824a617d5c2b1b571673d1111856f5c2f064a0fd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/googleapis/google-cloud-php-core/zipball/7d63ba4295b799dc63227b6c9daf9dc207650eb4",
-                "reference": "7d63ba4295b799dc63227b6c9daf9dc207650eb4",
+                "url": "https://api.github.com/repos/googleapis/google-cloud-php-core/zipball/824a617d5c2b1b571673d1111856f5c2f064a0fd",
+                "reference": "824a617d5c2b1b571673d1111856f5c2f064a0fd",
                 "shasum": ""
             },
             "require": {
                 "google/auth": "^1.34",
-                "google/gax": "^1.34.0",
+                "google/gax": "^1.36.0",
                 "guzzlehttp/guzzle": "^6.5.8|^7.4.4",
                 "guzzlehttp/promises": "^1.4||^2.0",
                 "guzzlehttp/psr7": "^2.6",
@@ -3827,7 +3831,7 @@
                 "erusev/parsedown": "^1.6",
                 "google/cloud-common-protos": "~0.5",
                 "opis/closure": "^3",
-                "phpdocumentor/reflection": "^5.3.3",
+                "phpdocumentor/reflection": "^5.3.3||^6.0",
                 "phpdocumentor/reflection-docblock": "^5.3",
                 "phpspec/prophecy-phpunit": "^2.0",
                 "phpunit/phpunit": "^9.0",
@@ -3860,9 +3864,9 @@
             ],
             "description": "Google Cloud PHP shared dependency, providing functionality useful to all components.",
             "support": {
-                "source": "https://github.com/googleapis/google-cloud-php-core/tree/v1.60.0"
+                "source": "https://github.com/googleapis/google-cloud-php-core/tree/v1.62.1"
             },
-            "time": "2024-09-28T04:24:22+00:00"
+            "time": "2025-02-22T00:57:16+00:00"
         },
         {
             "name": "google/cloud-storage",
@@ -3982,20 +3986,20 @@
         },
         {
             "name": "google/gax",
-            "version": "v1.35.1",
+            "version": "v1.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/googleapis/gax-php.git",
-                "reference": "336005867c0ca3e2ad95183cf9dd74fa67915dd9"
+                "reference": "140599cf5eae2432363ce6198e9fdff851625a7a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/googleapis/gax-php/zipball/336005867c0ca3e2ad95183cf9dd74fa67915dd9",
-                "reference": "336005867c0ca3e2ad95183cf9dd74fa67915dd9",
+                "url": "https://api.github.com/repos/googleapis/gax-php/zipball/140599cf5eae2432363ce6198e9fdff851625a7a",
+                "reference": "140599cf5eae2432363ce6198e9fdff851625a7a",
                 "shasum": ""
             },
             "require": {
-                "google/auth": "^1.34.0",
+                "google/auth": "^1.45",
                 "google/common-protos": "^4.4",
                 "google/grpc-gcp": "^0.4",
                 "google/longrunning": "~0.4",
@@ -4011,7 +4015,7 @@
             },
             "require-dev": {
                 "phpspec/prophecy-phpunit": "^2.1",
-                "phpstan/phpstan": "^1.10",
+                "phpstan/phpstan": "^2.0",
                 "phpunit/phpunit": "^9.6",
                 "squizlabs/php_codesniffer": "3.*"
             },
@@ -4033,9 +4037,9 @@
             ],
             "support": {
                 "issues": "https://github.com/googleapis/gax-php/issues",
-                "source": "https://github.com/googleapis/gax-php/tree/v1.35.1"
+                "source": "https://github.com/googleapis/gax-php/tree/v1.36.0"
             },
-            "time": "2024-12-04T15:32:12+00:00"
+            "time": "2024-12-11T02:47:43+00:00"
         },
         {
             "name": "google/grpc-gcp",
@@ -4664,30 +4668,40 @@
         },
         {
             "name": "justinrainbow/json-schema",
-            "version": "5.3.0",
+            "version": "6.4.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/jsonrainbow/json-schema.git",
-                "reference": "feb2ca6dd1cebdaf1ed60a4c8de2e53ce11c4fd8"
+                "reference": "35d262c94959571e8736db1e5c9bc36ab94ae900"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/jsonrainbow/json-schema/zipball/feb2ca6dd1cebdaf1ed60a4c8de2e53ce11c4fd8",
-                "reference": "feb2ca6dd1cebdaf1ed60a4c8de2e53ce11c4fd8",
+                "url": "https://api.github.com/repos/jsonrainbow/json-schema/zipball/35d262c94959571e8736db1e5c9bc36ab94ae900",
+                "reference": "35d262c94959571e8736db1e5c9bc36ab94ae900",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.1"
+                "ext-json": "*",
+                "marc-mabe/php-enum": "^4.0",
+                "php": "^7.2 || ^8.0"
             },
             "require-dev": {
-                "friendsofphp/php-cs-fixer": "~2.2.20||~2.15.1",
+                "friendsofphp/php-cs-fixer": "3.3.0",
                 "json-schema/json-schema-test-suite": "1.2.0",
-                "phpunit/phpunit": "^4.8.35"
+                "marc-mabe/php-enum-phpstan": "^2.0",
+                "phpspec/prophecy": "^1.19",
+                "phpstan/phpstan": "^1.12",
+                "phpunit/phpunit": "^8.5"
             },
             "bin": [
                 "bin/validate-json"
             ],
             "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "6.x-dev"
+                }
+            },
             "autoload": {
                 "psr-4": {
                     "JsonSchema\\": "src/JsonSchema/"
@@ -4716,16 +4730,16 @@
                 }
             ],
             "description": "A library to validate a json schema.",
-            "homepage": "https://github.com/justinrainbow/json-schema",
+            "homepage": "https://github.com/jsonrainbow/json-schema",
             "keywords": [
                 "json",
                 "schema"
             ],
             "support": {
                 "issues": "https://github.com/jsonrainbow/json-schema/issues",
-                "source": "https://github.com/jsonrainbow/json-schema/tree/5.3.0"
+                "source": "https://github.com/jsonrainbow/json-schema/tree/6.4.1"
             },
-            "time": "2024-07-06T21:00:26+00:00"
+            "time": "2025-04-04T13:08:07+00:00"
         },
         {
             "name": "knplabs/github-api",
@@ -5029,6 +5043,79 @@
             ],
             "time": "2025-03-28T06:52:04+00:00"
         },
+        {
+            "name": "marc-mabe/php-enum",
+            "version": "v4.7.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/marc-mabe/php-enum.git",
+                "reference": "7159809e5cfa041dca28e61f7f7ae58063aae8ed"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/marc-mabe/php-enum/zipball/7159809e5cfa041dca28e61f7f7ae58063aae8ed",
+                "reference": "7159809e5cfa041dca28e61f7f7ae58063aae8ed",
+                "shasum": ""
+            },
+            "require": {
+                "ext-reflection": "*",
+                "php": "^7.1 | ^8.0"
+            },
+            "require-dev": {
+                "phpbench/phpbench": "^0.16.10 || ^1.0.4",
+                "phpstan/phpstan": "^1.3.1",
+                "phpunit/phpunit": "^7.5.20 | ^8.5.22 | ^9.5.11",
+                "vimeo/psalm": "^4.17.0 | ^5.26.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-3.x": "3.2-dev",
+                    "dev-master": "4.7-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "MabeEnum\\": "src/"
+                },
+                "classmap": [
+                    "stubs/Stringable.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Marc Bennewitz",
+                    "email": "dev@mabe.berlin",
+                    "homepage": "https://mabe.berlin/",
+                    "role": "Lead"
+                }
+            ],
+            "description": "Simple and fast implementation of enumerations with native PHP",
+            "homepage": "https://github.com/marc-mabe/php-enum",
+            "keywords": [
+                "enum",
+                "enum-map",
+                "enum-set",
+                "enumeration",
+                "enumerator",
+                "enummap",
+                "enumset",
+                "map",
+                "set",
+                "type",
+                "type-hint",
+                "typehint"
+            ],
+            "support": {
+                "issues": "https://github.com/marc-mabe/php-enum/issues",
+                "source": "https://github.com/marc-mabe/php-enum/tree/v4.7.1"
+            },
+            "time": "2024-11-28T04:54:44+00:00"
+        },
         {
             "name": "masterminds/html5",
             "version": "2.9.0",
@@ -9504,7 +9591,7 @@
                 "url": "./DistributionPackages/Neos.Presentation"
             },
             "require": {
-                "carbon/eel": "^2.12",
+                "carbon/eel": "^2.20",
                 "neos/neos": "^8.3",
                 "packagefactory/atomicfusion-proptypes": "^2.2",
                 "sitegeist/kaleidoscope": "^6.5",
@@ -11711,16 +11798,16 @@
         },
         {
             "name": "psr/log",
-            "version": "2.0.0",
+            "version": "3.0.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/php-fig/log.git",
-                "reference": "ef29f6d262798707a9edd554e2b82517ef3a9376"
+                "reference": "f16e1d5863e37f8d8c2a01719f5b34baa2b714d3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/log/zipball/ef29f6d262798707a9edd554e2b82517ef3a9376",
-                "reference": "ef29f6d262798707a9edd554e2b82517ef3a9376",
+                "url": "https://api.github.com/repos/php-fig/log/zipball/f16e1d5863e37f8d8c2a01719f5b34baa2b714d3",
+                "reference": "f16e1d5863e37f8d8c2a01719f5b34baa2b714d3",
                 "shasum": ""
             },
             "require": {
@@ -11729,7 +11816,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "2.0.x-dev"
+                    "dev-master": "3.x-dev"
                 }
             },
             "autoload": {
@@ -11755,9 +11842,9 @@
                 "psr-3"
             ],
             "support": {
-                "source": "https://github.com/php-fig/log/tree/2.0.0"
+                "source": "https://github.com/php-fig/log/tree/3.0.2"
             },
-            "time": "2021-07-14T16:41:46+00:00"
+            "time": "2024-09-11T13:17:53+00:00"
         },
         {
             "name": "psr/simple-cache",
@@ -12568,23 +12655,23 @@
         },
         {
             "name": "shel/neos-terminal",
-            "version": "1.2.2",
+            "version": "1.2.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Sebobo/Shel.Neos.Terminal.git",
-                "reference": "b7eae6ce23a11efce709b1718784aede2aacbd75"
+                "reference": "9356ac203f0595816c034b10828290b00ab6c6f7"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Sebobo/Shel.Neos.Terminal/zipball/b7eae6ce23a11efce709b1718784aede2aacbd75",
-                "reference": "b7eae6ce23a11efce709b1718784aede2aacbd75",
+                "url": "https://api.github.com/repos/Sebobo/Shel.Neos.Terminal/zipball/9356ac203f0595816c034b10828290b00ab6c6f7",
+                "reference": "9356ac203f0595816c034b10828290b00ab6c6f7",
                 "shasum": ""
             },
             "require": {
                 "neos/neos": "^8.3",
                 "neos/neos-ui": "^8.3",
                 "php": ">=8.1",
-                "symfony/console": "^4.2 || ^5.1"
+                "symfony/console": "^4.2 || ^5.1 || ^6.1"
             },
             "suggest": {
                 "shel/neos-commandbar": "The terminal provides a plugin integration for the Neos command bar"
@@ -12614,7 +12701,7 @@
             ],
             "support": {
                 "issues": "https://github.com/Sebobo/Shel.Neos.Terminal/issues",
-                "source": "https://github.com/Sebobo/Shel.Neos.Terminal/tree/1.2.2"
+                "source": "https://github.com/Sebobo/Shel.Neos.Terminal/tree/1.2.3"
             },
             "funding": [
                 {
@@ -12626,7 +12713,7 @@
                     "type": "patreon"
                 }
             ],
-            "time": "2025-03-18T22:03:27+00:00"
+            "time": "2025-04-04T09:35:18+00:00"
         },
         {
             "name": "shel/neos-workspace-module",
@@ -13238,52 +13325,47 @@
         },
         {
             "name": "symfony/console",
-            "version": "v5.4.47",
+            "version": "v6.4.20",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "c4ba980ca61a9eb18ee6bcc73f28e475852bb1ed"
+                "reference": "2e4af9c952617cc3f9559ff706aee420a8464c36"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/c4ba980ca61a9eb18ee6bcc73f28e475852bb1ed",
-                "reference": "c4ba980ca61a9eb18ee6bcc73f28e475852bb1ed",
+                "url": "https://api.github.com/repos/symfony/console/zipball/2e4af9c952617cc3f9559ff706aee420a8464c36",
+                "reference": "2e4af9c952617cc3f9559ff706aee420a8464c36",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.2.5",
-                "symfony/deprecation-contracts": "^2.1|^3",
+                "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.5|^3",
                 "symfony/polyfill-mbstring": "~1.0",
-                "symfony/polyfill-php73": "^1.9",
-                "symfony/polyfill-php80": "^1.16",
-                "symfony/service-contracts": "^1.1|^2|^3",
-                "symfony/string": "^5.1|^6.0"
+                "symfony/service-contracts": "^2.5|^3",
+                "symfony/string": "^5.4|^6.0|^7.0"
             },
             "conflict": {
-                "psr/log": ">=3",
-                "symfony/dependency-injection": "<4.4",
-                "symfony/dotenv": "<5.1",
-                "symfony/event-dispatcher": "<4.4",
-                "symfony/lock": "<4.4",
-                "symfony/process": "<4.4"
+                "symfony/dependency-injection": "<5.4",
+                "symfony/dotenv": "<5.4",
+                "symfony/event-dispatcher": "<5.4",
+                "symfony/lock": "<5.4",
+                "symfony/process": "<5.4"
             },
             "provide": {
-                "psr/log-implementation": "1.0|2.0"
+                "psr/log-implementation": "1.0|2.0|3.0"
             },
             "require-dev": {
-                "psr/log": "^1|^2",
-                "symfony/config": "^4.4|^5.0|^6.0",
-                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
-                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
-                "symfony/lock": "^4.4|^5.0|^6.0",
-                "symfony/process": "^4.4|^5.0|^6.0",
-                "symfony/var-dumper": "^4.4|^5.0|^6.0"
-            },
-            "suggest": {
-                "psr/log": "For using the console logger",
-                "symfony/event-dispatcher": "",
-                "symfony/lock": "",
-                "symfony/process": ""
+                "psr/log": "^1|^2|^3",
+                "symfony/config": "^5.4|^6.0|^7.0",
+                "symfony/dependency-injection": "^5.4|^6.0|^7.0",
+                "symfony/event-dispatcher": "^5.4|^6.0|^7.0",
+                "symfony/http-foundation": "^6.4|^7.0",
+                "symfony/http-kernel": "^6.4|^7.0",
+                "symfony/lock": "^5.4|^6.0|^7.0",
+                "symfony/messenger": "^5.4|^6.0|^7.0",
+                "symfony/process": "^5.4|^6.0|^7.0",
+                "symfony/stopwatch": "^5.4|^6.0|^7.0",
+                "symfony/var-dumper": "^5.4|^6.0|^7.0"
             },
             "type": "library",
             "autoload": {
@@ -13317,7 +13399,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v5.4.47"
+                "source": "https://github.com/symfony/console/tree/v6.4.20"
             },
             "funding": [
                 {
@@ -13333,7 +13415,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-11-06T11:30:55+00:00"
+            "time": "2025-03-03T17:16:38+00:00"
         },
         {
             "name": "symfony/deprecation-contracts",
@@ -14436,20 +14518,20 @@
         },
         {
             "name": "symfony/string",
-            "version": "v6.4.15",
+            "version": "v7.2.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/string.git",
-                "reference": "73a5e66ea2e1677c98d4449177c5a9cf9d8b4c6f"
+                "reference": "446e0d146f991dde3e73f45f2c97a9faad773c82"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/73a5e66ea2e1677c98d4449177c5a9cf9d8b4c6f",
-                "reference": "73a5e66ea2e1677c98d4449177c5a9cf9d8b4c6f",
+                "url": "https://api.github.com/repos/symfony/string/zipball/446e0d146f991dde3e73f45f2c97a9faad773c82",
+                "reference": "446e0d146f991dde3e73f45f2c97a9faad773c82",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.1",
+                "php": ">=8.2",
                 "symfony/polyfill-ctype": "~1.8",
                 "symfony/polyfill-intl-grapheme": "~1.0",
                 "symfony/polyfill-intl-normalizer": "~1.0",
@@ -14459,11 +14541,12 @@
                 "symfony/translation-contracts": "<2.5"
             },
             "require-dev": {
-                "symfony/error-handler": "^5.4|^6.0|^7.0",
-                "symfony/http-client": "^5.4|^6.0|^7.0",
-                "symfony/intl": "^6.2|^7.0",
+                "symfony/emoji": "^7.1",
+                "symfony/error-handler": "^6.4|^7.0",
+                "symfony/http-client": "^6.4|^7.0",
+                "symfony/intl": "^6.4|^7.0",
                 "symfony/translation-contracts": "^2.5|^3.0",
-                "symfony/var-exporter": "^5.4|^6.0|^7.0"
+                "symfony/var-exporter": "^6.4|^7.0"
             },
             "type": "library",
             "autoload": {
@@ -14502,7 +14585,7 @@
                 "utf8"
             ],
             "support": {
-                "source": "https://github.com/symfony/string/tree/v6.4.15"
+                "source": "https://github.com/symfony/string/tree/v7.2.0"
             },
             "funding": [
                 {
@@ -14518,7 +14601,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-11-13T13:31:12+00:00"
+            "time": "2024-11-13T13:31:26+00:00"
         },
         {
             "name": "symfony/var-exporter",
@@ -15151,16 +15234,16 @@
     "packages-dev": [
         {
             "name": "flowpack/neos-debug",
-            "version": "1.0.2",
+            "version": "1.0.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Flowpack/neos-debug.git",
-                "reference": "16bb8b8509e1aee345cd0468d8ec1f043f04e00d"
+                "reference": "d704527a94352e41d9688d4dea6620ba07fd6b0e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Flowpack/neos-debug/zipball/16bb8b8509e1aee345cd0468d8ec1f043f04e00d",
-                "reference": "16bb8b8509e1aee345cd0468d8ec1f043f04e00d",
+                "url": "https://api.github.com/repos/Flowpack/neos-debug/zipball/d704527a94352e41d9688d4dea6620ba07fd6b0e",
+                "reference": "d704527a94352e41d9688d4dea6620ba07fd6b0e",
                 "shasum": ""
             },
             "require": {
@@ -15189,9 +15272,9 @@
             "description": "Neos CMS helper package to visualize debug information for page rendering",
             "support": {
                 "issues": "https://github.com/Flowpack/neos-debug/issues",
-                "source": "https://github.com/Flowpack/neos-debug/tree/1.0.2"
+                "source": "https://github.com/Flowpack/neos-debug/tree/1.0.3"
             },
-            "time": "2025-03-28T07:23:30+00:00"
+            "time": "2025-04-03T13:03:14+00:00"
         },
         {
             "name": "roave/security-advisories",
@@ -15199,16 +15282,17 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/Roave/SecurityAdvisories.git",
-                "reference": "e0042c6cdcca60db36cb1f836fdf3de4cc30b1f9"
+                "reference": "faaee195f78e5a3aafb5461463a6cba57bf622fb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/e0042c6cdcca60db36cb1f836fdf3de4cc30b1f9",
-                "reference": "e0042c6cdcca60db36cb1f836fdf3de4cc30b1f9",
+                "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/faaee195f78e5a3aafb5461463a6cba57bf622fb",
+                "reference": "faaee195f78e5a3aafb5461463a6cba57bf622fb",
                 "shasum": ""
             },
             "conflict": {
                 "3f/pygmentize": "<1.2",
+                "adaptcms/adaptcms": "<=1.3",
                 "admidio/admidio": "<4.3.12",
                 "adodb/adodb-php": "<=5.20.20|>=5.21,<=5.21.3",
                 "aheinze/cockpit": "<2.2",
@@ -15233,7 +15317,8 @@
                 "andrewhaine/silverstripe-form-capture": ">=0.2,<=0.2.3|>=1,<1.0.2|>=2,<2.2.5",
                 "apache-solr-for-typo3/solr": "<2.8.3",
                 "apereo/phpcas": "<1.6",
-                "api-platform/core": ">=2.2,<2.2.10|>=2.3,<2.3.6|>=2.6,<2.7.10|>=3,<3.0.12|>=3.1,<3.1.3|>=3.3.8,<3.3.15",
+                "api-platform/core": "<3.4.17|>=4.0.0.0-alpha1,<4.0.22",
+                "api-platform/graphql": "<3.4.17|>=4.0.0.0-alpha1,<4.0.22",
                 "appwrite/server-ce": "<=1.2.1",
                 "arc/web": "<3",
                 "area17/twill": "<1.2.5|>=2,<2.5.3",
@@ -15307,7 +15392,7 @@
                 "codingms/additional-tca": ">=1.7,<1.15.17|>=1.16,<1.16.9",
                 "components/jquery": ">=1.0.3,<3.5",
                 "composer/composer": "<1.10.27|>=2,<2.2.24|>=2.3,<2.7.7",
-                "concrete5/concrete5": "<9.4.0.0-RC1-dev",
+                "concrete5/concrete5": "<9.4.0.0-RC2-dev",
                 "concrete5/core": "<8.5.8|>=9,<9.1",
                 "contao-components/mediaelement": ">=2.14.2,<2.21.1",
                 "contao/comments-bundle": ">=2,<4.13.40|>=5.0.0.0-RC1-dev,<5.3.4",
@@ -15338,6 +15423,7 @@
                 "devgroup/dotplant": "<2020.09.14-dev",
                 "digimix/wp-svg-upload": "<=1",
                 "directmailteam/direct-mail": "<6.0.3|>=7,<7.0.3|>=8,<9.5.2",
+                "dnadesign/silverstripe-elemental": "<5.3.12",
                 "doctrine/annotations": "<1.2.7",
                 "doctrine/cache": ">=1,<1.3.2|>=1.4,<1.4.2",
                 "doctrine/common": "<2.4.3|>=2.5,<2.5.1",
@@ -15350,9 +15436,25 @@
                 "dolibarr/dolibarr": "<19.0.2|==21.0.0.0-beta",
                 "dompdf/dompdf": "<2.0.4",
                 "doublethreedigital/guest-entries": "<3.1.2",
+                "drupal/ai": "<1.0.5",
+                "drupal/alogin": "<2.0.6",
+                "drupal/cache_utility": "<1.2.1",
+                "drupal/config_split": "<1.10|>=2,<2.0.2",
                 "drupal/core": ">=6,<6.38|>=7,<7.102|>=8,<10.3.14|>=10.4,<10.4.5|>=11,<11.0.13|>=11.1,<11.1.5",
                 "drupal/core-recommended": ">=7,<7.102|>=8,<10.2.11|>=10.3,<10.3.9|>=11,<11.0.8",
                 "drupal/drupal": ">=5,<5.11|>=6,<6.38|>=7,<7.102|>=8,<10.2.11|>=10.3,<10.3.9|>=11,<11.0.8",
+                "drupal/formatter_suite": "<2.1",
+                "drupal/gdpr": "<3.0.1|>=3.1,<3.1.2",
+                "drupal/google_tag": "<1.8|>=2,<2.0.8",
+                "drupal/ignition": "<1.0.4",
+                "drupal/link_field_display_mode_formatter": "<1.6",
+                "drupal/matomo": "<1.24",
+                "drupal/oauth2_client": "<4.1.3",
+                "drupal/oauth2_server": "<2.1",
+                "drupal/obfuscate": "<2.0.1",
+                "drupal/rapidoc_elements_field_formatter": "<1.0.1",
+                "drupal/spamspan": "<3.2.1",
+                "drupal/tfa": "<1.10",
                 "duncanmcclean/guest-entries": "<3.1.2",
                 "dweeves/magmi": "<=0.7.24",
                 "ec-cube/ec-cube": "<2.4.4|>=2.11,<=2.17.1|>=3,<=3.0.18.0-patch4|>=4,<=4.1.2",
@@ -15445,7 +15547,7 @@
                 "gilacms/gila": "<=1.15.4",
                 "gleez/cms": "<=1.3|==2",
                 "globalpayments/php-sdk": "<2",
-                "goalgorilla/open_social": "<12.3.8|>=12.4,<12.4.5|>=13.0.0.0-alpha1,<13.0.0.0-alpha11",
+                "goalgorilla/open_social": "<12.3.11|>=12.4,<12.4.10|>=13.0.0.0-alpha1,<13.0.0.0-alpha11",
                 "gogentooss/samlbase": "<1.2.7",
                 "google/protobuf": "<3.15",
                 "gos/web-socket-bundle": "<1.10.4|>=2,<2.6.1|>=3,<3.3",
@@ -15505,11 +15607,13 @@
                 "johnbillion/wp-crontrol": "<1.16.2",
                 "joomla/application": "<1.0.13",
                 "joomla/archive": "<1.1.12|>=2,<2.0.1",
+                "joomla/database": ">=1,<2.2|>=3,<3.4",
                 "joomla/filesystem": "<1.6.2|>=2,<2.0.1",
                 "joomla/filter": "<1.4.4|>=2,<2.0.1",
                 "joomla/framework": "<1.5.7|>=2.5.4,<=3.8.12",
                 "joomla/input": ">=2,<2.0.2",
-                "joomla/joomla-cms": ">=2.5,<3.9.12",
+                "joomla/joomla-cms": ">=2.5,<3.9.12|>=4,<4.4.13|>=5,<5.2.6",
+                "joomla/joomla-platform": "<1.5.4",
                 "joomla/session": "<1.3.1",
                 "joyqi/hyper-down": "<=2.4.27",
                 "jsdecena/laracom": "<2.0.9",
@@ -15583,6 +15687,7 @@
                 "mediawiki/data-transfer": ">=1.39,<1.39.11|>=1.41,<1.41.3|>=1.42,<1.42.2",
                 "mediawiki/matomo": "<2.4.3",
                 "mediawiki/semantic-media-wiki": "<4.0.2",
+                "mehrwert/phpmyadmin": "<3.2",
                 "melisplatform/melis-asset-manager": "<5.0.1",
                 "melisplatform/melis-cms": "<5.0.1",
                 "melisplatform/melis-front": "<5.0.1",
@@ -15700,7 +15805,7 @@
                 "phpxmlrpc/extras": "<0.6.1",
                 "phpxmlrpc/phpxmlrpc": "<4.9.2",
                 "pi/pi": "<=2.5",
-                "pimcore/admin-ui-classic-bundle": "<1.7.4",
+                "pimcore/admin-ui-classic-bundle": "<1.7.6",
                 "pimcore/customer-management-framework-bundle": "<4.2.1",
                 "pimcore/data-hub": "<1.2.4",
                 "pimcore/data-importer": "<1.8.9|>=1.9,<1.9.3",
@@ -15765,8 +15870,8 @@
                 "serluck/phpwhois": "<=4.2.6",
                 "sfroemken/url_redirect": "<=1.2.1",
                 "sheng/yiicms": "<1.2.1",
-                "shopware/core": "<=6.5.8.12|>=6.6,<=6.6.5",
-                "shopware/platform": "<=6.5.8.12|>=6.6,<=6.6.5",
+                "shopware/core": "<6.5.8.17-dev|>=6.6,<6.6.10.3-dev|>=6.7.0.0-RC1-dev,<6.7.0.0-RC2-dev",
+                "shopware/platform": "<6.5.8.17-dev|>=6.6,<6.6.10.3-dev|>=6.7.0.0-RC1-dev,<6.7.0.0-RC2-dev",
                 "shopware/production": "<=6.3.5.2",
                 "shopware/shopware": "<=5.7.17",
                 "shopware/storefront": "<=6.4.8.1|>=6.5.8,<6.5.8.7-dev",
@@ -15779,7 +15884,7 @@
                 "silverstripe/cms": "<4.11.3",
                 "silverstripe/comments": ">=1.3,<3.1.1",
                 "silverstripe/forum": "<=0.6.1|>=0.7,<=0.7.3",
-                "silverstripe/framework": "<5.3.8",
+                "silverstripe/framework": "<5.3.23",
                 "silverstripe/graphql": ">=2,<2.0.5|>=3,<3.8.2|>=4,<4.3.7|>=5,<5.1.3",
                 "silverstripe/hybridsessions": ">=1,<2.4.1|>=2.5,<2.5.1",
                 "silverstripe/recipe-cms": ">=4.5,<4.5.3",
@@ -15802,6 +15907,7 @@
                 "simplesamlphp/xml-security": "==1.6.11",
                 "simplito/elliptic-php": "<1.0.6",
                 "sitegeist/fluid-components": "<3.5",
+                "sjbr/sr-feuser-register": "<2.5.21",
                 "sjbr/sr-freecap": "<2.4.6|>=2.5,<2.5.3",
                 "slim/psr7": "<1.4.1|>=1.5,<1.5.1|>=1.6,<1.6.1",
                 "slim/slim": "<2.6",
@@ -15917,6 +16023,7 @@
                 "typo3/cms-dashboard": ">=10,<=10.4.47|>=11,<=11.5.41|>=12,<=12.4.24|>=13,<=13.4.2",
                 "typo3/cms-extbase": "<6.2.24|>=7,<7.6.8|==8.1.1",
                 "typo3/cms-extensionmanager": ">=10,<=10.4.47|>=11,<=11.5.41|>=12,<=12.4.24|>=13,<=13.4.2",
+                "typo3/cms-felogin": ">=4.2,<4.2.3",
                 "typo3/cms-fluid": "<4.3.4|>=4.4,<4.4.1",
                 "typo3/cms-form": ">=8,<=8.7.39|>=9,<=9.5.24|>=10,<=10.4.47|>=11,<=11.5.41|>=12,<=12.4.24|>=13,<=13.4.2",
                 "typo3/cms-frontend": "<4.3.9|>=4.4,<4.4.5",
@@ -15951,7 +16058,7 @@
                 "vufind/vufind": ">=2,<9.1.1",
                 "waldhacker/hcaptcha": "<2.1.2",
                 "wallabag/tcpdf": "<6.2.22",
-                "wallabag/wallabag": "<2.6.7",
+                "wallabag/wallabag": "<2.6.11",
                 "wanglelecc/laracms": "<=1.0.3",
                 "web-auth/webauthn-framework": ">=3.3,<3.3.4|>=4.5,<4.9",
                 "web-auth/webauthn-lib": ">=4.5,<4.9",
@@ -16072,7 +16179,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-04-01T21:04:55+00:00"
+            "time": "2025-04-10T10:06:00+00:00"
         },
         {
             "name": "shel/nodetypes-analyzer",
diff --git a/package.json b/package.json
index e5d3d86ca..202a4ce15 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,7 @@
 {
   "license": "UNLICENSED",
   "private": true,
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610",
   "scripts": {
     "setPackageManager": "node Build/Carbon.Pipeline/setPackageManager.js",
     "postinstall": "touch ./node_modules/.metadata_never_index; mkdir -p ./Packages; touch ./Packages/.metadata_never_index",
@@ -17,25 +18,21 @@
     "pipeline": "yarn install;yarn build"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.21",
+    "@tailwindcss/postcss": "^4.1.3",
     "carbon-pipeline": "^0.2.1",
-    "color": "^5.0.0",
-    "cssnano": "^7.0.6",
     "esbuild": "^0.25.2",
-    "eslint": "^9.23.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.5",
+    "eslint": "^9.24.0",
+    "eslint-config-prettier": "^10.1.2",
+    "eslint-plugin-prettier": "^5.2.6",
     "globals": "^16.0.0",
     "postcss": "^8.5.3",
-    "postcss-assets": "^6.0.0",
-    "postcss-clip-path-polyfill": "~1.1.0",
     "postcss-import": "^16.1.0",
-    "postcss-reporter": "^7.1.0",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "stylelint": "^16.17.0",
-    "stylelint-config-standard": "^37.0.0",
-    "tailwindcss": "^3.4.14"
+    "stylelint": "^16.18.0",
+    "stylelint-config-tailwindcss": "^1.0.0",
+    "tailwindcss": "^4.1.3",
+    "tailwindcss-hocus": "^1.0.0"
   },
   "dependencies": {
     "@alpinejs/collapse": "^3.14.9",
@@ -44,8 +41,6 @@
     "@floating-ui/dom": "^1.6.13",
     "@marcreichel/alpine-typewriter": "^1.2.1",
     "@ryangjchandler/alpine-clipboard": "^2.3.0",
-    "alpinejs": "^3.14.9",
-    "atropos": "^2.0.2"
-  },
-  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
+    "alpinejs": "^3.14.9"
+  }
 }
diff --git a/pipeline.yaml b/pipeline.yaml
index e5e7894d0..fa58e5ceb 100644
--- a/pipeline.yaml
+++ b/pipeline.yaml
@@ -19,6 +19,8 @@
 
 packages:
   - package: Neos.Presentation
+    folder:
+      input: Assets
 
 # Pass options to the postcss config file
 # In this example, you would have access to the key `prefix` with `ctx.prefix` in your postcss config file (`.postcssrc.js`)
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
deleted file mode 100644
index c4057a80d..000000000
--- a/tailwind.config.mjs
+++ /dev/null
@@ -1,211 +0,0 @@
-const content = require('./Build/Carbon.Pipeline/content');
-const plugin = require('tailwindcss/plugin');
-const defaultTheme = require('tailwindcss/defaultTheme');
-const Color = require('color');
-
-const pxToRem = (px) => `${px / 16}rem`;
-
-const getRgbChannels = (color) => Color(color).rgb().array().splice(0, 3).join(' ');
-
-/** @type {import("tailwindcss").Config} */
-module.exports = {
-    content,
-    theme: {
-        gradients: {
-            blue: '#26224C 0%, #0114C2 100%',
-            'blue-inside': '#26224C 0%, #0114C2 50%, #26224C 100%',
-            'blue-outside': '#26224C 0%, #0114C2 50%, #26224C 100%',
-        },
-        colors: {
-            primary: {
-                dark: '#26224C',
-                DEFAULT: '#0114C2',
-                light: '#00CFFD',
-            },
-            accent: {
-                green: {
-                    DEFAULT: '#35BA34',
-                    dark: '#1D751D',
-                },
-                purple: {
-                    DEFAULT: '#8A3FFC',
-                    dark: '#602CB0',
-                },
-                yellow: {
-                    DEFAULT: '#F1C21B',
-                    dark: '#B08C0E',
-                }
-            },
-            neutral: {
-                90: '#161616',
-                80: '#363636',
-                70: '#545454',
-                60: '#676767',
-                50: '#8F8F8F',
-                40: '#AFAFAF',
-                30: '#D4D4D4',
-                20: '#E5E5E5',
-                10: '#F0F0F0',
-                05: '#F8F8F8',
-            },
-            transparent: 'transparent',
-            current: 'currentColor',
-            black: '#000',
-            white: '#fff',
-            fg: 'rgb(var(--n-fg) / <alpha-value>)',
-            bg: 'rgb(var(--n-bg) / <alpha-value>)',
-
-
-            darkblue: '#26224C',
-            lightblue: '#009FE3',
-            gray: {
-                DEFAULT: '#989898',
-                light: '#F1F1F1',
-                dark: '#242424',
-            },
-            green: {
-                DEFAULT: '#2AA72A',
-                dark: '#1D751D',
-            },
-            accent: {
-                purple: '#8A3FFC',
-                blue: '#0114C2',
-                lightblue: '#00CFFD',
-                green: '#35BA34',
-                yellow: '#F1C21B',
-                orange: '#FF832B',
-                red: '#FA4D56',
-            },
-        },
-        fontSize: {
-            '10xl': pxToRem(72),
-            '9xl': pxToRem(64),
-            '8xl': pxToRem(57),
-            '7xl': pxToRem(45),
-            '6xl': pxToRem(40),
-            '5xl': pxToRem(36),
-            '4xl': pxToRem(32),
-            '3xl': pxToRem(28),
-            '2xl': pxToRem(24),
-            xl: pxToRem(22),
-            lg: pxToRem(20),
-            md: pxToRem(18),
-            base: pxToRem(16),
-            sm: pxToRem(14),
-            xs: pxToRem(12),
-            xxs: pxToRem(10),
-        },
-        screens: {
-            // Mobile
-            // from 0px to 474px
-            xxs: '375px',
-            // Tablet
-            xs: '475px',
-            sm: '640px',
-            // Desktop
-            md: '768px',
-            mdl: '864px',
-            lg: '1024px',
-            xl: '1280px',
-            '2xl': '1440px',
-            // Widescreen
-            '3xl': '1600px',
-            '4xl': '1920px',
-            '5xl': '2160px',
-        },
-        extend: {
-            aspectRatio: {
-                portrait: '5 / 7',
-            },
-            fontFamily: {
-                sans: ['"Bricolage Grotesque"', ...defaultTheme.fontFamily.sans],
-                'sans-semibold': ['"Bricolage Grotesque Semibold"', ...defaultTheme.fontFamily.sans],
-            },
-            fontWeight: {
-                inherit: 'inherit',
-            },
-            lineHeight: {
-                auto: 'normal',
-            },
-            spacing: {
-                'spacing-x': 'var(--n-spacing--x)',
-                'spacing-y': 'var(--n-spacing--y)',
-                'spacing-y-small': 'var(--n-spacing--y-small)',
-            },
-            minHeight: defaultTheme.spacing,
-            minWidth: defaultTheme.spacing,
-            supports: {
-                dvh: 'height: 100dvh',
-            },
-            backgroundImage: {
-                'pattern-pixels': "url('../Assets/Pattern/pattern-pixels.png')",
-            },
-            zIndex: {
-                navigation: 100,
-            },
-            animation: {
-                'infinite-scroll': 'infinite-scroll 15s linear infinite',
-            },
-            keyframes: {
-                'infinite-scroll': {
-                    from: { transform: 'translateX(0)' },
-                    to: { transform: 'translateX(-100%)' },
-                },
-            },
-        },
-    },
-    plugins: [
-        plugin(({ addUtilities, e, theme }) => {
-            const gradients = theme('gradients', {});
-            const utilities = Object.entries(gradients).map(([name, gradient]) => ({
-                [`.${e(`gradient-${name}`)}`]: {
-                    '--tw-gradient-stops': gradient,
-                },
-            }));
-
-            addUtilities(utilities);
-        }),
-
-        // Create color css variables
-        plugin(({ addBase, theme }) => {
-            function extractColorVars(colorObj, colorGroup = '') {
-                const result = [];
-                for (const [colorKey, value] of Object.entries(colorObj)) {
-                    const cssVariable =
-                        colorKey === 'DEFAULT' ? `--color${colorGroup}` : `--color${colorGroup}-${colorKey}`;
-
-                    if (typeof value === 'string') {
-                        if (!(value.includes('var(') || value === 'currentColor')) {
-                            result.push([cssVariable, getRgbChannels(value)]);
-                        }
-                    } else {
-                        result.push(...extractColorVars(value, `-${colorKey}`));
-                    }
-                }
-                return result;
-            }
-
-            addBase({
-                ':root': Object.fromEntries(extractColorVars(theme('colors'))),
-            });
-        }),
-
-        // Add scrollbar variants and utilities
-        plugin(({ addVariant, addUtilities }) => {
-            addVariant('scrollbar', '&::-webkit-scrollbar');
-            addVariant('scrollbar-track', '&::-webkit-scrollbar-track');
-            addVariant('scrollbar-thumb', '&::-webkit-scrollbar-thumb');
-
-            addUtilities({
-                // Add utility to hide the scrollbar
-                '.hide-scrollbar': {
-                    '-ms-overflow-style': 'none', // for Internet Explorer, Edge
-                    'scrollbar-width': 'none', // for Firefox
-                    '&::-webkit-scrollbar': {
-                        display: 'none', // for Chrome, Safari, and Opera
-                    },
-                },
-            });
-        }),
-    ],
-};
diff --git a/yarn.lock b/yarn.lock
index e3e6016a0..a921673c5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -201,10 +201,10 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
-"@eslint/config-array@^0.19.2":
-  version "0.19.2"
-  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.19.2.tgz#3060b809e111abfc97adb0bb1172778b90cb46aa"
-  integrity sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==
+"@eslint/config-array@^0.20.0":
+  version "0.20.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.20.0.tgz#7a1232e82376712d3340012a2f561a2764d1988f"
+  integrity sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==
   dependencies:
     "@eslint/object-schema" "^2.1.6"
     debug "^4.3.1"
@@ -237,10 +237,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.23.0":
-  version "9.23.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.23.0.tgz#c09ded4f3dc63b40b933bcaeb853fceddb64da30"
-  integrity sha512-35MJ8vCPU0ZMxo7zfev2pypqTwWTofFZO6m4KAtdoFhRpLJUpHTZZ+KB3C7Hb1d7bULYwO4lJXGCi5Se+8OMbw==
+"@eslint/js@9.24.0":
+  version "9.24.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.24.0.tgz#685277980bb7bf84ecc8e4e133ccdda7545a691e"
+  integrity sha512-uIY/y3z0uvOGX8cp1C2fiC4+ZmBhp6yZWkojtHL1YEMnRt1Y63HB9TM17proGEmeG7HeUY+UP36F0aknKYTpYA==
 
 "@eslint/object-schema@^2.1.6":
   version "2.1.6"
@@ -315,38 +315,6 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
-"@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
-  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
-  dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
-"@jridgewell/resolve-uri@^3.1.0":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
-  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
-
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
-
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
-  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
-
-"@jridgewell/trace-mapping@^0.3.24":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.1.0"
-    "@jridgewell/sourcemap-codec" "^1.4.14"
-
 "@keyv/serialize@^1.0.3":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.0.3.tgz#e0fe3710e2a379cb0490cd41e5a5ffa2bab58bf6"
@@ -380,11 +348,6 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@pkgjs/parseargs@^0.11.0":
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
-  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
-
 "@pkgr/core@^0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.0.tgz#8dff61038cb5884789d8b323d9869e5363b976f7"
@@ -395,10 +358,98 @@
   resolved "https://registry.yarnpkg.com/@ryangjchandler/alpine-clipboard/-/alpine-clipboard-2.3.0.tgz#44d7a9e8c4446fd24ece2d6be0d23fac7dd59b20"
   integrity sha512-r1YL/LL851vSemjgcca+M6Yz9SNtA9ATul8nJ0n0sAS1W3V1GUWvH0Od2XdQF1r36YJF+/4sUc0eHF/Zexw7dA==
 
-"@trysound/sax@0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
-  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+"@tailwindcss/node@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/node/-/node-4.1.3.tgz#f290886582ce8eb1978853d07ca4da45f2d43fdb"
+  integrity sha512-H/6r6IPFJkCfBJZ2dKZiPJ7Ueb2wbL592+9bQEl2r73qbX6yGnmQVIfiUvDRB2YI0a3PWDrzUwkvQx1XW1bNkA==
+  dependencies:
+    enhanced-resolve "^5.18.1"
+    jiti "^2.4.2"
+    lightningcss "1.29.2"
+    tailwindcss "4.1.3"
+
+"@tailwindcss/oxide-android-arm64@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.3.tgz#6c1834e7de84aa5544f4c8aacb380e00e019a11f"
+  integrity sha512-cxklKjtNLwFl3mDYw4XpEfBY+G8ssSg9ADL4Wm6//5woi3XGqlxFsnV5Zb6v07dxw1NvEX2uoqsxO/zWQsgR+g==
+
+"@tailwindcss/oxide-darwin-arm64@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.3.tgz#ed3abd4a59f05a1ac58337b63d6fe82bb9903462"
+  integrity sha512-mqkf2tLR5VCrjBvuRDwzKNShRu99gCAVMkVsaEOFvv6cCjlEKXRecPu9DEnxp6STk5z+Vlbh1M5zY3nQCXMXhw==
+
+"@tailwindcss/oxide-darwin-x64@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.3.tgz#d8a0786f4eae8203f8345fcf5b03f3284eee82af"
+  integrity sha512-7sGraGaWzXvCLyxrc7d+CCpUN3fYnkkcso3rCzwUmo/LteAl2ZGCDlGvDD8Y/1D3ngxT8KgDj1DSwOnNewKhmg==
+
+"@tailwindcss/oxide-freebsd-x64@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.3.tgz#e76520e5341c3a44959901b8fefee78d4fc2f074"
+  integrity sha512-E2+PbcbzIReaAYZe997wb9rId246yDkCwAakllAWSGqe6VTg9hHle67hfH6ExjpV2LSK/siRzBUs5wVff3RW9w==
+
+"@tailwindcss/oxide-linux-arm-gnueabihf@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.3.tgz#130c276e590b6ba621c443ac7faa702a709620c7"
+  integrity sha512-GvfbJ8wjSSjbLFFE3UYz4Eh8i4L6GiEYqCtA8j2Zd2oXriPuom/Ah/64pg/szWycQpzRnbDiJozoxFU2oJZyfg==
+
+"@tailwindcss/oxide-linux-arm64-gnu@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.3.tgz#55e736a89d8547835026df3c5d6ce50467d71241"
+  integrity sha512-35UkuCWQTeG9BHcBQXndDOrpsnt3Pj9NVIB4CgNiKmpG8GnCNXeMczkUpOoqcOhO6Cc/mM2W7kaQ/MTEENDDXg==
+
+"@tailwindcss/oxide-linux-arm64-musl@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.3.tgz#4ff54e4a40fede7a66e209b07f9b5da432d96678"
+  integrity sha512-dm18aQiML5QCj9DQo7wMbt1Z2tl3Giht54uVR87a84X8qRtuXxUqnKQkRDK5B4bCOmcZ580lF9YcoMkbDYTXHQ==
+
+"@tailwindcss/oxide-linux-x64-gnu@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.3.tgz#66477a71fbaad552be882e8b7a56bb7519b47838"
+  integrity sha512-LMdTmGe/NPtGOaOfV2HuO7w07jI3cflPrVq5CXl+2O93DCewADK0uW1ORNAcfu2YxDUS035eY2W38TxrsqngxA==
+
+"@tailwindcss/oxide-linux-x64-musl@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.3.tgz#403145ce43361e7d63886c878fdb09cd868920da"
+  integrity sha512-aalNWwIi54bbFEizwl1/XpmdDrOaCjRFQRgtbv9slWjmNPuJJTIKPHf5/XXDARc9CneW9FkSTqTbyvNecYAEGw==
+
+"@tailwindcss/oxide-win32-arm64-msvc@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.3.tgz#0cc2bc59c228ce1d64156089af21acc4302081da"
+  integrity sha512-PEj7XR4OGTGoboTIAdXicKuWl4EQIjKHKuR+bFy9oYN7CFZo0eu74+70O4XuERX4yjqVZGAkCdglBODlgqcCXg==
+
+"@tailwindcss/oxide-win32-x64-msvc@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.3.tgz#9bd5108b95b03dace8a2e5e738b1b2389f8a6d09"
+  integrity sha512-T8gfxECWDBENotpw3HR9SmNiHC9AOJdxs+woasRZ8Q/J4VHN0OMs7F+4yVNZ9EVN26Wv6mZbK0jv7eHYuLJLwA==
+
+"@tailwindcss/oxide@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/oxide/-/oxide-4.1.3.tgz#d01162137fcefe7d4c2a34500b9ed5c142388352"
+  integrity sha512-t16lpHCU7LBxDe/8dCj9ntyNpXaSTAgxWm1u2XQP5NiIu4KGSyrDJJRlK9hJ4U9yJxx0UKCVI67MJWFNll5mOQ==
+  optionalDependencies:
+    "@tailwindcss/oxide-android-arm64" "4.1.3"
+    "@tailwindcss/oxide-darwin-arm64" "4.1.3"
+    "@tailwindcss/oxide-darwin-x64" "4.1.3"
+    "@tailwindcss/oxide-freebsd-x64" "4.1.3"
+    "@tailwindcss/oxide-linux-arm-gnueabihf" "4.1.3"
+    "@tailwindcss/oxide-linux-arm64-gnu" "4.1.3"
+    "@tailwindcss/oxide-linux-arm64-musl" "4.1.3"
+    "@tailwindcss/oxide-linux-x64-gnu" "4.1.3"
+    "@tailwindcss/oxide-linux-x64-musl" "4.1.3"
+    "@tailwindcss/oxide-win32-arm64-msvc" "4.1.3"
+    "@tailwindcss/oxide-win32-x64-msvc" "4.1.3"
+
+"@tailwindcss/postcss@^4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/postcss/-/postcss-4.1.3.tgz#82bf8b90c134f89f70d8d0293b5b14f234918faf"
+  integrity sha512-6s5nJODm98F++QT49qn8xJKHQRamhYHfMi3X7/ltxiSQ9dyRsaFSfFkfaMsanWzf+TMYQtbk8mt5f6cCVXJwfg==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    "@tailwindcss/node" "4.1.3"
+    "@tailwindcss/oxide" "4.1.3"
+    postcss "^8.4.41"
+    tailwindcss "4.1.3"
 
 "@types/estree@^1.0.6":
   version "1.0.7"
@@ -481,24 +532,6 @@ ansi-styles@^6.1.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
 argparse@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
@@ -509,52 +542,11 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-assets@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/assets/-/assets-3.0.1.tgz#7a69f4bcc3aca9702760e2a73a7e76ca93e9e3e0"
-  integrity sha512-fTyLNf/9V24y5zO83f4DAEuvaKj7MWBixbnqdZneAhsv1r21yQ/6ogZfvXHmphJAHsz4DhuOwHeJKVbGqqvk0Q==
-  dependencies:
-    async "^2.5.0"
-    bluebird "^3.4.6"
-    calipers "^2.0.0"
-    calipers-gif "^2.0.0"
-    calipers-jpeg "^2.0.0"
-    calipers-png "^2.0.0"
-    calipers-svg "^2.0.0"
-    calipers-webp "^2.0.0"
-    glob "^7.0.6"
-    lodash "^4.15.0"
-    mime "^2.4.0"
-
 astral-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
   integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
 
-async@^2.5.0:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
-  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
-  dependencies:
-    lodash "^4.17.14"
-
-atropos@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/atropos/-/atropos-2.0.2.tgz#8024e845487a69662b70fdb83f5e81039c934def"
-  integrity sha512-8f0u0hEOlBTWTSvzY17TcHuQjxUIpkTBq70/I4+UF5B43ORtOoRjm8TPBYEgLM8Ba9AWf6PDtkagbYoybdjaKg==
-
-autoprefixer@^10.4.21:
-  version "10.4.21"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.21.tgz#77189468e7a8ad1d9a37fbc08efc9f480cf0a95d"
-  integrity sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==
-  dependencies:
-    browserslist "^4.24.4"
-    caniuse-lite "^1.0.30001702"
-    fraction.js "^4.3.7"
-    normalize-range "^0.1.2"
-    picocolors "^1.1.1"
-    postcss-value-parser "^4.2.0"
-
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -570,21 +562,6 @@ base64-js@^1.3.1:
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
-binary-extensions@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
-  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
-
-bluebird@3.x.x, bluebird@^3.4.6:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
-boolbase@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -600,14 +577,14 @@ brace-expansion@^2.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^3.0.3, braces@~3.0.2:
+braces@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
   integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
     fill-range "^7.1.1"
 
-browserslist@^4.0.0, browserslist@^4.23.3, browserslist@^4.24.2, browserslist@^4.24.4:
+browserslist@^4.24.2:
   version "4.24.4"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
   integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
@@ -633,63 +610,12 @@ cacheable@^1.8.9:
     hookified "^1.7.1"
     keyv "^5.3.1"
 
-calipers-gif@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/calipers-gif/-/calipers-gif-2.0.0.tgz#b5eefec3064a77c6dcdbd5bdc51735a01bafdc37"
-  integrity sha512-ZePtjAmTmugWWHDjZhrh7SZ8/8hG2sS5Dz6xyZ3bWkofLqq31c01GR0AvBg5Cn5/x4BjT9PhIi0VMjHBEO+kog==
-  dependencies:
-    bluebird "3.x.x"
-
-calipers-jpeg@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/calipers-jpeg/-/calipers-jpeg-2.1.0.tgz#b844775b52e1739bd713d7d41fc13f47e79f7494"
-  integrity sha512-zNTtd+dWEAGcWw7qFtShcQRXotk+iI4n9chPmYAHNLzlkIA2A0/zUA5IPMBRxH6uArOv/E3D4m54Z/mkK7ulXA==
-
-calipers-png@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/calipers-png/-/calipers-png-2.1.0.tgz#e7f0b595a79307083cd61c71eb6d648a37ceca6d"
-  integrity sha512-Iu4kwHtEXoNowsoR9CUUDc+KyFJSFhgVI0AsfYXYmo9kfEoTaQM/tLgWGzO3oisxkdeb5II3TMPDvpI+HDykjw==
-
-calipers-svg@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/calipers-svg/-/calipers-svg-2.0.1.tgz#cd9eaa58ef7428c1a14f5da57e56715fb60f6541"
-  integrity sha512-3PROqHARmj8wWudUC7DzXm1+mSocqgY7jNuehFNHgrUVrKf8o7MqDjS92vJz5LvZsAofJsoAFMajkqwbxBROSQ==
-  dependencies:
-    bluebird "3.x.x"
-
-calipers-webp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/calipers-webp/-/calipers-webp-2.0.0.tgz#e126ece2f84cd71779612bfa2b2653cd95cea77a"
-  integrity sha512-np7ZtCwUjpxz+DF/RYNYFxxaltJxlF7rIVKWnU/cKcgQ7r06/Fquw1Q/oMZiJe6hfjI911lhDY6ZC+X0MtA5rg==
-  dependencies:
-    bluebird "3.x.x"
-
-calipers@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/calipers/-/calipers-2.1.0.tgz#ff7337aab66ede4bfdfc80458047a2f53eccf3a5"
-  integrity sha512-D54tptnPCX7SJ5JJIpY6896GNxka+oEO3pefTIUh4tMVeeFuVPiao8Ty3ud+jBLvlzXiBmjPAdjPkMWxFrCpaQ==
-
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
-caniuse-api@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
-  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-lite "^1.0.0"
-    lodash.memoize "^4.1.2"
-    lodash.uniq "^4.5.0"
-
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001702:
+caniuse-lite@^1.0.30001688:
   version "1.0.30001707"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz#c5e104d199e6f4355a898fcd995a066c7eb9bf41"
   integrity sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==
@@ -720,21 +646,6 @@ chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chokidar@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
 chokidar@^4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.3.tgz#7be37a4c03c9aee1ecfe862a4a23b2c70c205d30"
@@ -749,38 +660,11 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-convert@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-3.0.1.tgz#c0d327fd53cb93dfac3ba60fb04f2f8069638d6f"
-  integrity sha512-5kQah2eolfQV7HCrxtsBBArPfT5dwaKYMCXeMQsdRO7ihTO/cuNLGjd50ITCDn+ZU/YbS0Go64SjP9154eopxg==
-  dependencies:
-    color-name "^2.0.0"
-
-color-name@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-2.0.0.tgz#03ff6b1b5aec9bb3cf1ed82400c2790dfcd01d2d"
-  integrity sha512-SbtvAMWvASO5TE2QP07jHBMXKafgdZz8Vrsrn96fiL+O92/FN/PLARzUW5sKt013fjAprK2d2iCn2hk2Xb5oow==
-
 color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-2.0.1.tgz#89e20d5baa60a49b3d7ffdd95b28d2bb9c1074e8"
-  integrity sha512-5z9FbYTZPAo8iKsNEqRNv+OlpBbDcoE+SY9GjLfDUHEfcNNV7tS9eSAlFHEaub/r5tBL9LtskAeq1l9SaoZ5tQ==
-  dependencies:
-    color-name "^2.0.0"
-
-color@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/color/-/color-5.0.0.tgz#3583bf8f6a77cec41b329ea228dd05d2f5270218"
-  integrity sha512-16BlyiuyLq3MLxpRWyOTiWsO3ii/eLQLJUQXBSNcxMBBSnyt1ee9YUdaozQp03ifwm5woztEZGDbk9RGVuCsdw==
-  dependencies:
-    color-convert "^3.0.1"
-    color-string "^2.0.0"
-
 colord@^2.9.3:
   version "2.9.3"
   resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
@@ -791,16 +675,6 @@ colors@1.4.0:
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
   integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
 
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
-  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
-
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
@@ -825,35 +699,11 @@ cross-spawn@^7.0.6:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-css-declaration-sorter@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz#6dec1c9523bc4a643e088aab8f09e67a54961024"
-  integrity sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==
-
 css-functions-list@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.2.3.tgz#95652b0c24f0f59b291a9fc386041a19d4f40dbe"
   integrity sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==
 
-css-select@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6"
-  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^6.1.0"
-    domhandler "^5.0.2"
-    domutils "^3.0.1"
-    nth-check "^2.0.1"
-
-css-tree@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
-  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
-  dependencies:
-    mdn-data "2.0.30"
-    source-map-js "^1.0.1"
-
 css-tree@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-3.1.0.tgz#7aabc035f4e66b5c86f54570d55e05b1346eb0fd"
@@ -862,80 +712,11 @@ css-tree@^3.1.0:
     mdn-data "2.12.2"
     source-map-js "^1.0.1"
 
-css-tree@~2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032"
-  integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
-  dependencies:
-    mdn-data "2.0.28"
-    source-map-js "^1.0.1"
-
-css-what@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
-  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-cssnano-preset-default@^7.0.6:
-  version "7.0.6"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-7.0.6.tgz#0220fa7507478369aa2a226bac03e1204cd024c1"
-  integrity sha512-ZzrgYupYxEvdGGuqL+JKOY70s7+saoNlHSCK/OGn1vB2pQK8KSET8jvenzItcY+kA7NoWvfbb/YhlzuzNKjOhQ==
-  dependencies:
-    browserslist "^4.23.3"
-    css-declaration-sorter "^7.2.0"
-    cssnano-utils "^5.0.0"
-    postcss-calc "^10.0.2"
-    postcss-colormin "^7.0.2"
-    postcss-convert-values "^7.0.4"
-    postcss-discard-comments "^7.0.3"
-    postcss-discard-duplicates "^7.0.1"
-    postcss-discard-empty "^7.0.0"
-    postcss-discard-overridden "^7.0.0"
-    postcss-merge-longhand "^7.0.4"
-    postcss-merge-rules "^7.0.4"
-    postcss-minify-font-values "^7.0.0"
-    postcss-minify-gradients "^7.0.0"
-    postcss-minify-params "^7.0.2"
-    postcss-minify-selectors "^7.0.4"
-    postcss-normalize-charset "^7.0.0"
-    postcss-normalize-display-values "^7.0.0"
-    postcss-normalize-positions "^7.0.0"
-    postcss-normalize-repeat-style "^7.0.0"
-    postcss-normalize-string "^7.0.0"
-    postcss-normalize-timing-functions "^7.0.0"
-    postcss-normalize-unicode "^7.0.2"
-    postcss-normalize-url "^7.0.0"
-    postcss-normalize-whitespace "^7.0.0"
-    postcss-ordered-values "^7.0.1"
-    postcss-reduce-initial "^7.0.2"
-    postcss-reduce-transforms "^7.0.0"
-    postcss-svgo "^7.0.1"
-    postcss-unique-selectors "^7.0.3"
-
-cssnano-utils@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-5.0.0.tgz#b53a0343dd5d21012911882db6ae7d2eae0e3687"
-  integrity sha512-Uij0Xdxc24L6SirFr25MlwC2rCFX6scyUmuKpzI+JQ7cyqDEwD42fJ0xfB3yLfOnRDU5LKGgjQ9FA6LYh76GWQ==
-
-cssnano@^7.0.6:
-  version "7.0.6"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-7.0.6.tgz#63d54fd42bc017f6aaed69e47d9aaef85b7850ec"
-  integrity sha512-54woqx8SCbp8HwvNZYn68ZFAepuouZW4lTwiMVnBErM3VkO7/Sd4oTOt3Zz3bPx3kxQ36aISppyXj2Md4lg8bw==
-  dependencies:
-    cssnano-preset-default "^7.0.6"
-    lilconfig "^3.1.2"
-
-csso@^5.0.5:
-  version "5.0.5"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6"
-  integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==
-  dependencies:
-    css-tree "~2.2.0"
-
 debug@^4.3.1, debug@^4.3.2, debug@^4.3.7:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
@@ -953,10 +734,10 @@ dependency-graph@^1.0.0:
   resolved "https://registry.yarnpkg.com/dependency-graph/-/dependency-graph-1.0.0.tgz#bb5e85aec1310bc13b22dbd76e3196c4ee4c10d2"
   integrity sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==
 
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+detect-libc@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.3.tgz#f0cd503b40f9939b894697d19ad50895e30cf700"
+  integrity sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==
 
 dir-glob@^3.0.1:
   version "3.0.1"
@@ -965,41 +746,6 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
-dom-serializer@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
-  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
-  dependencies:
-    domelementtype "^2.3.0"
-    domhandler "^5.0.2"
-    entities "^4.2.0"
-
-domelementtype@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
-  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
-
-domhandler@^5.0.2, domhandler@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
-  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
-  dependencies:
-    domelementtype "^2.3.0"
-
-domutils@^3.0.1:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.2.2.tgz#edbfe2b668b0c1d97c24baf0f1062b132221bc78"
-  integrity sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==
-  dependencies:
-    dom-serializer "^2.0.0"
-    domelementtype "^2.3.0"
-    domhandler "^5.0.3"
-
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
@@ -1020,10 +766,13 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-entities@^4.2.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
-  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+enhanced-resolve@^5.18.1:
+  version "5.18.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz#728ab082f8b7b6836de51f1637aab5d3b9568faf"
+  integrity sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
 
 env-paths@^2.2.1:
   version "2.2.1"
@@ -1078,18 +827,18 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-config-prettier@^10.1.1:
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-10.1.1.tgz#cf0ff6e5c4e7e15f129f1f1ce2a5ecba92dec132"
-  integrity sha512-4EQQr6wXwS+ZJSzaR5ZCrYgLxqvUjdXctaEtBqHcbkW944B1NQyO4qpdHQbXBONfwxXdkAY81HH4+LUfrg+zPw==
+eslint-config-prettier@^10.1.2:
+  version "10.1.2"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-10.1.2.tgz#31a4b393c40c4180202c27e829af43323bf85276"
+  integrity sha512-Epgp/EofAUeEpIdZkW60MHKvPyru1ruQJxPL+WIycnaPApuseK0Zpkrh/FwL9oIpQvIhJwV7ptOy0DWUjTlCiA==
 
-eslint-plugin-prettier@^5.2.5:
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.5.tgz#0ff00b16f4c80ccdafd6a24a263effba1700087e"
-  integrity sha512-IKKP8R87pJyMl7WWamLgPkloB16dagPIdd2FjBDbyRYPKo93wS/NbCOPh6gH+ieNLC+XZrhJt/kWj0PS/DFdmg==
+eslint-plugin-prettier@^5.2.6:
+  version "5.2.6"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.6.tgz#be39e3bb23bb3eeb7e7df0927cdb46e4d7945096"
+  integrity sha512-mUcf7QG2Tjk7H055Jk0lGBjbgDnfrvqjhXh9t2xLMSCjZVcw9Rb1V6sVNXO0th3jgeO7zllWPTNRil3JW94TnQ==
   dependencies:
     prettier-linter-helpers "^1.0.0"
-    synckit "^0.10.2"
+    synckit "^0.11.0"
 
 eslint-scope@^8.3.0:
   version "8.3.0"
@@ -1109,18 +858,18 @@ eslint-visitor-keys@^4.2.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
   integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
 
-eslint@^9.23.0:
-  version "9.23.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.23.0.tgz#b88f3ab6dc83bcb927fdb54407c69ffe5f2441a6"
-  integrity sha512-jV7AbNoFPAY1EkFYpLq5bslU9NLNO8xnEeQXwErNibVryjk67wHVmddTBilc5srIttJDBrB0eMHKZBFbSIABCw==
+eslint@^9.24.0:
+  version "9.24.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.24.0.tgz#9a7f2e6cb2de81c405ab244b02f4584c79dc6bee"
+  integrity sha512-eh/jxIEJyZrvbWRe4XuVclLPDYSYYYgLy5zXGGxD6j8zjSAxFEzI2fL/8xNq6O2yKqVt+eF2YhV+hxjV6UKXwQ==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.12.1"
-    "@eslint/config-array" "^0.19.2"
+    "@eslint/config-array" "^0.20.0"
     "@eslint/config-helpers" "^0.2.0"
     "@eslint/core" "^0.12.0"
     "@eslint/eslintrc" "^3.3.1"
-    "@eslint/js" "9.23.0"
+    "@eslint/js" "9.24.0"
     "@eslint/plugin-kit" "^0.2.7"
     "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
@@ -1193,7 +942,7 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
   integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
 
-fast-glob@^3.2.9, fast-glob@^3.3.2, fast-glob@^3.3.3:
+fast-glob@^3.2.9, fast-glob@^3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
   integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
@@ -1297,11 +1046,6 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.6"
     signal-exit "^4.0.1"
 
-fraction.js@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
-  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
-
 fs-extra@^11.2.0:
   version "11.3.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.3.0.tgz#0daced136bbaf65a555a326719af931adc7a314d"
@@ -1311,22 +1055,12 @@ fs-extra@^11.2.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
-
-fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
-glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -1340,18 +1074,6 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob@^10.3.10:
-  version "10.4.5"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
-  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^3.1.2"
-    minimatch "^9.0.4"
-    minipass "^7.1.2"
-    package-json-from-dist "^1.0.0"
-    path-scurry "^1.11.1"
-
 glob@^11.0.0:
   version "11.0.1"
   resolved "https://registry.yarnpkg.com/glob/-/glob-11.0.1.tgz#1c3aef9a59d680e611b53dcd24bb8639cef064d9"
@@ -1364,18 +1086,6 @@ glob@^11.0.0:
     package-json-from-dist "^1.0.0"
     path-scurry "^2.0.0"
 
-glob@^7.0.6:
-  version "7.2.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.1.1"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
 global-modules@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
@@ -1419,7 +1129,7 @@ globjoin@^0.1.4:
   resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
   integrity sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==
 
-graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -1474,19 +1184,6 @@ imurmurhash@^0.1.4:
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
 ini@^1.3.5:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
@@ -1497,13 +1194,6 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
 is-core-module@^2.16.0:
   version "2.16.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
@@ -1521,7 +1211,7 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
@@ -1543,15 +1233,6 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-jackspeak@^3.1.2:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
-  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
 jackspeak@^4.0.1:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-4.1.0.tgz#c489c079f2b636dc4cbe9b0312a13ff1282e561b"
@@ -1559,10 +1240,10 @@ jackspeak@^4.0.1:
   dependencies:
     "@isaacs/cliui" "^8.0.2"
 
-jiti@^1.21.6:
-  version "1.21.7"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
-  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
+jiti@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.4.2.tgz#d19b7732ebb6116b06e2038da74a55366faef560"
+  integrity sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==
 
 js-tokens@^4.0.0:
   version "4.0.0"
@@ -1642,7 +1323,75 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-lilconfig@^3.0.0, lilconfig@^3.1.1, lilconfig@^3.1.2, lilconfig@^3.1.3:
+lightningcss-darwin-arm64@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.2.tgz#6ceff38b01134af48e859394e1ca21e5d49faae6"
+  integrity sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==
+
+lightningcss-darwin-x64@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.2.tgz#891b6f9e57682d794223c33463ca66d3af3fb038"
+  integrity sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==
+
+lightningcss-freebsd-x64@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.2.tgz#8a95f9ab73b2b2b0beefe1599fafa8b058938495"
+  integrity sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==
+
+lightningcss-linux-arm-gnueabihf@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.2.tgz#5c60bbf92b39d7ed51e363f7b98a7111bf5914a1"
+  integrity sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==
+
+lightningcss-linux-arm64-gnu@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.2.tgz#e73d7608c4cce034c3654e5e8b53be74846224de"
+  integrity sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==
+
+lightningcss-linux-arm64-musl@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.2.tgz#a95a18d5a909831c092e0a8d2de4b9ac1a8db151"
+  integrity sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==
+
+lightningcss-linux-x64-gnu@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.2.tgz#551ca07e565394928642edee92acc042e546cb78"
+  integrity sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==
+
+lightningcss-linux-x64-musl@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.2.tgz#2fd164554340831bce50285b57101817850dd258"
+  integrity sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==
+
+lightningcss-win32-arm64-msvc@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.2.tgz#da43ea49fafc5d2de38e016f1a8539d5eed98318"
+  integrity sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==
+
+lightningcss-win32-x64-msvc@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.2.tgz#ddefaa099a39b725b2f5bbdcb9fc718435cc9797"
+  integrity sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==
+
+lightningcss@1.29.2:
+  version "1.29.2"
+  resolved "https://registry.yarnpkg.com/lightningcss/-/lightningcss-1.29.2.tgz#f5f0fd6e63292a232697e6fe709da5b47624def3"
+  integrity sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==
+  dependencies:
+    detect-libc "^2.0.3"
+  optionalDependencies:
+    lightningcss-darwin-arm64 "1.29.2"
+    lightningcss-darwin-x64 "1.29.2"
+    lightningcss-freebsd-x64 "1.29.2"
+    lightningcss-linux-arm-gnueabihf "1.29.2"
+    lightningcss-linux-arm64-gnu "1.29.2"
+    lightningcss-linux-arm64-musl "1.29.2"
+    lightningcss-linux-x64-gnu "1.29.2"
+    lightningcss-linux-x64-musl "1.29.2"
+    lightningcss-win32-arm64-msvc "1.29.2"
+    lightningcss-win32-x64-msvc "1.29.2"
+
+lilconfig@^3.1.1:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
   integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
@@ -1659,11 +1408,6 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
-lodash.memoize@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
-
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
@@ -1674,21 +1418,6 @@ lodash.truncate@^4.4.2:
   resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
   integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==
 
-lodash.uniq@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
-  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
-
-lodash@^4.15.0, lodash@^4.17.14:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-lru-cache@^10.2.0:
-  version "10.4.3"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
-  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
-
 lru-cache@^11.0.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-11.1.0.tgz#afafb060607108132dbc1cf8ae661afb69486117"
@@ -1699,16 +1428,6 @@ mathml-tag-names@^2.1.3:
   resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
   integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
 
-mdn-data@2.0.28:
-  version "2.0.28"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba"
-  integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
-
-mdn-data@2.0.30:
-  version "2.0.30"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
-  integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
-
 mdn-data@2.12.2:
   version "2.12.2"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.12.2.tgz#9ae6c41a9e65adf61318b32bff7b64fbfb13f8cf"
@@ -1732,11 +1451,6 @@ micromatch@^4.0.8:
     braces "^3.0.3"
     picomatch "^2.3.1"
 
-mime@^2.4.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
-  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
-
 minimatch@^10.0.0:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-10.0.1.tgz#ce0521856b453c86e25f2c4c0d03e6ff7ddc440b"
@@ -1744,26 +1458,19 @@ minimatch@^10.0.0:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^9.0.4:
-  version "9.0.5"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
-  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
-  dependencies:
-    brace-expansion "^2.0.1"
-
 minimist@^1.2.0:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+minipass@^7.1.2:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
   integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
@@ -1773,15 +1480,6 @@ ms@^2.1.3:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
 nanocolors@^0.2.13:
   version "0.2.13"
   resolved "https://registry.yarnpkg.com/nanocolors/-/nanocolors-0.2.13.tgz#dfd1ed0bfab05e9fe540eb6874525f0a1684099b"
@@ -1802,40 +1500,11 @@ node-releases@^2.0.19:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
   integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
 
-normalize-path@^3.0.0, normalize-path@~3.0.0:
+normalize-path@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
-nth-check@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
-  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
-  dependencies:
-    boolbase "^1.0.0"
-
-object-assign@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
-once@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
-  dependencies:
-    wrappy "1"
-
 optionator@^0.9.3:
   version "0.9.4"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
@@ -1889,11 +1558,6 @@ path-exists@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
-
 path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
@@ -1904,14 +1568,6 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-scurry@^1.11.1:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
-  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
-  dependencies:
-    lru-cache "^10.2.0"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-
 path-scurry@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-2.0.0.tgz#9f052289f23ad8bf9397a2a0425e7b8615c58580"
@@ -1930,7 +1586,7 @@ picocolors@^1.0.0, picocolors@^1.1.1:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -1940,88 +1596,6 @@ pify@^2.3.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
-pirates@^4.0.1:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
-  integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
-
-postcss-assets@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-assets/-/postcss-assets-6.0.0.tgz#b4dec64e12426754d22e3803812979f949910fd9"
-  integrity sha512-7zq3GJGphWtPprNsxxxsIl0YPhFkJo+r/lVsY0KJOtmskAIcdzIyl14R0W4ZfkhI5hLpa9JGBluF1JE0RtWLJQ==
-  dependencies:
-    assets "^3.0.0"
-    postcss-functions "^4.0.2"
-
-postcss-calc@^10.0.2:
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-10.1.1.tgz#52b385f2e628239686eb6e3a16207a43f36064ca"
-  integrity sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==
-  dependencies:
-    postcss-selector-parser "^7.0.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-clip-path-polyfill@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-clip-path-polyfill/-/postcss-clip-path-polyfill-1.1.0.tgz#8609f5452d1cae99e7ca0a8b7d4be015a9ce79f5"
-  integrity sha512-jnxa41MLk2I1Uh/3iHv2744tLPQNQd7xgQt6fRMpfVbJvPrFtAVZD3zhy+NYIqc6h2UM7ynLUOnh1+x7GTLnsQ==
-
-postcss-colormin@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-7.0.2.tgz#6f3c53c13158168669f45adc3926f35cb240ef8e"
-  integrity sha512-YntRXNngcvEvDbEjTdRWGU606eZvB5prmHG4BF0yLmVpamXbpsRJzevyy6MZVyuecgzI2AWAlvFi8DAeCqwpvA==
-  dependencies:
-    browserslist "^4.23.3"
-    caniuse-api "^3.0.0"
-    colord "^2.9.3"
-    postcss-value-parser "^4.2.0"
-
-postcss-convert-values@^7.0.4:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-7.0.4.tgz#fc13ecedded6365f3c794b502dbcf77d298da12c"
-  integrity sha512-e2LSXPqEHVW6aoGbjV9RsSSNDO3A0rZLCBxN24zvxF25WknMPpX8Dm9UxxThyEbaytzggRuZxaGXqaOhxQ514Q==
-  dependencies:
-    browserslist "^4.23.3"
-    postcss-value-parser "^4.2.0"
-
-postcss-discard-comments@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-7.0.3.tgz#9c414e8ee99d3514ad06a3465ccc20ec1dbce780"
-  integrity sha512-q6fjd4WU4afNhWOA2WltHgCbkRhZPgQe7cXF74fuVB/ge4QbM9HEaOIzGSiMvM+g/cOsNAUGdf2JDzqA2F8iLA==
-  dependencies:
-    postcss-selector-parser "^6.1.2"
-
-postcss-discard-duplicates@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-7.0.1.tgz#f87f2fe47d8f01afb1e98361c1db3ce1e8afd1a3"
-  integrity sha512-oZA+v8Jkpu1ct/xbbrntHRsfLGuzoP+cpt0nJe5ED2FQF8n8bJtn7Bo28jSmBYwqgqnqkuSXJfSUEE7if4nClQ==
-
-postcss-discard-empty@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-7.0.0.tgz#218829d1ef0a5d5142dd62f0aa60e00e599d2033"
-  integrity sha512-e+QzoReTZ8IAwhnSdp/++7gBZ/F+nBq9y6PomfwORfP7q9nBpK5AMP64kOt0bA+lShBFbBDcgpJ3X4etHg4lzA==
-
-postcss-discard-overridden@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-7.0.0.tgz#b123ea51e3d4e1d0a254cf71eaff1201926d319c"
-  integrity sha512-GmNAzx88u3k2+sBTZrJSDauR0ccpE24omTQCVmaTTZFz1du6AasspjaUPMJ2ud4RslZpoFKyf+6MSPETLojc6w==
-
-postcss-functions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-functions/-/postcss-functions-4.0.2.tgz#23a7d100f507890042fbd0305f963554e6d1ce6a"
-  integrity sha512-htDZN6t97uW4GBXquTsz/DVaNVAHtHx5tLCALquVM2u58UwHki+RwHbANKiiI0ImA8T7Iml2MnvLUM7aGtlpqA==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-
-postcss-import@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
-  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
 postcss-import@^16.1.0:
   version "16.1.0"
   resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-16.1.0.tgz#258732175518129667fe1e2e2a05b19b5654b96a"
@@ -2031,21 +1605,6 @@ postcss-import@^16.1.0:
     read-cache "^1.0.0"
     resolve "^1.1.7"
 
-postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-load-config@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
-  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
-  dependencies:
-    lilconfig "^3.0.0"
-    yaml "^2.3.4"
-
 postcss-load-config@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz#6fd7dcd8ae89badcf1b2d644489cbabf83aa8096"
@@ -2053,157 +1612,6 @@ postcss-load-config@^6.0.1:
   dependencies:
     lilconfig "^3.1.1"
 
-postcss-merge-longhand@^7.0.4:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-7.0.4.tgz#a52d0662b4b29420f3b64a8d5b0ac5133d8db776"
-  integrity sha512-zer1KoZA54Q8RVHKOY5vMke0cCdNxMP3KBfDerjH/BYHh4nCIh+1Yy0t1pAEQF18ac/4z3OFclO+ZVH8azjR4A==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    stylehacks "^7.0.4"
-
-postcss-merge-rules@^7.0.4:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-7.0.4.tgz#648cc864d3121e6ec72c2a4f08df1cc801e60ce8"
-  integrity sha512-ZsaamiMVu7uBYsIdGtKJ64PkcQt6Pcpep/uO90EpLS3dxJi6OXamIobTYcImyXGoW0Wpugh7DSD3XzxZS9JCPg==
-  dependencies:
-    browserslist "^4.23.3"
-    caniuse-api "^3.0.0"
-    cssnano-utils "^5.0.0"
-    postcss-selector-parser "^6.1.2"
-
-postcss-minify-font-values@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-7.0.0.tgz#d16a75a2548e000779566b3568fc874ee5d0aa17"
-  integrity sha512-2ckkZtgT0zG8SMc5aoNwtm5234eUx1GGFJKf2b1bSp8UflqaeFzR50lid4PfqVI9NtGqJ2J4Y7fwvnP/u1cQog==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-gradients@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-7.0.0.tgz#f6d84456e6d49164a55d0e45bb1b1809c6cf0959"
-  integrity sha512-pdUIIdj/C93ryCHew0UgBnL2DtUS3hfFa5XtERrs4x+hmpMYGhbzo6l/Ir5de41O0GaKVpK1ZbDNXSY6GkXvtg==
-  dependencies:
-    colord "^2.9.3"
-    cssnano-utils "^5.0.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-params@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-7.0.2.tgz#264a76e25f202d8b5ca5290569c0e8c3ac599dfe"
-  integrity sha512-nyqVLu4MFl9df32zTsdcLqCFfE/z2+f8GE1KHPxWOAmegSo6lpV2GNy5XQvrzwbLmiU7d+fYay4cwto1oNdAaQ==
-  dependencies:
-    browserslist "^4.23.3"
-    cssnano-utils "^5.0.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-selectors@^7.0.4:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-7.0.4.tgz#2b69c99ec48a1c223fce4840609d9c53340a11f5"
-  integrity sha512-JG55VADcNb4xFCf75hXkzc1rNeURhlo7ugf6JjiiKRfMsKlDzN9CXHZDyiG6x/zGchpjQS+UAgb1d4nqXqOpmA==
-  dependencies:
-    cssesc "^3.0.0"
-    postcss-selector-parser "^6.1.2"
-
-postcss-nested@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
-  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
-  dependencies:
-    postcss-selector-parser "^6.1.1"
-
-postcss-normalize-charset@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-7.0.0.tgz#92244ae73c31bf8f8885d5f16ff69e857ac6c001"
-  integrity sha512-ABisNUXMeZeDNzCQxPxBCkXexvBrUHV+p7/BXOY+ulxkcjUZO0cp8ekGBwvIh2LbCwnWbyMPNJVtBSdyhM2zYQ==
-
-postcss-normalize-display-values@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-7.0.0.tgz#01fb50e5e97ef8935363629bea5a6d3b3aac1342"
-  integrity sha512-lnFZzNPeDf5uGMPYgGOw7v0BfB45+irSRz9gHQStdkkhiM0gTfvWkWB5BMxpn0OqgOQuZG/mRlZyJxp0EImr2Q==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-positions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-7.0.0.tgz#4eebd7c9d3dde40c97b8047cad38124fc844c463"
-  integrity sha512-I0yt8wX529UKIGs2y/9Ybs2CelSvItfmvg/DBIjTnoUSrPxSV7Z0yZ8ShSVtKNaV/wAY+m7bgtyVQLhB00A1NQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-repeat-style@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-7.0.0.tgz#0cb784655d5714d29bd3bda6dee2fb628aa7227b"
-  integrity sha512-o3uSGYH+2q30ieM3ppu9GTjSXIzOrRdCUn8UOMGNw7Af61bmurHTWI87hRybrP6xDHvOe5WlAj3XzN6vEO8jLw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-string@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-7.0.0.tgz#a119d3e63a9614570d8413d572fb9fc8c6a64e8c"
-  integrity sha512-w/qzL212DFVOpMy3UGyxrND+Kb0fvCiBBujiaONIihq7VvtC7bswjWgKQU/w4VcRyDD8gpfqUiBQ4DUOwEJ6Qg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-timing-functions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-7.0.0.tgz#99d0ee8c4b23b7f4355fafb91385833b9b07108b"
-  integrity sha512-tNgw3YV0LYoRwg43N3lTe3AEWZ66W7Dh7lVEpJbHoKOuHc1sLrzMLMFjP8SNULHaykzsonUEDbKedv8C+7ej6g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-unicode@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-7.0.2.tgz#095f8d36ea29adfdf494069c1de101112992a713"
-  integrity sha512-ztisabK5C/+ZWBdYC+Y9JCkp3M9qBv/XFvDtSw0d/XwfT3UaKeW/YTm/MD/QrPNxuecia46vkfEhewjwcYFjkg==
-  dependencies:
-    browserslist "^4.23.3"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-url@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-7.0.0.tgz#c88cb7cf8952d3ff631e4eba924e7b060ca802f6"
-  integrity sha512-+d7+PpE+jyPX1hDQZYG+NaFD+Nd2ris6r8fPTBAjE8z/U41n/bib3vze8x7rKs5H1uEw5ppe9IojewouHk0klQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-whitespace@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-7.0.0.tgz#46b025f0bea72139ddee63015619b0c21cebd845"
-  integrity sha512-37/toN4wwZErqohedXYqWgvcHUGlT8O/m2jVkAfAe9Bd4MzRqlBmXrJRePH0e9Wgnz2X7KymTgTOaaFizQe3AQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-ordered-values@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-7.0.1.tgz#8b4b5b8070ca7756bd49f07d5edf274b8f6782e0"
-  integrity sha512-irWScWRL6nRzYmBOXReIKch75RRhNS86UPUAxXdmW/l0FcAsg0lvAXQCby/1lymxn/o0gVa6Rv/0f03eJOwHxw==
-  dependencies:
-    cssnano-utils "^5.0.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-reduce-initial@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-7.0.2.tgz#3dc085347a5943e18547d4b0aa5bd4ff5a93b2c5"
-  integrity sha512-pOnu9zqQww7dEKf62Nuju6JgsW2V0KRNBHxeKohU+JkHd/GAH5uvoObqFLqkeB2n20mr6yrlWDvo5UBU5GnkfA==
-  dependencies:
-    browserslist "^4.23.3"
-    caniuse-api "^3.0.0"
-
-postcss-reduce-transforms@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-7.0.0.tgz#0386080a14e5faad9f8eda33375b79fe7c4f9677"
-  integrity sha512-pnt1HKKZ07/idH8cpATX/ujMbtOGhUfE+m8gbqwJE05aTaNw8gbo34a2e3if0xc0dlu75sUOiqvwCGY3fzOHew==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-reporter@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-reporter/-/postcss-reporter-7.1.0.tgz#5ec476d224e2fe25a054e3c66d9b2901d4fab422"
-  integrity sha512-/eoEylGWyy6/DOiMP5lmFRdmDKThqgn7D6hP2dXKJI/0rJSO1ADFNngZfDzxL0YAxFvws+Rtpuji1YIHj4mySA==
-  dependencies:
-    picocolors "^1.0.0"
-    thenby "^1.3.4"
-
 postcss-resolve-nested-selector@^0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.6.tgz#3d84dec809f34de020372c41b039956966896686"
@@ -2214,15 +1622,7 @@ postcss-safe-parser@^7.0.1:
   resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-7.0.1.tgz#36e4f7e608111a0ca940fd9712ce034718c40ec0"
   integrity sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==
 
-postcss-selector-parser@^6.1.1, postcss-selector-parser@^6.1.2:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-selector-parser@^7.0.0, postcss-selector-parser@^7.1.0:
+postcss-selector-parser@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz#4d6af97eba65d73bc4d84bcb343e865d7dd16262"
   integrity sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==
@@ -2230,27 +1630,12 @@ postcss-selector-parser@^7.0.0, postcss-selector-parser@^7.1.0:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-svgo@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-7.0.1.tgz#2b63571d8e9568384df334bac9917baff4d23f58"
-  integrity sha512-0WBUlSL4lhD9rA5k1e5D8EN5wCEyZD6HJk0jIvRxl+FDVOMlJ7DePHYWGGVc5QRqrJ3/06FTXM0bxjmJpmTPSA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    svgo "^3.3.2"
-
-postcss-unique-selectors@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-7.0.3.tgz#483fc11215b23d517d5d9bbe5833d9915619ca33"
-  integrity sha512-J+58u5Ic5T1QjP/LDV9g3Cx4CNOgB5vz+kM6+OxHHhFACdcDeKhBXjQmB7fnIZM12YSTvsL0Opwco83DmacW2g==
-  dependencies:
-    postcss-selector-parser "^6.1.2"
-
 postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.4.47, postcss@^8.5.3:
+postcss@^8.4.41, postcss@^8.5.3:
   version "8.5.3"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
   integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
@@ -2311,13 +1696,6 @@ readdirp@^4.0.1:
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.1.2.tgz#eb85801435fbf2a7ee58f19e0921b068fc69948d"
   integrity sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==
 
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
 require-from-string@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
@@ -2391,6 +1769,7 @@ source-map-js@^1.0.1, source-map-js@^1.2.1:
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 
 "string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.3:
+  name string-width-cjs
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -2409,6 +1788,7 @@ string-width@^5.0.1, string-width@^5.1.2:
     strip-ansi "^7.0.1"
 
 "strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  name strip-ansi-cjs
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -2427,30 +1807,15 @@ strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-stylehacks@^7.0.4:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-7.0.4.tgz#9c21f7374f4bccc0082412b859b3c89d77d3277c"
-  integrity sha512-i4zfNrGMt9SB4xRK9L83rlsFCgdGANfeDAYacO1pkqcE7cRHPdWHwnKZVz7WY17Veq/FvyYsRAU++Ga+qDFIww==
-  dependencies:
-    browserslist "^4.23.3"
-    postcss-selector-parser "^6.1.2"
-
-stylelint-config-recommended@^15.0.0:
-  version "15.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-15.0.0.tgz#93d48db401215708b724f078533864e52085a07b"
-  integrity sha512-9LejMFsat7L+NXttdHdTq94byn25TD+82bzGRiV1Pgasl99pWnwipXS5DguTpp3nP1XjvLXVnEJIuYBfsRjRkA==
-
-stylelint-config-standard@^37.0.0:
-  version "37.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-37.0.0.tgz#55e75c7215d5398b096d2f75af6a16693c18532d"
-  integrity sha512-+6eBlbSTrOn/il2RlV0zYGQwRTkr+WtzuVSs1reaWGObxnxLpbcspCUYajVQHonVfxVw2U+h42azGhrBvcg8OA==
-  dependencies:
-    stylelint-config-recommended "^15.0.0"
+stylelint-config-tailwindcss@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-tailwindcss/-/stylelint-config-tailwindcss-1.0.0.tgz#de28230686abab80c457c571de4f64c7bb398af2"
+  integrity sha512-e6WUBJeLdOZ0sy8FZ1jk5Zy9iNGqqJbrMwnnV0Hpaw/yin6QO3gVv/zvyqSty8Yg6nEB5gqcyJbN387TPhEa7Q==
 
-stylelint@^16.17.0:
-  version "16.17.0"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.17.0.tgz#12f31389283883d8d15bb5c019830af8176998a1"
-  integrity sha512-I9OwVIWRMqVm2Br5iTbrfSqGRPWQUlvm6oXO1xZuYYu0Gpduy67N8wXOZv15p6E/JdlZiAtQaIoLKZEWk5hrjw==
+stylelint@^16.18.0:
+  version "16.18.0"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.18.0.tgz#8e992c3a7af1b2ebf7ea5ccf26c2415adbea64b4"
+  integrity sha512-OXb68qzesv7J70BSbFwfK3yTVLEVXiQ/ro6wUE4UrSbKCMjLLA02S8Qq3LC01DxKyVjk7z8xh35aB4JzO3/sNA==
   dependencies:
     "@csstools/css-parser-algorithms" "^3.0.4"
     "@csstools/css-tokenizer" "^3.0.3"
@@ -2491,19 +1856,6 @@ stylelint@^16.17.0:
     table "^6.9.0"
     write-file-atomic "^5.0.1"
 
-sucrase@^3.35.0:
-  version "3.35.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
-  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "^10.3.10"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
-
 supports-color@^7.0.0, supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -2529,23 +1881,10 @@ svg-tags@^1.0.0:
   resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
   integrity sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==
 
-svgo@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-3.3.2.tgz#ad58002652dffbb5986fc9716afe52d869ecbda8"
-  integrity sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==
-  dependencies:
-    "@trysound/sax" "0.2.0"
-    commander "^7.2.0"
-    css-select "^5.1.0"
-    css-tree "^2.3.1"
-    css-what "^6.1.0"
-    csso "^5.0.5"
-    picocolors "^1.0.0"
-
-synckit@^0.10.2:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.10.3.tgz#940aea2c7b6d141a4f74dbdebc81e0958c331a4b"
-  integrity sha512-R1urvuyiTaWfeCggqEvpDJwAlDVdsT9NM+IP//Tk2x7qHCkSvBk/fwFgw/TLAHzZlrAnnazMcRw0ZD8HlYFTEQ==
+synckit@^0.11.0:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.11.2.tgz#2a8015ce5df8d5eb0cc47ee55924ad8f8756c24b"
+  integrity sha512-1IUffI8zZ8qUMB3NUJIjk0RpLroG/8NkQDAWH1NbB2iJ0/5pn3M8rxfNzMz4GH9OnYaGYn31LEDSXJp/qIlxgA==
   dependencies:
     "@pkgr/core" "^0.2.0"
     tslib "^2.8.1"
@@ -2566,52 +1905,20 @@ table@^6.9.0:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
-tailwindcss@^3.4.14:
-  version "3.4.17"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.17.tgz#ae8406c0f96696a631c790768ff319d46d5e5a63"
-  integrity sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==
-  dependencies:
-    "@alloc/quick-lru" "^5.2.0"
-    arg "^5.0.2"
-    chokidar "^3.6.0"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.3.2"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.21.6"
-    lilconfig "^3.1.3"
-    micromatch "^4.0.8"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.1.1"
-    postcss "^8.4.47"
-    postcss-import "^15.1.0"
-    postcss-js "^4.0.1"
-    postcss-load-config "^4.0.2"
-    postcss-nested "^6.2.0"
-    postcss-selector-parser "^6.1.2"
-    resolve "^1.22.8"
-    sucrase "^3.35.0"
+tailwindcss-hocus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss-hocus/-/tailwindcss-hocus-1.0.0.tgz#5606d4b4fb73406bcedd9aad9cc8f3fe947c553c"
+  integrity sha512-PLgBHiCHZOCgY/VtRuatNwsqzqf1aYa7GI2+ZxwUbh/U8A9yn9baow3G3HUc+bPALLxC/yDcDZhznRY8efwVKQ==
 
-thenby@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/thenby/-/thenby-1.3.4.tgz#81581f6e1bb324c6dedeae9bfc28e59b1a2201cc"
-  integrity sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==
+tailwindcss@4.1.3, tailwindcss@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.1.3.tgz#f5a6b4451295c06e213013697f7193be1630fa46"
+  integrity sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==
 
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
-
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
+tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
 to-regex-range@^5.0.1:
   version "5.0.1"
@@ -2625,11 +1932,6 @@ ts-deepmerge@^7.0.1:
   resolved "https://registry.yarnpkg.com/ts-deepmerge/-/ts-deepmerge-7.0.2.tgz#6333adcde83e4c42366e9a9a7f955c74ee913547"
   integrity sha512-akcpDTPuez4xzULo5NwuoKwYRtjQJ9eoNfBACiBMaXwNAx7B1PKfe5wqUFJuW5uKzQ68YjDFwPaWHDG1KnFGsA==
 
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
-
 tslib@^2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
@@ -2704,11 +2006,6 @@ wrap-ansi@^8.1.0:
     string-width "^5.0.1"
     strip-ansi "^7.0.1"
 
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
-
 write-file-atomic@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz#68df4717c55c6fa4281a7860b4c2ba0a6d2b11e7"
@@ -2717,11 +2014,6 @@ write-file-atomic@^5.0.1:
     imurmurhash "^0.1.4"
     signal-exit "^4.0.1"
 
-yaml@^2.3.4:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.7.1.tgz#44a247d1b88523855679ac7fa7cda6ed7e135cf6"
-  integrity sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==
-
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"