/* App-Screenshots (Shortcode nkc_app_screens): leicht aufgefächerte Telefone, gehen beim Hover auseinander. */
.nkc-app-screens { display: flex; justify-content: center; align-items: flex-end; padding: 8px 0 18px; }
.nkc-app-screens figure { position: relative; flex: none; width: min(30%, 160px); margin: 0 -14px; aspect-ratio: 9 / 19.5; overflow: hidden; border: 1px solid var(--glass-border, rgba(232, 240, 236, .09)); border-radius: 24px; background: #050706; box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .8); transition: transform .7s var(--ease-out-expo, ease); }
.nkc-app-screens img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.nkc-app-screens figure:nth-child(1):not(:only-child) { transform: rotate(-7deg) translateY(18px); }
.nkc-app-screens figure:nth-child(2) { z-index: 2; transform: translateY(-6px); }
.nkc-app-screens figure:nth-child(3) { transform: rotate(7deg) translateY(18px); }
.nkc-app-screens:hover figure:nth-child(1):not(:only-child) { transform: rotate(-3deg) translate(-26px, 8px); }
.nkc-app-screens:hover figure:nth-child(2) { transform: translateY(-14px) scale(1.03); }
.nkc-app-screens:hover figure:nth-child(3) { transform: rotate(3deg) translate(26px, 8px); }
@media (prefers-reduced-motion: reduce) { .nkc-app-screens figure { transition: none; } }