/* Portfolio release 2026-10-09. Isolated from the application interfaces. */
.km-live-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(120,173,204,.25);border-radius:22px;background:rgba(6,18,34,.55)}
.km-live-preview{display:block;overflow:hidden;aspect-ratio:1.44;background:#e6e9ed;border-bottom:1px solid rgba(120,173,204,.2)}
.km-live-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s}
.km-live-preview:hover img{transform:scale(1.025)}
.km-live-copy{padding:26px;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:14px}.km-live-copy>small{color:#61d8ff;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.km-live-copy h4{font-size:26px;line-height:1.12;margin:0}.km-live-copy p{font-size:15px;line-height:1.65;margin:0;color:var(--muted,#b8c7db)}.km-live-copy .km-live-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:auto;padding-top:10px}.km-live-actions a{font-size:13px;font-weight:700}.km-live-actions .km-preview-cta{padding:12px 18px;display:inline-flex;background:#0877bb;border-radius:30px;color:white}.km-live-actions a:focus-visible,.km-live-preview:focus-visible{outline:3px solid #61d8ff;outline-offset:4px}.km-live-card-app .km-live-preview{aspect-ratio:1.6;background:#e4f2ff}.km-live-card-app.android .km-live-preview img{object-fit:contain;object-position:center}.km-live-note{font-size:13px;color:var(--muted,#b8c7db);margin:22px 0}.km-showcase-grid:has(.km-live-card){grid-template-columns:repeat(3,minmax(0,1fr))}.km-showcase-grid-apps:has(.km-live-card){grid-template-columns:repeat(2,minmax(0,1fr))}body.light .km-live-card{background:#fff;border-color:#c3d9e8}body.light .km-live-copy>small{color:#09649a}body.light .km-live-copy p{color:#42576b}body.light .km-live-copy h4{color:#10293d}
@media(max-width:1100px){.km-showcase-grid:has(.km-live-card){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.km-showcase-grid:has(.km-live-card),.km-showcase-grid-apps:has(.km-live-card){grid-template-columns:1fr}.km-live-copy{padding:22px}.km-live-copy h4{font-size:24px}}
@media(prefers-reduced-motion:reduce){.km-live-preview img{transition:none}}