.case-card--preppup{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,6vw,90px);align-items:center;margin-top:16px}
.case-card--preppup .case-art{height:clamp(310px,35vw,440px);background:#14111f}
.case-card--preppup .case-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,22,.46),transparent 32%,transparent 65%,rgba(12,13,22,.62));pointer-events:none}
.case-card--preppup .preppup-preview{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--ease)}
.case-card--preppup .case-art:hover .preppup-preview{transform:scale(1.045)}
.case-card--preppup .case-number,.case-card--preppup .case-status,.case-card--preppup .art-caption,.case-card--preppup .case-open{z-index:1;color:#e7e5f4}
.case-card--preppup .case-copy{padding:0}
.case-card--preppup .case-copy h3{font-size:clamp(44px,5vw,72px);margin:9px 0 22px}
.case-card--preppup .case-copy p{font-size:clamp(13px,1.2vw,15px);max-width:42ch}
.preppup-live-link{margin-top:25px}
.preppup-capture{border:1px solid var(--line-2);background:#11101a;padding:clamp(8px,1.4vw,18px)}
.preppup-capture img{display:block;width:100%;height:auto}
@media(max-width:800px){.case-card--preppup{grid-template-columns:1fr;gap:24px;margin-top:0}.case-card--preppup .case-copy{padding:0}.case-card--preppup .case-copy h3{font-size:42px}.case-card--preppup .case-art{height:330px}}
@media(max-width:560px){.case-card--preppup .case-art{height:300px}.case-card--preppup .case-copy h3{font-size:38px}}