.pcard{--h:var(--light);border-top:2px solid var(--h);min-width:0;padding-top:20px;position:relative}.pcard .shot{aspect-ratio:16/10;border:1px solid color-mix(in srgb,var(--light) 14%,transparent);background:var(--ink-2);box-shadow:0 24px 60px -30px #000,0 0 40px -22px color-mix(in srgb,var(--h) 60%,transparent);border-radius:6px;position:relative;overflow:hidden}.pcard .shot:after{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff12,#0000 38%);position:absolute;inset:0}.pcard img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;width:100%;height:100%;transition:object-position 2.4s var(--ease);transition:object-position 2.4s var(--ease),-o-object-position 2.4s var(--ease)}.pcard:hover img{-o-object-position:50% 60%;object-position:50% 60%}.pcard .client{color:var(--dim);margin-top:18px}.pcard h2,.pcard h3{margin-top:6px;font-size:calc(clamp(1.4rem,1.1rem + .9vw,2.1rem));line-height:1.1}.pcard h2 a,.pcard h3 a{text-decoration:none}.pcard h2 a:after,.pcard h3 a:after{content:"";position:absolute;inset:0}.pcard:hover h2 a,.pcard:hover h3 a{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:1px}.pcard a:focus-visible{outline:none}.pcard:has(a:focus-visible){outline:2px solid var(--light);outline-offset:6px}.pcard .sum{color:var(--dim);max-width:36em;margin-top:12px}
