:root{--cs-w-xl:280px;--cs-w-lg:280px;--cs-w-md:280px;--cs-w-sm:100%}.cs{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end;padding-top:24px;width:100%}.cs-card{--cs-accent:#00e2ff;display:flex;flex-direction:column;gap:12px;width:var(--cs-w-xl)}.cs-imgwrap{background:#111;height:0;overflow:hidden;padding-top:75%;position:relative}.cs-imgwrap img{height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.cs-imgwrap:after{background:var(--cs-accent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.cs-card:hover .cs-imgwrap:after{opacity:.55}.cs-caption{background:#3b3c3f;color:#fff;font-size:15px;line-height:1.45;padding:14px}.cs-card:first-child{--cs-accent:#00e2ff}.cs-card:nth-child(2){--cs-accent:#8b5cff}.cs-card:nth-child(3){--cs-accent:#afff00}.cs-cta{align-items:center;align-self:flex-end;background:#afff00;color:#000;display:inline-flex;font-size:14px;font-weight:600;justify-content:flex-end;padding:.6rem 1.2rem;text-decoration:none}@media (max-width:1440px){.cs{gap:20px}.cs-card{width:var(--cs-w-lg)}}@media (max-width:1366px){.cs-card{width:var(--cs-w-md)}}@media (max-width:1024px){.cs{gap:18px}.cs-card{width:200px}.cs-caption{font-size:14px}.cs-cta{margin-top:24px}}@media (max-width:768px){.cs{display:grid;gap:18px;grid-template-columns:1fr;padding:1rem 0}.cs-card{background:#101113;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 8px 20px rgba(0,0,0,.35);gap:0;overflow:hidden;width:100%}.cs-imgwrap{background:#0e0f12;border-bottom:1px solid hsla(0,0%,100%,.08);padding-top:65%}.cs-imgwrap img{object-fit:contain;padding:10px}.cs-caption{background:#3b3c3f;color:#fff;font-size:14px;line-height:1.55;padding:14px 16px}.cs-cta{font-size:14px;margin:.25rem auto .5rem;padding:.6rem 1.2rem}}.cs.swiper{padding-bottom:38px}.swiper-button-next,.swiper-button-prev{color:#fff}