.case-card{--cc-out:cubic-bezier(.2, .7, .2, 1);--cc-inout:cubic-bezier(.65, 0, .35, 1);min-width:0;color:inherit;text-decoration:none;display:block;position:relative}a.case-card,a.case-card:hover,a.case-card *{text-decoration:none}a.case-card:focus-visible{outline-offset:4px;box-shadow:none;border-radius:12px;outline:2px solid}.case-card-frame{isolation:isolate;width:100%;aspect-ratio:var(--case-card-ratio,3 / 2);height:var(--case-card-h,auto);background:#03101114;border-radius:8px;display:block;position:relative;overflow:hidden;container-type:inline-size}.case-card-zoom,.case-card-scale{display:block;position:absolute;inset:0}.case-card-picture{width:100%;height:100%;display:block}.case-card-picture img{object-fit:cover;width:100%;height:100%}.case-card-shade{z-index:1;pointer-events:none;background:linear-gradient(0deg,#031011c7 0,#031011a3 128px,#03101100 260px);display:block;position:absolute;inset:0}.case-card-body{z-index:2;display:block;position:absolute;bottom:0;left:0;right:0}.case-card-text{color:var(--white);grid-template-columns:minmax(0,1fr) auto;column-gap:24px;padding:0 20px 20px;display:grid}.case-card-text>:not(.case-card-arrow,.case-card-preview){grid-column:1}.case-card-problem{align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.3;display:flex}.case-card-problem svg{width:10px;height:10px;color:var(--orange);flex:none}.case-card .case-card-text h3{color:inherit;letter-spacing:-.01em;margin:6px 0 0;font-size:24px;font-weight:500;line-height:1.15}.case-card-result{margin-top:4px;font-size:15px;line-height:1.35;display:block}.case-card-figure{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:1.2}.case-card-arrow,.case-card-preview{grid-area:2/2;align-self:last baseline}.case-card-arrow{line-height:1;display:inline-flex}.case-card-arrow .px-arrow{width:20px;height:20px;margin:0}.case-card-preview{font-size:14px;font-weight:500;line-height:1.4}@container not (min-width:360px){.case-card-text{column-gap:20px;padding:0 16px 16px}.case-card .case-card-text h3{font-size:22px}.case-card-figure{font-size:18px}.case-card-arrow .px-arrow{width:18px;height:18px}}@media (max-width:767px){.case-card-text{column-gap:20px;padding:0 16px 16px}.case-card .case-card-text h3{font-size:22px}.case-card-figure{font-size:18px}.case-card-arrow .px-arrow{width:18px;height:18px}}.case-card-scale,.case-card-arrow .px-arrow{transition:transform .36s var(--cc-inout)}a.case-card:focus-visible .case-card-scale,.case-card:active .case-card-scale{transition:transform .7s var(--cc-out);transform:scale(1.04)}a.case-card:focus-visible .case-card-arrow .px-arrow,.case-card:active .case-card-arrow .px-arrow{transition:transform .3s var(--cc-out);transform:translate(4px,-4px)}@media (hover:hover) and (pointer:fine){.case-card:hover .case-card-scale{transition:transform .7s var(--cc-out);transform:scale(1.04)}.case-card:hover .case-card-arrow .px-arrow{transition:transform .3s var(--cc-out);transform:translate(4px,-4px)}}.case-card.case-card:active :is(.case-card-scale,.case-card-arrow .px-arrow){transition-duration:.2s}@media (prefers-reduced-motion:reduce){.case-card .case-card-scale{transition:none!important;transform:none!important}.case-card .case-card-arrow .px-arrow{transition:none!important}}