@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-content{0%{transform:translate(-50%,-35%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes project-hero-fadein{0%{opacity:0}to{opacity:1}}@keyframes placeholder-main-fade-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hero{position:relative;height:100vh;width:100%;overflow:hidden}@media (max-width:600px){.hero{height:100dvh}}.hero__bg{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.blurhash-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1}.blurhash-wrapper{position:relative;width:100%;height:100%;will-change:transform,opacity;transform:translateZ(0)}@media (min-width:600px){.mainPage .blurhash-wrapper{transform:translateY(100%);animation:placeholder-main-fade-in 1.5s ease-out 1.9s forwards}}.projectPage .blurhash-wrapper{opacity:0;animation:fade-in 1s ease-out 1s forwards}@media (max-width:600px){.projectPage .blurhash-wrapper{opacity:0;animation:fade-in 1s ease-out forwards}}.hero__bgImg{opacity:1;width:100vw;height:100vh;position:absolute;top:0;left:0;object-fit:cover;will-change:opacity;transform:translateZ(0);transition:opacity 1s ease-in-out}@media (max-width:600px){.hero__bgImg{transition:opacity 1.5s ease-in-out}}.hero__bgImg.hidden{opacity:0}.hero__overlay{position:absolute;top:0;background:linear-gradient(180deg,rgb(24 24 24/70%) 15.94%,rgb(0 0 0/0));width:100%;height:100%;will-change:opacity;transform:translateZ(0)}@media (max-width:600px){.mainPage .blurhash-wrapper{opacity:0;animation:project-hero-fadein .1s ease-out 1s forwards}.mainPage .hero .preloader{display:none}}.mainPage .pageTitle__content{opacity:0;animation:hero-content 1.5s ease-out 3.5s forwards;will-change:transform,opacity;transform:translateZ(0)}.mainPage .hero__overlay{opacity:0;animation:fade-in 1.5s ease-out 3s forwards}@media (max-width:600px){.mainPage .hero__bgImg{opacity:0;animation:project-hero-fadein 1s ease-out 1.5s forwards}.mainPage .pageTitle__content{opacity:0;animation:hero-content .6s ease-out 2.5s forwards}.mainPage .hero__overlay{opacity:0;animation:fade-in 1s ease-out 2.5s forwards}}