/* Series 1 concept cards (SERIES1, dev only): the front is one SVG drawing (series1.js); the card keeps its size, flip and back. */
.cd.s1 .cd-front { padding: 0; background: none; box-shadow: none; overflow: visible; border-radius: 0; }
.cd.s1 .cd-front::before, .cd.s1 .cd-front::after { display: none; }
.cd.s1 .cd-front > :not(.s1-face) { display: none; }
.cd.s1 .s1-face { position: absolute; inset: 0; display: block; z-index: 1; }
.cd.s1 .s1-face svg, .cd.s1 .s1-face img { display: block; width: 100%; height: 100%; filter: drop-shadow(0 .5em .8em rgba(0, 0, 0, .45)); }
.cd.s1 .s1-face { animation: s1-in .24s ease-out both; }   /* a face fades in over the card's own, never a blank flash */
@keyframes s1-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .cd.s1 .s1-face { animation: none; } }
.cd.s1 .cd-trailer { z-index: 3; }
/* the preview switch in the member menu (admins, dev) */
.menu-s1 small { display: block; opacity: .7; }