.case-study-card.svelte-ztadlb{position:relative;aspect-ratio:4 / 5;border-radius:1rem;overflow:hidden;cursor:pointer;background:#fff;display:block;text-decoration:none;container-type:inline-size;container-name:card}.case-study-card__default.svelte-ztadlb{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;padding:1.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.case-study-card__image.svelte-ztadlb{flex:1;display:flex;align-items:center;justify-content:center;border-radius:.5rem;margin-bottom:1rem;position:relative;overflow:hidden}.case-study-card__image.svelte-ztadlb>img:where(.svelte-ztadlb){width:100%;height:100%;object-fit:cover;border-radius:.5rem;transition:transform .8s ease}.case-study-card.svelte-ztadlb:hover .case-study-card__image:where(.svelte-ztadlb)>img:where(.svelte-ztadlb){transform:scale(1.05)}.case-study-card__logo.svelte-ztadlb{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;max-width:7rem;height:2rem}.case-study-card__logo.svelte-ztadlb img:where(.svelte-ztadlb){max-width:100%;max-height:100%;object-fit:contain}.case-study-card__info.svelte-ztadlb{padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.case-study-card__category.svelte-ztadlb{font-family:var(--font-sans);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#04040480}.case-study-card__name.svelte-ztadlb{font-family:var(--font-sans);font-size:1.25rem;font-weight:500;color:var(--color-krave-black);margin:.5rem 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-study-card__region.svelte-ztadlb{font-family:var(--font-sans);font-size:.875rem;color:#04040499;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-study-card__hover.svelte-ztadlb{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--color-krave-black);color:#fff;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;transform:translateY(101%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.case-study-card.svelte-ztadlb:hover .case-study-card__default:where(.svelte-ztadlb){transform:translateY(-100%)}.case-study-card.svelte-ztadlb:hover .case-study-card__hover:where(.svelte-ztadlb){transform:translateY(0)}.case-study-card__hover-content.svelte-ztadlb{display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.case-study-card__stat-label.svelte-ztadlb{font-family:var(--font-sans);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.case-study-card__stat.svelte-ztadlb{font-family:var(--font-sans);font-size:1.75rem;font-weight:600;color:var(--color-krave-lime);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-study-card__description.svelte-ztadlb{font-family:var(--font-sans);font-size:.9375rem;font-weight:400;line-height:1.5;color:#fffc;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.case-study-card__arrow.svelte-ztadlb{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.case-study-card.svelte-ztadlb:hover .case-study-card__arrow:where(.svelte-ztadlb){background:var(--color-krave-lime);border-color:var(--color-krave-lime);color:var(--color-krave-black)}@media (max-width: 768px){.case-study-card.svelte-ztadlb{aspect-ratio:4 / 5}.case-study-card__default.svelte-ztadlb,.case-study-card__hover.svelte-ztadlb{padding:1rem}.case-study-card__name.svelte-ztadlb{font-size:1rem}.case-study-card__stat.svelte-ztadlb{font-size:1.25rem}.case-study-card__description.svelte-ztadlb{font-size:.75rem;line-height:1.4;-webkit-line-clamp:2}.case-study-card__category.svelte-ztadlb{font-size:.625rem}.case-study-card__region.svelte-ztadlb{font-size:.75rem}.case-study-card__arrow.svelte-ztadlb{width:2rem;height:2rem;top:1rem;right:1rem}.case-study-card__arrow.svelte-ztadlb svg:where(.svelte-ztadlb){width:1rem;height:1rem}}@container card (max-width: 235px){.case-study-card__description.svelte-ztadlb{display:none}}
