.projects-container{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:24px}@media screen and (max-width: 780px){.projects-container{display:grid;grid-template-columns:1fr}}.projects-container__card{width:calc(50% - 11px)}@media screen and (max-width: 780px){.projects-container__card{width:100%!important}}.projects-container__card:nth-child(8n+1){width:calc(60% - 11px)}.projects-container__card:nth-child(8n+2){width:calc(40% - 11px)}.projects-container__card:nth-child(8n+5){width:calc(40% - 11px)}.projects-container__card:nth-child(8n+6){width:calc(60% - 11px)}.projects-container__card:nth-child(8n+1) .projects-container__card__content h3,.projects-container__card:nth-child(8n+6) .projects-container__card__content h3{max-width:360px}.projects-container__card{position:relative;border-radius:4px;overflow:hidden;isolation:isolate;min-height:308px;color:#fff;text-decoration:none}.projects-container__card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .3s ease-in-out;will-change:transform}.projects-container__card__overlay{position:absolute;inset:0;background-image:linear-gradient(90deg,#0006 30%,#0000001a);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:1}.projects-container__card__content{position:relative;z-index:2;display:flex;flex-direction:column;padding:32px;box-sizing:border-box;height:100%}@media screen and (max-width: 780px){.projects-container__card__content{padding:24px}}.projects-container__card__content h3{margin-bottom:auto;max-width:256px;width:100%;color:#fff}.projects-container__card__content>div{opacity:0;display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px;transition:opacity .3s ease-in-out}.projects-container__card__content>div p{color:#fff;position:relative}.projects-container__card__content>div p:not(:last-child):after{content:"";background:#fff;border-radius:50%;height:4px;width:4px;position:absolute;right:-14px;top:50%;transform:translateY(-50%)}.projects-container__card:is(:hover) .projects-container__card__img{transform:scale(1.1)}.projects-container__card:is(:hover) .projects-container__card__overlay{opacity:1}.projects-container__card:is(:hover) .projects-container__card__content>div{opacity:1}