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