.portfolio-grid-item{width:calc(25% - 14px);position:relative;background-color:var(--white)}@media(max-width:768px){.portfolio-grid-item{width:100%!important}}.portfolio-grid-item:before{content:"";position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:20px;transition:all .25s linear}.portfolio-grid-item:hover:before{box-shadow:4px 4px 10px hsla(0,3%,63%,.52);background-color:var(--white)}.portfolio-grid-item:hover .portfolio-item-video{opacity:1;visibility:visible}.portfolio-grid-item:nth-child(5n){width:calc(50% - 10px)}.portfolio-grid-item:nth-child(5n) .portfolio-item-video{display:none}@media(max-width:768px){.portfolio-grid-item:nth-child(5n) .portfolio-item-video{display:block}}.portfolio-grid-item .portfolio-item-img{transition:all .25s linear;width:100%;height:100%;object-fit:cover}.portfolio-grid-item .portfolio-item-link{width:100%;height:100%;text-decoration:none;display:flex;flex-direction:column;gap:8px;position:relative;padding-bottom:8px}.portfolio-grid-item .portfolio-item-heading{display:flex;flex-direction:column;gap:4px}.portfolio-grid-item .portfolio-item-date{font-size:12px;font-weight:500;color:var(--beige-dark);line-height:1.3;letter-spacing:0}.portfolio-grid-item .portfolio-item-title{font-size:14px;color:var(--text-color);line-height:1.35;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;box-orient:vertical}.portfolio-grid-item .portfolio-item-media{position:relative;display:block;height:231.4px;border-radius:20px;overflow:hidden}@media(min-width:768px)and (max-width:1256px){.portfolio-grid-item .portfolio-item-media{height:18.409vw}}@media(max-width:768px){.portfolio-grid-item .portfolio-item-media{height:75.6vw}}.portfolio-grid-item .portfolio-item-prevew{display:block;font-size:0;line-height:0;height:100%}.portfolio-grid-item .portfolio-item-prevew picture{display:block}.portfolio-grid-item .portfolio-item-prevew .wide{display:none}.portfolio-grid-item .portfolio-item-video{display:block;width:100%;height:100%;overflow:hidden;transition:all .2s linear;position:absolute;top:0;left:0;opacity:0;visibility:hidden;z-index:1}.portfolio-grid-item .portfolio-item-video video{width:100%;height:auto}.portfolio-grid-item-full{width:100%;position:relative;background-color:var(--white);transition:all .25s linear}.portfolio-grid-item-full:before{content:"";position:absolute;top:-16px;left:-16px;width:calc(100% + 32px);height:calc(100% + 32px);border-radius:20px;transition:all .25s linear}@media(max-width:768px){.portfolio-grid-item-full:before{top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}}.portfolio-grid-item-full:hover:before{box-shadow:4px 4px 10px hsla(0,3%,63%,.52);background-color:var(--white)}.portfolio-grid-item-full .portfolio-item-img{transition:all .25s linear;width:100%;height:100%;object-fit:cover}.portfolio-grid-item-full .portfolio-item-link{width:100%;height:100%;text-decoration:none;display:flex;flex-direction:column;gap:16px;position:relative;padding-bottom:16px}@media(max-width:768px){.portfolio-grid-item-full .portfolio-item-link{gap:8px}}.portfolio-grid-item-full .portfolio-item-heading{display:flex;flex-direction:column;gap:4px}.portfolio-grid-item-full .portfolio-item-date{font-size:16px;font-weight:500;color:var(--beige-dark);line-height:1.45;letter-spacing:0}@media(max-width:768px){.portfolio-grid-item-full .portfolio-item-date{font-size:12px;line-height:1.3}}.portfolio-grid-item-full .portfolio-item-title{font-size:18px;font-weight:500;color:var(--text-color);line-height:1.45;letter-spacing:0}@media(max-width:768px){.portfolio-grid-item-full .portfolio-item-title{font-size:14px;font-weight:400;line-height:1.35}}.portfolio-grid-item-full .portfolio-item-media{position:relative;display:block;height:363px;border-radius:20px;overflow:hidden}@media(min-width:768px)and (max-width:1256px){.portfolio-grid-item-full .portfolio-item-media{height:300px}}@media(max-width:768px){.portfolio-grid-item-full .portfolio-item-media{height:75.6vw}}.portfolio-grid-item-full .portfolio-item-prevew{display:block;font-size:0;line-height:0;height:100%}.portfolio-grid-item-full .portfolio-item-prevew picture{display:block}.portfolio-grid-item-full .portfolio-item-prevew .quad{display:none}@media(max-width:768px){.portfolio-grid-item-full .portfolio-item-prevew .quad{display:block}.portfolio-grid-item-full .portfolio-item-prevew .full{display:none}}