.bento-grid.svelte-1j2ur1k{display:grid;gap:var(--bento-gap);grid-template-columns:repeat(1,minmax(0,1fr));width:100%}@media(min-width:768px){.bento-grid.svelte-1j2ur1k{grid-template-columns:repeat(var(--bento-cols),minmax(0,1fr));grid-auto-rows:minmax(150px,auto)}}.bento-item.svelte-1j2ur1k{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:1rem;border:1px solid rgba(0,0,0,.1);background-color:#fff;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;min-height:200px}@media(min-width:768px){.bento-item.svelte-1j2ur1k{grid-column:span var(--col-span, 1);grid-row:span var(--row-span, 1)}}.bento-item.svelte-1j2ur1k:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.bento-content.svelte-1j2ur1k{position:relative;z-index:10;display:flex;flex-direction:column;gap:.75rem}.bento-icon.svelte-1j2ur1k{font-size:2rem;line-height:1}.bento-title.svelte-1j2ur1k{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.bento-description.svelte-1j2ur1k{margin:.25rem 0 0;font-size:.875rem;color:#4b5563;line-height:1.5}.bento-image-container.svelte-1j2ur1k{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bento-image.svelte-1j2ur1k{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.3;transition:transform .5s ease}.bento-item.svelte-1j2ur1k:hover .bento-image:where(.svelte-1j2ur1k){transform:scale(1.05)}@media(prefers-color-scheme:dark){.bento-item.svelte-1j2ur1k{background-color:#1f2937;border-color:#ffffff1a;color:#f3f4f6}.bento-description.svelte-1j2ur1k{color:#9ca3af}}@media(prefers-reduced-motion:reduce){.bento-item.svelte-1j2ur1k,.bento-image.svelte-1j2ur1k{transition:none;transform:none!important}}.bento-item.svelte-1j2ur1k:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.bg-section.svelte-6an0r{display:grid;gap:12px}.bg-section.svelte-6an0r+.bg-section:where(.svelte-6an0r){margin-top:28px}.bg-section__header.svelte-6an0r h3:where(.svelte-6an0r){margin:0 0 4px;font-family:var(--font-display);font-weight:400;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--fg-1)}.bg-section__header.svelte-6an0r p:where(.svelte-6an0r){margin:0;font-size:13px;line-height:1.5;color:var(--fg-2)}
