@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%)}}.home-portfolio{height:auto;max-height:60svh}@media (min-width:800px){.home-portfolio{max-height:100svh}}.home-portfolio:after{display:none}@media (min-width:800px){.home-portfolio:after{display:block}}.home-portfolio__content{align-items:center;display:flex;flex-direction:column;justify-content:center}.home-portfolio__content span.animate{display:block;position:relative;transform:translateY(110%)}.home-portfolio__content .h1{padding:0;position:relative}.home-portfolio__content .h1>span{display:flex;overflow:hidden;padding-top:10px;position:relative}.home-portfolio__content .h1 .counter{overflow:hidden;position:absolute;right:-1.3333333333vw;top:0;transform:translate(100%)}@media (min-width:800px){.home-portfolio__content .h1 .counter{right:-.3472222222vw}}.home-portfolio__content .link{color:var(--grey-300);margin-top:calc(var(--spacer-xs)*-.5);overflow:hidden;position:relative;text-decoration:underline;text-transform:uppercase;text-underline-offset:2px}.home-portfolio__content .link>span{padding:var(--spacer-xs);transform:translateY(-100%)}.home-portfolio__footer{bottom:0;display:flex;justify-content:center;left:0;position:relative;width:100%}@media (min-width:800px){.home-portfolio__footer{bottom:var(--spacer-xs);margin-top:auto;position:absolute}}.home-portfolio__footer__content{align-items:flex-end;display:grid;flex-wrap:wrap;gap:var(--spacer-x) var(--spacer-md);grid-template-columns:repeat(4,1fr);justify-content:flex-start;margin-top:var(--spacer-xl);max-width:calc(var(--icon-size)*4 + var(--spacer-md)*3);position:relative;top:0;width:100%}@media (min-width:800px){.home-portfolio__footer__content{display:flex;flex-wrap:nowrap;gap:var(--spacer-xs);justify-content:center;margin-top:0;max-width:inherit;overflow:hidden;position:absolute;transform:translateY(-100%);width:100%}}