.p-client .hx-phero .hx-eyebrow,.p-client .hx-phero .hx-eyebrow a{color:#7fd3ea;text-decoration:none}@media (hover:hover){.p-client .hx-phero .hx-eyebrow a:hover{color:#fff}}.p-client .hx-catbody{padding-top:56px}.p-client .cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.p-client .case{box-shadow:0 0 0 1px var(--hx-rule) inset;color:inherit;background:#fff;border-radius:24px;flex-direction:column;padding:16px 16px 28px;text-decoration:none;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s;display:flex}.p-client .case figure{background:var(--hx-tint);aspect-ratio:5/2;border-radius:16px;margin:0 0 22px;overflow:hidden}.p-client .case figure img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,.61,.36,1);display:block}.p-client .case h2{font:900 26px/1.2 var(--hx-display);letter-spacing:-.02em;color:var(--hx-ink);text-wrap:balance;margin:0;padding:0 12px;transition:color .2s}.p-client .case .m{font:400 16px/1.5 var(--hx-sans);color:var(--hx-muted);margin:10px 12px 0;display:block}.p-client .case .m b{color:var(--hx-blue-ink);font-weight:700}.p-client .case .cp{font:400 16px/1.55 var(--hx-sans);color:var(--hx-ink-2);margin:12px 12px 0}.p-client .case .rd{font:700 16px/1.3 var(--hx-sans);color:var(--hx-blue-ink);margin:16px 12px 0}@media (hover:hover){.p-client .case:hover{box-shadow:0 14px 28px -18px #1d1d1e47,0 0 0 1px var(--hx-rule) inset;transform:translateY(-6px)}.p-client .case:hover figure img{transform:scale(1.05)}.p-client .case:hover h3{color:var(--hx-blue-ink)}}.p-client .case:focus-visible{outline:2px solid var(--hx-blue-ink);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.p-client .cases.pre .case{opacity:0;transform:translateY(36px)}.p-client .cases.in .case{animation:.7s cubic-bezier(.16,1,.3,1) backwards hx-cardin}.p-client .cases.in .case:nth-child(2){animation-delay:.12s}.p-client .cases.in .case:nth-child(3){animation-delay:.24s}.p-client .cases.in .case:nth-child(4){animation-delay:.36s}}@keyframes hx-cardin{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}.hx-ft main.p-client .case h2{letter-spacing:0;font-size:26px;line-height:1.2}@media (max-width:900px){.p-client .hx-catbody{padding-top:36px}.p-client .cases{grid-template-columns:1fr;gap:20px}.p-client .case{padding:12px 12px 24px}.hx-ft main.p-client .case h2{font-size:24px}}
