.portfolio-card{border:1px solid var(--dividers);cursor:pointer;flex-flow:column;justify-content:stretch;align-items:stretch;gap:0;transition:border-color .2s linear,box-shadow .2s linear;display:flex;position:relative;box-shadow:0 4px 20px #00000059}@media (hover:hover){.portfolio-card:hover{border-color:#fff3;box-shadow:0 8px 28px #00000080}.portfolio-card:hover .portfolio-card__title{color:var(--primary)}}.portfolio-card__image-wrap{width:100%;height:420px;display:flex;position:relative}@media (width<768px){.portfolio-card__image-wrap{height:320px}}.portfolio-card__image-wrap img{z-index:-1;width:100%;height:100%;position:absolute;inset:0}@media (hover:hover){.portfolio-card__image-wrap:hover .portfolio-card__hover-element{position:relative}.portfolio-card__image-wrap:hover .portfolio-card__hover-element:after{content:"";background:var(--black);opacity:.4;width:calc(100% - 2px);height:2px;display:block;position:absolute;bottom:0;left:1px;right:1px}.portfolio-card__image-wrap:hover .portfolio-card__hover-element.active:after{background:var(--primary);opacity:1}}.portfolio-card__hover-items{display:none}.portfolio-card__hover-element{width:100%;height:100%}.portfolio-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;max-height:420px}.portfolio-card__body{border-right:1px solid var(--grey_light);border-bottom:1px solid var(--grey_light);border-left:1px solid var(--grey_light);flex-direction:column;flex:auto;padding:20px;display:flex}.portfolio-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;display:-webkit-box;overflow:hidden}.portfolio-card:has(.portfolio-card__exp) .portfolio-card__title{margin-bottom:8px}.portfolio-card__exp{margin-bottom:24px;font-family:SourceSans3,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:150%}.portfolio-card__name{margin-bottom:8px}.portfolio-card__desc{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portfolio-card:not(.portfolio-card-slidered) .portfolio-card__button{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s linear;display:flex;position:absolute;inset:0}.portfolio-card:not(.portfolio-card-slidered) .portfolio-card__button:before{content:"";opacity:.7;background:#263238;width:100%;height:100%;position:absolute;inset:0}.portfolio-card:not(.portfolio-card-slidered) .portfolio-card__button .button{z-index:4;position:relative}