.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 26px}.showcase-card{display:block;min-width:0;text-decoration:none;color:inherit;border-radius:22px;outline-offset:6px}.showcase-preview{position:relative;overflow:hidden;border-radius:20px;background:#e4d9ed;aspect-ratio:1000/650;border:1px solid #29133212}.showcase-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.showcase-preview>span{position:absolute;right:18px;bottom:18px;background:#fff7ed;color:#2b1839;border-radius:30px;padding:11px 17px;font-size:11px;box-shadow:0 4px 24px #17092120}.showcase-card:hover img,.showcase-card:focus-visible img{transform:scale(1.035)}.showcase-caption{position:relative;padding:21px 36px 0 3px}.showcase-caption small{display:block;color:#8e709f;font-size:9px;letter-spacing:.12em;margin-bottom:9px}.showcase-caption strong{font-size:23px;letter-spacing:-.035em;line-height:1.2;display:block;font-weight:550}.showcase-caption b{position:absolute;right:7px;top:33px;font-size:24px;font-weight:400;color:#7d509c}.output-showcase .demo-disclosure{margin-top:26px;max-width:850px}@media(max-width:650px){.showcase-grid{grid-template-columns:1fr;gap:28px}.showcase-caption strong{font-size:23px}.showcase-preview>span{font-size:10px;padding:9px 13px;right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){.showcase-preview img{transition:none}.showcase-card:hover img,.showcase-card:focus-visible img{transform:none}}body:not(.motion-on) .showcase-preview img{transition:none;transform:none}