@keyframes showModal{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes hideModal{0%{transform:translate(0)}to{transform:translate(110%)}}.b-project-card{container-type:inline-size;display:flex;flex-direction:column;row-gap:1.2rem}.b-project-card__wrapper{padding-bottom:3rem}@media(hover:hover){.b-project-card:hover:hover .b-project-card__image{transform:scale(.913,.861)}.b-project-card:hover:hover .b-project-card__image img{transform:scale(1.0952902519,1.1614401858)}.b-project-card:hover:hover .b-project-card__info{padding-left:3rem;padding-right:3rem;transform:translateY(-4.624cqw)}.b-project-card:hover:hover .b-project-card__title-wrapper{padding-left:3rem;padding-right:3rem}.b-project-card:hover:hover h2{padding-right:.9rem}.b-project-card:hover:hover .b-project-card__icon{opacity:1}}.b-project-card:focus-visible:hover .b-project-card__image{transform:scale(.913,.861)}.b-project-card:focus-visible:hover .b-project-card__image img{transform:scale(1.0952902519,1.1614401858)}.b-project-card:focus-visible:hover .b-project-card__info{padding-left:3rem;padding-right:3rem;transform:translateY(-4.624cqw)}.b-project-card:focus-visible:hover .b-project-card__title-wrapper{padding-left:3rem;padding-right:3rem}.b-project-card:focus-visible:hover h2{padding-right:.9rem}.b-project-card:focus-visible:hover .b-project-card__icon{opacity:1}.b-project-card:focus-visible .b-project-card__icon{opacity:1}.b-project-card__image,.b-project-card__image img{aspect-ratio:692/460;height:auto;width:100%}.b-project-card__image{overflow:hidden}.b-project-card__image,.b-project-card__image img{transition:transform .4s cubic-bezier(.54,0,.06,.87)}.b-project-card__image img{-o-object-fit:cover;object-fit:cover}.b-project-card__info{align-items:center;margin-bottom:.8rem;transition:transform .4s cubic-bezier(.54,0,.06,.87),padding .4s cubic-bezier(.54,0,.06,.87)}.b-project-card__info,.b-project-card__title-wrapper{display:flex;justify-content:space-between}.b-project-card__title-wrapper{align-items:flex-start;-moz-column-gap:.8rem;column-gap:.8rem;transition:padding .4s cubic-bezier(.54,0,.06,.87)}.b-project-card h2{padding-right:6rem}@media(min-width:961px){.b-project-card h2{max-width:90%}}@media(min-width:1281px){.b-project-card h2{max-width:85%}}.b-project-card h2{text-wrap:auto;transition:padding .4s cubic-bezier(.54,0,.06,.87)}.b-project-card__icon{flex-shrink:0}@media(min-width:641px){.b-project-card__icon{opacity:0}}.b-project-card__icon{transition:opacity .4s cubic-bezier(.54,0,.06,.87)}