.showcase-card{background:var(--color-gray-50);border-radius:16px;flex-direction:column;gap:32px;padding:32px;display:flex;overflow:hidden}.description{opacity:0;padding:0;transition:opacity .6s}.description.visible{opacity:1}.description h3{font-family:var(--font-family);font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-gray-900);margin:0;font-weight:600}.description p{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-gray-600);max-width:36ch;margin:8px 0 0;font-weight:500;line-height:1.6}.screenshot-container{opacity:0;-webkit-user-select:none;user-select:none;flex:1;min-height:0;margin:0 -32px -32px;transition:opacity .6s;position:relative}.screenshot-container.visible{opacity:1}.screenshot-demo{opacity:0;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:translateY(12px)}.screenshot-demo.visible{opacity:1;transform:translateY(0)}.showcase-card-horizontal{box-sizing:border-box;flex-direction:row}.showcase-card-horizontal .description{flex-direction:column;flex:none;justify-content:center;width:60%;display:flex}.showcase-card-horizontal .screenshot-container{flex:1;margin:-32px -32px -32px 0}.showcase-stacked .showcase-card{flex:1;min-height:0}@media (width<=768px){.showcase-card{gap:16px;min-height:480px;padding:16px}.description{padding:16px 16px 8px}.screenshot-container{margin:0 -16px -16px}.showcase-stacked .showcase-card{min-height:240px}.showcase-card-horizontal{flex-direction:column}.showcase-card-horizontal .description{width:100%}.showcase-card-horizontal .screenshot-container{margin:0 -16px -16px}}