.card-portfolio{cursor:pointer;position:relative}.card-portfolio.portrait .box-img>img{aspect-ratio:9/9.65}.card-portfolio:hover .box-img:before{opacity:1}.card-portfolio:hover .box-img .button{transform:translate(-50%,-50%) scaleX(1);transition-delay:.15s}.card-portfolio .categories{display:flex;gap:8px;position:absolute;top:16px;right:16px;z-index:2}.card-portfolio .box-img{position:relative;border-radius:16px;overflow:hidden}.card-portfolio .box-img:before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;pointer-events:none;background:#00000080;opacity:0;transition:opacity .3s ease-in-out}.card-portfolio .box-img>img{border-radius:16px;aspect-ratio:10/5.75}.card-portfolio .box-img .button{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(0);transition:transform .2s ease-in-out;pointer-events:none}.card-portfolio .box-text{margin-top:16px}.card-portfolio .box-text h3,.card-portfolio .box-text p{margin:0;color:#01161e}.card-portfolio .box-text h3{font-size:1.5rem;line-height:1.25em}@media only screen and (min-width:480px){.card-portfolio .box-text h3{font-size:2rem}}.card-portfolio .box-text p{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;overflow:hidden;margin-top:0;font-size:.875rem;line-height:1.5em}@media only screen and (min-width:480px){.card-portfolio .box-text p{font-size:1rem}}@media only screen and (min-width:768px){.card-portfolio .box-text p{margin-top:16px}}