/* New case and newly appended cards only. Existing cases and shared styles are unchanged. */
.project-grid>.project-card:nth-child(n+3){border-top:1px solid var(--line)}
.payproo-native{container-type:inline-size;width:100%;max-width:1920px;margin:auto;background:#000;color:#eee;overflow:hidden}
.payproo-native [data-edit]{white-space:pre-line}.payproo-native figure{position:relative;margin:0;min-width:0;line-height:0}.payproo-native .payproo-art>img{display:block;position:static;width:100%;height:auto}
.payproo-native .payproo-art>.image-dimensions{display:none}.payproo-native .payproo-hero{position:relative}.payproo-native .payproo-hero-title{position:absolute;left:5.4%;bottom:17%;color:#082194}.payproo-native .payproo-hero-title h1{font-size:4cqw;line-height:1.4;font-weight:600;letter-spacing:.3cqw}.payproo-native .payproo-hero-title p{font-size:5.4cqw;line-height:1.7;font-weight:200;letter-spacing:.45cqw}
.payproo-native .payproo-brief{margin:0;background:#d7d7d7;color:#2c2c2c;padding:3.5% 5.4% 5.4%}.payproo-native .payproo-brief>div{display:grid;grid-template-columns:24% 1fr;gap:3%;align-items:center;border-bottom:1px solid #999;padding:1.6% 0}.payproo-native .payproo-brief dt{font-size:2.3cqw;font-weight:600}.payproo-native .payproo-brief dt::after{content:' →';font-weight:200;margin-left:1.3cqw}.payproo-native .payproo-brief dd{font-size:1.8cqw;line-height:1.65;text-align:right;margin:0}
.payproo-native .payproo-inset{padding:10% 5.4% 0}.payproo-native .payproo-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7%}.payproo-native .payproo-heading h2{font-size:4.5cqw;font-weight:200;line-height:1.1}.payproo-native .payproo-heading>span{font-size:8cqw;font-weight:200;line-height:1}
.payproo-native .payproo-motion{width:100%;background:#000;aspect-ratio:16/9;overflow:hidden}.payproo-native .payproo-motion video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.payproo-native .payproo-copy{padding:6% 5.5% 10%;font-size:1.85cqw;line-height:1.65;letter-spacing:.03cqw}.payproo-native .payproo-copy h3{font-size:2.3cqw;line-height:1.5;font-weight:600}.payproo-native .payproo-art-stack{display:grid;gap:5.5cqw}.payproo-native .payproo-brand-stack{display:grid;gap:4.7cqw;margin:0 1.4%}.payproo-native .payproo-stationery{margin-top:4.1%}.payproo-native .payproo-web-demo{margin-top:17%;margin-bottom:4.1%}.payproo-native .payproo-final-stack{display:grid;gap:4.5cqw;margin-top:4.1%}.payproo-native .payproo-end{width:55%;margin:14% auto 10%}
.pending-case-native{padding:8%;background:#000;container-type:inline-size}.pending-case-native h2{font-size:clamp(24px,4cqw,60px);white-space:pre-line;margin-bottom:30px}.pending-case-native>p{margin-top:24px;font-size:14px;line-height:1.8;color:#aaa}.pending-case-media{position:relative;display:grid;place-items:center;margin:0;aspect-ratio:16/9;background:#444;overflow:hidden}.pending-case-media>img{display:block;width:100%;height:auto}.pending-case-media.has-image{display:block;aspect-ratio:auto;background:#000}.pending-case-media.has-image>.placeholder-copy{display:none}
@media(max-width:600px){.payproo-native .payproo-copy{font-size:12px;line-height:1.8}.payproo-native .payproo-copy h3{font-size:14px}.payproo-native .payproo-brief dd{font-size:max(9px,1.8cqw)}}

.payproo-native .payproo-heading-placeholder{flex:0 0 10%;aspect-ratio:1;display:grid;place-items:center;background:#444;line-height:1.4;overflow:hidden}.payproo-native .payproo-heading-placeholder .placeholder-copy{font-size:1.2cqw;color:#ddd}.payproo-native .payproo-heading-placeholder .image-dimensions{font-size:.9cqw;padding:0;top:65%;bottom:auto;left:0;right:0}.payproo-native .payproo-heading-placeholder.has-image{display:block;aspect-ratio:auto;background:transparent}.payproo-native .payproo-heading-placeholder>img{display:block;width:100%;height:auto}.payproo-native .payproo-heading-placeholder.has-image .placeholder-copy{display:none}
