:root{--hero-height:100vh;--hero-reveal-duration:1.2s;--hero-text-delay:0.8s;--hero-stagger:0.15s;--hero-easing:cubic-bezier(0.22,1,0.36,1);--hero-fade-in:0.8s ease-in-out}@supports (height:100dvh){:root{--hero-height:100dvh}}.hero{position:relative;height:var(--hero-height);width:100%;overflow:hidden;background-color:var(--color-black);--bg-current:var(--bg-desktop)}.hero__bg-container{overflow:hidden;pointer-events:none;background-color:var(--color-black)}.hero__bg,.hero__bg-container{position:absolute;inset:0;z-index:0}.hero__bg{background-image:var(--bg-current);background-size:cover;background-position:50%;opacity:0;filter:blur(15px) contrast(.9);transform:scale(1.1);transition:opacity var(--hero-fade-in),filter var(--hero-reveal-duration) var(--hero-easing),transform var(--hero-reveal-duration) var(--hero-easing);will-change:filter,transform,opacity}.hero[data-loaded=true] .hero__bg{opacity:1}.hero[data-animated=true] .hero__bg{filter:blur(0) contrast(1);transform:scale(1)}.hero__blur{position:absolute;inset:0;background-image:var(--bg-blur);background-size:cover;background-position:50%;filter:blur(20px);transform:scale(1.1);transition:opacity var(--hero-fade-in);z-index:1}.hero[data-loaded=true] .hero__blur{opacity:0;transition-delay:.3s}.hero__blur--hidden{opacity:0;visibility:hidden}.hero__overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.7));opacity:0;transition:opacity var(--hero-reveal-duration) ease}.hero[data-animated=true] .hero__overlay{opacity:1}.hero__loader-pixel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.mainPage .pageTitle__content{opacity:1}.mainPage .autotext-slider-container,.mainPage .pageTitle__description,.mainPage .pageTitle__subtitle,.mainPage .pageTitle__title{opacity:0;transform:translateY(20px);transition:opacity .8s var(--hero-easing),transform .8s var(--hero-easing);will-change:opacity,transform}.mainPage .hero[data-animated=true] .pageTitle__description{transition-delay:var(--hero-text-delay);opacity:1;transform:translateY(0)}.mainPage .hero[data-animated=true] .pageTitle__title{transition-delay:calc(var(--hero-text-delay) + var(--hero-stagger));opacity:1;transform:translateY(0)}.mainPage .hero[data-animated=true] .autotext-slider-container,.mainPage .hero[data-animated=true] .pageTitle__subtitle{transition-delay:calc(var(--hero-text-delay) + var(--hero-stagger) * 2);opacity:1;transform:translateY(0)}.projectPage .blurhash-wrapper{opacity:0;animation:fade-in 1s ease-out 1s forwards}@media (max-width:768px){.hero{--bg-current:var(--bg-mobile)}}@media (max-width:600px){.hero{height:100dvh}}@media (prefers-reduced-motion:reduce){.mainPage .pageTitle__description,.mainPage .pageTitle__subtitle,.mainPage .pageTitle__title{transition:none!important;transform:none!important;opacity:1!important}}.blurhash-placeholder,.blurhash-wrapper_hidden,.hero__logo-icon,.mainPage .hero .preloader{display:none}@keyframes hero-overlay{0%{opacity:0}to{opacity:1}}@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 hero-content-rtl{0%{transform:translate(-50%,-35%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes project-hero-fadein{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.hero{touch-action:pan-y;-webkit-user-select:none}.hero__bg{backface-visibility:hidden;transform:scale(1.1) translateZ(0);will-change:transform,opacity}.hero__bg-container{pointer-events:none;height:100%;width:100%}}