:root{--hero-height:100vh;--hero-reveal-duration:0.7s;--hero-choreography-origin:0.2s;--hero-stagger:0.12s;--hero-easing:cubic-bezier(0.22,1,0.36,1);--hero-dim:0.85;--hero-scale-start:1.03}@supports (height:100dvh){:root{--hero-height:100dvh}}.hero{position:relative;height:var(--hero-height);width:100%;--bg-current:var(--bg-desktop)}.hero,.hero__bg-container{overflow:hidden;background-color:var(--color-black)}.hero__bg-container{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__bg{background-image:var(--bg-current);z-index:1;filter:blur(0) contrast(1) brightness(1);transform:scale(1);transition:filter var(--hero-reveal-duration) var(--hero-easing),transform var(--hero-reveal-duration) var(--hero-easing);will-change:filter,transform}.hero__bg,.hero__blur{position:absolute;inset:0;background-size:cover;background-position:50%}.hero__blur{background-image:var(--bg-blur);filter:blur(20px) brightness(1);transform:scale(1.1);z-index:0;transition:filter var(--hero-reveal-duration) var(--hero-easing);will-change:filter}.hero:not([data-loaded=true]) .hero__bg{filter:blur(15px) contrast(.9) brightness(var(--hero-dim));transform:scale(var(--hero-scale-start))}.hero:not([data-loaded=true]) .hero__blur{filter:blur(20px) brightness(var(--hero-dim))}.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:1;transition:opacity var(--hero-reveal-duration) var(--hero-easing)}.hero:not([data-loaded=true]) .hero__overlay{opacity:0}.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{animation:hero-text-reveal .8s var(--hero-easing) both;will-change:transform}.mainPage .pageTitle__description{animation-delay:var(--hero-choreography-origin)}.mainPage .pageTitle__title{animation-delay:calc(var(--hero-choreography-origin) + var(--hero-stagger))}.mainPage .autotext-slider__container,.mainPage .pageTitle__subtitle{animation-delay:calc(var(--hero-choreography-origin) + var(--hero-stagger) * 2)}.projectPage .blurhash-wrapper{opacity:0;animation:fade-in 1s ease-out 1s forwards}@media (max-width:768px){.hero{--bg-current:var(--bg-mobile)}}@media (width <=600px){.hero{height:100dvh}}@media (prefers-reduced-motion:reduce){.mainPage .autotext-slider__container,.mainPage .pageTitle__description,.mainPage .pageTitle__subtitle,.mainPage .pageTitle__title{animation:none!important;transform:none!important;opacity:1!important}}.blurhash-placeholder,.blurhash-wrapper_hidden,.hero__logo-icon,.mainPage .hero .preloader{display:none}@keyframes hero-text-reveal{0%{transform:translateY(20px)}to{transform:translateY(0)}}@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 (width <=768px){.hero{touch-action:pan-y;-webkit-user-select:none;user-select:none}.hero__bg{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1) translateZ(0);will-change:transform}.hero:not([data-loaded=true]) .hero__bg{transform:scale(var(--hero-scale-start)) translateZ(0)}.hero__bg-container{pointer-events:none;height:100%;width:100%}}