@keyframes flip-r{50%{opacity:0;transform:translate(100%)}51%{opacity:0;transform:translate(-100%)}}@keyframes flip-l{50%{opacity:0;transform:translate(-100%)}51%{opacity:0;transform:translate(100%)}}@keyframes flip-d{50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}}@keyframes flip-u{50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}}.portfolio-list{position:relative}.portfolio-list li{align-items:center;cursor:pointer;opacity:0;padding-bottom:var(--spacer-lg);padding-top:var(--spacer-lg);position:relative;transform:translateY(50%);will-change:transform,opacity}@media (min-width:800px){.portfolio-list li{padding:0}.portfolio-list li:before{background-color:var(--theme-contrast);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:height .4s var(--ease-in-out-custom);width:100vw}.portfolio-list li:hover:before{height:100%}.portfolio-list li:hover .arrow-holder{transform:translateY(0)}.portfolio-list li:hover h3{color:var(--off-white)}.portfolio-list li:hover .marquee{color:var(--white)}}.portfolio-list li h3{grid-column:span 4;padding:var(--spacer-sm) 0;text-align:center;transition:color .4s var(--ease-in-out-custom)}@media (min-width:800px){.portfolio-list li h3{display:-webkit-box;grid-column:span 8;overflow:hidden;text-align:left;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}}@media (min-width:800px) and (max-width:799px){.portfolio-list li h3{-webkit-line-clamp:10}}@media (min-width:1720px){.portfolio-list li h3{grid-column:span 10}}.portfolio-list li>div{align-items:center;display:flex;flex-direction:column;gap:var(--spacer-lg);grid-column:span 4;height:100%;justify-content:center;position:relative;width:100%}@media (min-width:800px){.portfolio-list li>div{align-items:center;align-self:start;flex-direction:row;grid-column:span 8;justify-content:flex-end}}@media (min-width:1720px){.portfolio-list li>div{grid-column:span 6}}.portfolio-list li>div .marquee{color:var(--grey-300);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);overflow:hidden;padding:0 var(--spacer-lg);position:relative;text-transform:uppercase;width:100%}.portfolio-list li>div .arrow-holder{align-items:center;display:flex;flex:0 0 calc(var(--icon-size)/2);height:100%;justify-content:center;position:relative}@media (min-width:800px){.portfolio-list li>div .arrow-holder{transform:translateY(100%);transition:transform .35s ease-in-out;will-change:transform}}.portfolio-list li>div .arrow{flex:0 0 calc(var(--icon-size)/2);height:calc(var(--icon-size)/2);position:relative;width:calc(var(--icon-size)/2)}