@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}}.main-content .content{display:flex;flex-direction:column;position:relative}.main-content .content .links{font-size:64px;margin:auto auto 32px 32px}@media(max-width:900px){.main-content .content .links{font-size:48px;font-size:32px}}.main-content .content .links a{text-decoration:none;color:#fff}.main-content .content .links a:hover{color:#4f0}.animate-in-about .links .erase-animation,.animate-in-contact .links .erase-animation,.animate-in-work .links .erase-animation{position:relative;animation-name:appear-animation-unclip;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:1.6s;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-about .links .erase-animation:after,.animate-in-contact .links .erase-animation:after,.animate-in-work .links .erase-animation: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:2.1s;animation-fill-mode:forwards}.main-content{--height-step-1:96px;--height-step-2:64px;--underscore-initial-width:74px;--underscore-initial-height:18px;--underscore-height-step-1:96px;--underscore-height-step-2:64px;--underscore-initial-border-radius:4px;--underscore-initial-bottom:10px;--underscore-bottom-step-1:-40px;--underscore-top-final-step:12px;--main-title-initial-height:1em;--font-size:96px}@media(max-width:900px){.main-content{--underscore-initial-width:50px;--underscore-initial-height:12px;--underscore-height-step-1:64px;--underscore-height-step-2:42px;--underscore-initial-border-radius:2px;--underscore-initial-bottom:6px;--underscore-bottom-step-1:-24px;--underscore-top-final-step:8px;--height-step-1:96px;--height-step-2:64px;--font-size:64px}}@media(max-width:600px){.main-content{--underscore-initial-width:36px;--underscore-initial-height:10px;--underscore-height-step-1:96px;--underscore-height-step-2:32px;--underscore-initial-border-radius:1px;--underscore-initial-bottom:33px;--underscore-bottom-step-1:-20px;--underscore-top-final-step:6px;--height-step-1:96px;--height-step-2:64px;--main-title-initial-height:2em;--font-size:48px}}.main-content .title-wrapper{position:relative}.main-content .main-title,.main-content .main-title-animated{margin:0;font-size:var(--font-size);color:#4f0;line-height:1;text-align:center;width:100%}.main-content .main-title-animated>br,.main-content .main-title>br{display:none}@media(max-width:600px){.main-content .main-title-animated>br,.main-content .main-title>br{display:block}}.main-content .main-title-animated{display:none}.main-content .title-underscore{background:#4f0;position:absolute;width:var(--underscore-initial-width);height:var(--underscore-initial-height);bottom:var(--underscore-initial-bottom);left:50%;transform:translate(-50%);border-radius:var(--underscore-initial-border-radius);z-index:1}.main-content .transition-about-title,.main-content .transition-contact-title,.main-content .transition-work-title{display:none}.subtitle-wrapper{display:grid;grid-template-columns:1fr 900px 1fr}@media(max-width:900px){.subtitle-wrapper{grid-template-columns:1fr 600px 1fr}}@media(max-width:600px){.subtitle-wrapper{grid-template-columns:1fr auto 1fr}}.subtitle-wrapper .subtitle{margin:0;font-size:32px;text-align:right;color:#4f0;font-weight:400;grid-column:2}@media(max-width:900px){.subtitle-wrapper .subtitle{font-size:24px}}@keyframes underscore-down{0%{bottom:var(--underscore-initial-bottom)}to{bottom:var(--underscore-bottom-step-1)}}@keyframes underscore-widen{0%{width:var(--underscore-initial-width);border-radius:var(--underscore-initial-border-radius)}to{width:100%;border-radius:0}}@keyframes underscore-fill-height{0%{height:var(--underscore-initial-height)}to{height:var(--underscore-height-step-1)}}@keyframes underscore-move-up{0%{bottom:var(--underscore-bottom-step-1)}to{bottom:0}}@keyframes underscore-change-color{0%{background:#4f0}to{background:var(--new-background)}}@keyframes underscore-final-position{0%{height:var(--underscore-height-step-1);top:0;bottom:unset}to{bottom:unset;top:var(--underscore-top-final-step);height:var(--underscore-height-step-2)}}@keyframes underscore-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hide-subtitle{0%{height:1em}to{height:0}}@keyframes hide-title{0%{top:0;height:var(--main-title-initial-height);color:#4f0}80%{color:#4f0}81%{color:rgba(0,0,0,0)}to{top:100%;height:0;color:rgba(0,0,0,0)}}.animate-out-about .title-underscore,.animate-out-contact .title-underscore,.animate-out-work .title-underscore{animation-name:underscore-down,underscore-widen,underscore-fill-height,underscore-move-up,underscore-change-color,underscore-final-position,underscore-fade-out;animation-duration:.3s,.3s,.5s,.3s,50ms,1s,.3s;animation-timing-function:cubic-bezier(.75,0,.25,1);animation-delay:.2s,.5s,.8s,.9s,1s,1.3s,2.2s;animation-fill-mode:forwards}.animate-out-about .subtitle,.animate-out-contact .subtitle,.animate-out-work .subtitle{animation:hide-subtitle 1.2s cubic-bezier(.75,0,.25,1) .3s forwards;overflow:hidden}.animate-out-about .main-title,.animate-out-contact .main-title,.animate-out-work .main-title{opacity:0}.animate-out-about .main-title-animated,.animate-out-contact .main-title-animated,.animate-out-work .main-title-animated{display:block;position:absolute;top:0;left:0;overflow:hidden;animation:hide-title 1.25s cubic-bezier(.75,0,.25,1) .45s forwards}@keyframes new-title-animation{0%{gap:50px}to{gap:0}}@keyframes new-title-appear{0%{height:0}to{height:1em}}.transition-about-title,.transition-contact-title,.transition-work-title{position:absolute;top:0;left:50%;transform:translateX(-50%);justify-content:space-between;color:#030303;z-index:1;font-size:var(--font-size);line-height:1;gap:50px;overflow:hidden;height:0;animation-name:new-title-animation,new-title-appear;animation-duration:.2s,.3s;animation-timing-function:cubic-bezier(.75,0,.25,1);animation-delay:1.1s,.9s;animation-fill-mode:forwards;z-index:2}.animate-out-work{--new-background:#ff003d}.animate-out-work .transition-work-title{display:flex}.animate-out-contact{--new-background:#ff2e00}.animate-out-contact .transition-contact-title{display:flex}.animate-out-about{--new-background:#ff9900}.animate-out-about .transition-about-title{display:flex}.animate-in-about .subtitle,.animate-in-about .title-wrapper,.animate-in-contact .subtitle,.animate-in-contact .title-wrapper,.animate-in-work .subtitle,.animate-in-work .title-wrapper{opacity:0;animation:fade-in .1s 1.3s forwards}@keyframes content-mask-appear{0%{height:0;top:calc(var(--height-step-2) - var(--underscore-initial-bottom))}to{top:calc(var(--height-step-2) - var(--underscore-bottom-step-1) + var(--underscore-initial-height));height:0}}@keyframes content-mask-fill-height{0%{height:var(--underscore-initial-height);top:calc(var(--height-step-2) - var(--underscore-bottom-step-1) + var(--underscore-initial-height))}to{height:100%;top:calc(var(--underscore-height-step-2) + var(--underscore-top-final-step))}}@keyframes content-mask-clip{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}}@keyframes reveal-background{0%{background:#030303}to{background:rgba(0,0,0,0)}}.animate-out-about .content-mask,.animate-out-contact .content-mask,.animate-out-work .content-mask{position:absolute;background:#222;width:var(--underscore-initial-width);height:0;top:calc(var(--height-step-1) - var(--underscore-bottom-step-1));left:50%;transform:translateX(-50%);animation-name:content-mask-appear,underscore-widen,content-mask-fill-height,content-mask-clip;animation-duration:.3s,.3s,.3s,.5s;animation-timing-function:cubic-bezier(.75,0,.25,1);animation-delay:.2s,.5s,.9s,1.4s;animation-fill-mode:forwards}.animate-out-about .content,.animate-out-contact .content,.animate-out-work .content{background:#030303;animation:reveal-background 10ms 1.4s forwards}