.framework-cards-container{justify-content:center;width:100%;display:flex}.framework-cards-container .cards{white-space:nowrap;z-index:2;border-radius:1rem;flex-wrap:nowrap;width:100%;height:400px;display:flex;overflow:hidden;box-shadow:0 26px 70px #00000073,0 0 0 1px #ffffff80}.framework-cards-container .card{cursor:pointer;will-change:flex;flex:1 1 0;min-width:0;height:100%;transition:flex .5s;position:relative;overflow:hidden}.framework-cards-container .card:hover{flex:3;box-shadow:0 0 15px #000000b3}.framework-cards-container .card a{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.framework-cards-container .card img{object-fit:cover;filter:grayscale();will-change:transform,filter;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%) 0 0/200% 100%;width:100%;height:100%;transition:transform .5s,filter .5s;animation:1.5s infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.framework-cards-container .card:hover img{filter:grayscale(0%);transform:scale(1.2)}.framework-cards-container .card:after{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(#0000 50%,#00000080);transition:opacity .3s;position:absolute;inset:0}.framework-cards-container .card:hover:after{opacity:1}.framework-cards-container .card-title{color:#fff;z-index:2;white-space:nowrap;background:#000000b3;border-radius:8px;padding:10px 15px;font-size:1.1rem;transition:background .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.framework-cards-container .card:hover .card-title{color:#000;background:#ffffffd9;transform:translate(-50%,-50%)scale(1.1)}.framework-cards-container .card-desc{z-index:3;color:#fff;white-space:normal;background:linear-gradient(#0000,#000c);margin:0;padding:.5rem 1rem;font-size:.9rem;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.framework-cards-container .card:hover .card-desc{transform:translateY(0)}.framework-cards-container .card a:focus-visible{outline-offset:4px;outline:2px solid #fff}.framework-cards-container .card a:focus-visible img{filter:grayscale(0%)}@media (max-width:768px){.framework-cards-container .cards{flex-direction:column;height:auto}.framework-cards-container .card{flex:none;width:100%;height:250px}.framework-cards-container .card:hover{flex:none}.framework-cards-container .card:after{opacity:1}.framework-cards-container .card-desc{transform:translateY(0)}.framework-cards-container .card img{filter:grayscale(0%)}}@media (prefers-reduced-motion:reduce){.framework-cards-container .card,.framework-cards-container .card img,.framework-cards-container .card-title,.framework-cards-container .card-desc,.framework-cards-container .card:after{transition:none}.framework-cards-container .card img{animation:none}}