.case-showcase{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}.case-showcase__cell{display:flex;min-width:0}.case-showcase__card{position:relative;display:flex;width:100%;min-height:440px;overflow:hidden;border-radius:var(--r-surface);background:var(--niccos-ink);color:#fff;isolation:isolate}.case-showcase__card:focus-visible{outline:2px solid var(--niccos-ink);outline-offset:3px}.case-showcase__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.case-showcase__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,color-mix(in srgb,var(--niccos-ink) 94%,transparent),color-mix(in srgb,var(--niccos-ink) 78%,transparent) 45%,color-mix(in srgb,var(--niccos-ink) 30%,transparent))}.case-showcase__copy{display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:var(--s-6)}.case-showcase__brand{margin:0;font-family:var(--niccos-font-display);font-size:var(--type-card);font-weight:500;line-height:1.1;color:#fff}.case-showcase__logo{display:block;width:auto;max-width:min(260px,70%);height:2rem;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;filter:brightness(0) invert(1)}.case-showcase__lead{display:block;max-width:58ch;margin-top:var(--s-5);font-family:var(--niccos-font-display);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;color:#fff}.case-showcase__description{display:block;max-width:52ch;margin-top:var(--s-2);font-family:var(--niccos-font-body);font-size:1rem;line-height:1.5;color:#ffffffc7}.case-showcase__stats{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);margin-top:var(--s-5)}.case-showcase__stat{display:block;min-width:0}.case-showcase__stat-value{display:block;font-family:var(--niccos-font-display);font-size:1.25rem;font-weight:500;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.case-showcase__stat-label{display:block;margin-top:2px;font-family:var(--niccos-font-body);font-size:.8125rem;line-height:1.4;color:#ffffffb8}.case-showcase__cta{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;margin-top:var(--s-4);font-family:var(--niccos-font-body);font-size:.875rem;font-weight:500}.case-showcase__note{display:block;margin-top:var(--s-5);font-family:var(--niccos-font-body);font-size:.8125rem;color:#ffffffb8}.case-showcase__cta-label{border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px;transition:border-color .2s ease}.case-showcase__cta-arrow{transition:transform .2s ease}a.case-showcase__card:hover .case-showcase__image,a.case-showcase__card:focus-visible .case-showcase__image{transform:scale(1.03)}.case-showcase__card:hover .case-showcase__cta-label,.case-showcase__card:focus-visible .case-showcase__cta-label{border-color:#fff}.case-showcase__card:hover .case-showcase__cta-arrow,.case-showcase__card:focus-visible .case-showcase__cta-arrow{transform:translate(3px)}@media (min-width: 768px){.case-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.case-showcase__cell--featured{grid-column:1 / -1}.case-showcase__card{min-height:480px}.case-showcase__copy{padding:var(--s-7)}.case-showcase__cell--featured .case-showcase__card{min-height:clamp(480px,38vw,600px)}.case-showcase__cell--featured .case-showcase__shade{background:linear-gradient(to right,color-mix(in srgb,var(--niccos-ink) 92%,transparent),color-mix(in srgb,var(--niccos-ink) 78%,transparent) 48%,color-mix(in srgb,var(--niccos-ink) 42%,transparent))}.case-showcase__cell--featured .case-showcase__copy{max-width:760px;justify-content:center}.case-showcase__cell--featured .case-showcase__lead{font-size:clamp(1.75rem,3vw,2.5rem)}.case-showcase__cell--featured .case-showcase__stat-value{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.case-showcase__image,.case-showcase__cta-arrow,.case-showcase__cta-label{transition:none}.case-showcase__card:hover .case-showcase__image,.case-showcase__card:focus-visible .case-showcase__image,.case-showcase__card:hover .case-showcase__cta-arrow{transform:none}}
