";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
diff --git a/dist/index.html b/dist/index.html
index 30610f3..e8660a6 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -12,13 +12,13 @@
href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,200;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,200;1,9..144,400;1,9..144,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap"
rel="stylesheet"
/>
-
+
-
+
diff --git a/dist/products/cutouts/kaiser-natron-pulver-250-g-großpackung-removebg-preview-2.png b/dist/products/cutouts/kaiser-natron-pulver-250-g-großpackung-removebg-preview-2.png
new file mode 100644
index 0000000..192c438
Binary files /dev/null and b/dist/products/cutouts/kaiser-natron-pulver-250-g-großpackung-removebg-preview-2.png differ
diff --git a/public/products/cutouts/kaiser-natron-pulver-250-g-großpackung-removebg-preview-2.png b/public/products/cutouts/kaiser-natron-pulver-250-g-großpackung-removebg-preview-2.png
new file mode 100644
index 0000000..192c438
Binary files /dev/null and b/public/products/cutouts/kaiser-natron-pulver-250-g-großpackung-removebg-preview-2.png differ
diff --git a/src/design-system/components/Hero.vue b/src/design-system/components/Hero.vue
index f422933..649ddaf 100644
--- a/src/design-system/components/Hero.vue
+++ b/src/design-system/components/Hero.vue
@@ -40,7 +40,7 @@ const tones = {
text: 'text-ink',
sub: 'text-muted',
disc: 'bg-accent-soft/60',
- glow: 'bg-accent/15',
+ glow: 'bg-accent/8',
},
paper: {
surface: 'bg-paper',
@@ -54,7 +54,7 @@ const tones = {
text: 'text-cream',
sub: 'text-cream/80',
disc: 'bg-brand-soft/30',
- glow: 'bg-accent/10',
+ glow: 'bg-accent/5',
},
}
@@ -163,15 +163,20 @@ const layout = computed(() => {
v-if="image || $slots.media"
:class="['relative flex items-center justify-center', layout.media]"
>
-
+
+
{