.portfolio{align-items:center;display:flex;flex-direction:column;width:100%}.portfolio__list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(19.375rem,48.5%),1fr));width:100%}.portfolio-item{background:#fff;border-radius:.5rem;display:flex;overflow:hidden;position:relative;transition:all .3s ease 0s}.portfolio-item__img{display:flex;height:100%;width:100%}.portfolio-item__img img{height:100%;object-fit:cover;width:100%}.portfolio-item__content{background-color:hsla(0,0%,100%,.5);bottom:0;display:flex;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;width:100%}.portfolio-item__title{display:-webkit-box;font-weight:500;height:3rem;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.portfolio-item__subtitle{font-size:.875rem;font-weight:400}.portfolio__buttons{align-items:center;display:flex;justify-content:center;width:100%}@media (width <= 30em){.portfolio__buttons .button{width:100%}}@media (width <= 23.4375em){.portfolio{gap:2rem}.portfolio-item__title{font-size:1rem}}@media (width > 23.4375em) and (width <= 92em){.portfolio{gap:clamp(2rem,1.40177757520625rem + 2.5524156791vw,3.75rem)}.portfolio-item__title{font-size:clamp(1rem,1rem + 0vw,1rem)}}@media (width > 92em){.portfolio{gap:3.75rem}.portfolio-item__title{font-size:1rem}}@media (any-hover:hover),(pointer:fine){html:not([data-fls-touch]) .portfolio-item:hover{box-shadow:0 .25rem .25rem 0 rgba(1,98,185,.15)}}