.feature-card.svelte-1i06uh3{background-color:var(--background-color);border-radius:var(--border-radius);width:100%;height:100%;box-shadow:0 10px 25px color-mix(in oklab, var(--text-primary) 5%, transparent);flex-direction:column;display:flex;position:relative;overflow:hidden}.content-container.svelte-1i06uh3{padding:var(--padding);width:100%;height:100%;max-width:var(--max-width);flex-direction:column;margin:0 auto;display:flex}.text-content.svelte-1i06uh3{flex-direction:column;flex:1;display:flex}h3.svelte-1i06uh3{color:var(--title-color);margin:0 0 1rem;font-size:1.5rem;font-weight:600;line-height:1.2}p.svelte-1i06uh3{color:var(--text-color);margin:0;font-size:1rem;line-height:1.5}.image-container.svelte-1i06uh3{justify-content:center;align-items:center;margin-top:1.5rem;display:flex;overflow:hidden}img.svelte-1i06uh3{object-fit:contain;border-radius:.75rem;max-width:100%;height:auto}.right-image.svelte-1i06uh3 .content-container:where(.svelte-1i06uh3){flex-direction:row;align-items:center;gap:2rem}.right-image.svelte-1i06uh3 .image-container:where(.svelte-1i06uh3){flex:1;margin-top:0}.left-image.svelte-1i06uh3 .content-container:where(.svelte-1i06uh3){flex-direction:row-reverse;align-items:center;gap:2rem}.left-image.svelte-1i06uh3 .image-container:where(.svelte-1i06uh3){flex:1;margin-top:0}.background-image.svelte-1i06uh3{position:relative}.background-image.svelte-1i06uh3 .image-container:where(.svelte-1i06uh3){z-index:0;margin:0;position:absolute;inset:0}.background-image.svelte-1i06uh3 img:where(.svelte-1i06uh3){object-fit:cover;border-radius:0;width:100%;height:100%}.background-image.svelte-1i06uh3 .text-content:where(.svelte-1i06uh3){z-index:1;background-color:color-mix(in oklab, var(--bg-card) 85%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:.75rem;padding:1.5rem;position:relative}@media (width<=768px){.right-image.svelte-1i06uh3 .content-container:where(.svelte-1i06uh3),.left-image.svelte-1i06uh3 .content-container:where(.svelte-1i06uh3){flex-direction:column}.right-image.svelte-1i06uh3 .image-container:where(.svelte-1i06uh3),.left-image.svelte-1i06uh3 .image-container:where(.svelte-1i06uh3){margin-top:1.5rem}h3.svelte-1i06uh3{font-size:1.25rem}p.svelte-1i06uh3{font-size:.95rem}}