.hero-graphic-container canvas,.gradient-overlay-top{--offset-y: 40px}@media (max-height: 800px){.hero-graphic-container canvas,.gradient-overlay-top{--offset-y: 60px}}.hero-graphic-container canvas{position:absolute;top:var(--offset-y);left:0;height:100%}.hero-graphic-container.svelte-rd2v6r{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:relative}.gradient-overlay-top.svelte-rd2v6r{pointer-events:none;position:absolute;top:var(--offset-y);left:0;width:100%;height:300px;z-index:2;background:linear-gradient(to bottom,#000 0% 20%,#000000f2 30%,#000000e6 40% 40%,#0009 70%,#0000)}.gradient-overlay-bottom.svelte-rd2v6r{pointer-events:none;position:absolute;bottom:0;left:0;width:100%;height:300px;background:linear-gradient(to top,#000 0% 20%,#000000f2 30%,#000000e6 40% 40%,#0009 70%,#0000)}/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.product-card.svelte-qnju6n svg{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;will-change:transform;transition-duration:.3s}.product-cards.svelte-qnju6n:hover .product-card:where(.svelte-qnju6n) svg{opacity:.6}.product-cards.svelte-qnju6n:hover .product-card:where(.svelte-qnju6n):hover svg{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.product-card.svelte-qnju6n .learn-more:where(.svelte-qnju6n){opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s}.product-card.svelte-qnju6n:hover .learn-more:where(.svelte-qnju6n){opacity:1}@media (pointer:coarse){.product-card.svelte-qnju6n .learn-more:where(.svelte-qnju6n){opacity:1}}@property --tw-duration{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}