@keyframes erase-animation-cover{0%{width:0}to{width:100%}}@keyframes appear-animation-unclip{0%{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0)}to{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}}@keyframes appear-animation-uncover{0%{width:100%;left:0}to{width:0;left:100%}}@keyframes erase-animation-clip{0%{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0);color:rgba(0,0,0,0)}to{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);color:rgba(0,0,0,0)}}.animate-out .erase-animation{position:relative;animation:erase-animation-clip .5s cubic-bezier(.5,0,.5,1) .7s forwards}.animate-out .erase-animation:after{position:absolute;z-index:1;background:#333;width:0;height:100%;max-width:100%;top:0;left:0;content:"";animation:erase-animation-cover .5s cubic-bezier(.5,0,.5,1) .2s forwards}.animate-in .erase-animation-reverse{position:relative;animation-name:appear-animation-unclip;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:.2s;animation-fill-mode:forwards;-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0)}.animate-in .erase-animation-reverse:after{position:absolute;z-index:1;background:#333;width:100%;height:100%;max-width:100%;top:0;left:0;content:"";animation-name:appear-animation-uncover;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:.7s;animation-fill-mode:forwards}@keyframes transition-left{0%{transform:translateX(0);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0);transform:translateX(100%)}}@keyframes transition-right{0%{transform:translateX(0);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.work-content.animate-out-about .content{transform:translateX(0);animation:transition-left .8s ease-in-out .2s forwards}.work-content.animate-in-about .content{transform:translateX(100%);animation:transition-left .8s ease-in-out .2s reverse backwards}.work-content.animate-out-contact .content{transform:translateX(0);animation:transition-right .8s ease-in-out .2s forwards}.work-content.animate-in-contact .content{transform:translateX(-100%);animation:transition-right .8s ease-in-out .2s reverse backwards}.work-content .page-content h2 span,.work-content .page-content h3 span{opacity:.3}.work-content .page-content a{color:#ff003d;font-weight:700;text-decoration:none}.work-content .page-content a:hover{text-decoration:underline}.work-content .page-content .project{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-gap:16px;gap:16px;margin-bottom:64px}@media(max-width:900px){.work-content .page-content .project{grid-template-columns:100%;grid-template-rows:auto auto auto}}.work-content .page-content .project svg{max-width:100%;width:512px;height:auto}.work-content .page-content .project .project-description h3,.work-content .page-content .project .project-overview h3{margin:0}.work-content .page-content .project .project-description p,.work-content .page-content .project .project-overview p{margin-top:0;white-space:pre-wrap}.work-content .page-content .project .project-description .white-link,.work-content .page-content .project .project-overview .white-link{color:#fff;font-weight:400}@media(max-width:900px){.work-content .page-content .project .project-description,.work-content .page-content .project .project-overview{grid-row:2;grid-column:1}}.work-content .page-content .project .project-description{grid-column:1/span 2;grid-row:2}@media(max-width:900px){.work-content .page-content .project .project-description{grid-column:1;grid-row:3}}.work-content .page-content .project .project-description p{white-space:pre-wrap}