@property --shade{syntax:"<percentage>";inherits:false;initial-value:100%}.industry-shade.svelte-1gv3xvo{--ink:var(--color-photo-shade);background:linear-gradient(to top, color-mix(in srgb, var(--ink) 80%, transparent) 0%, color-mix(in srgb, var(--ink) 72%, transparent) calc(var(--shade) * .15), color-mix(in srgb, var(--ink) 56%, transparent) calc(var(--shade) * .3), color-mix(in srgb, var(--ink) 40%, transparent) calc(var(--shade) * .4), color-mix(in srgb, var(--ink) 25%, transparent) calc(var(--shade) * .5), color-mix(in srgb, var(--ink) 12%, transparent) calc(var(--shade) * .6), color-mix(in srgb, var(--ink) 4%, transparent) calc(var(--shade) * .7), transparent calc(var(--shade) * .8));transition:--shade .3s ease-out}@media (hover:hover){.industry-tile.svelte-1gv3xvo:hover .industry-shade:where(.svelte-1gv3xvo){--shade:160%}}.industry-tile.svelte-1gv3xvo:focus-visible .industry-shade:where(.svelte-1gv3xvo),.industry-tile.svelte-1gv3xvo:active .industry-shade:where(.svelte-1gv3xvo){--shade:160%}.more-shade.svelte-1gv3xvo{background:color-mix(in srgb, var(--color-photo-shade) 62%, transparent)}@media (width>=768px){.more-shade.svelte-1gv3xvo{background:linear-gradient(to right, color-mix(in srgb, var(--color-photo-shade) 76%, transparent) 0%, color-mix(in srgb, var(--color-photo-shade) 58%, transparent) 65%, color-mix(in srgb, var(--color-photo-shade) 30%, transparent) 100%)}}