.index-module-scss-module__G62Qva__index__title{font-family:var(--font-headline,sans-serif);letter-spacing:-.04em;font-size:var(--title-x-large);font-weight:var(--title-xlarge-font-weight);line-height:var(--title-xlarge-line-height);cursor:default;padding-inline-end:.05em}@property --hue{syntax:"<angle>";inherits:true;initial-value:0deg}@property --average-color{syntax:"<color>";inherits:true;initial-value:#e6e6e6}@keyframes index-module-scss-module__G62Qva__hue-animation{0%{--hue:0deg}to{--hue:360deg}}.index-module-scss-module__G62Qva__index{--enter-animation-page-transition-delay:0s;--enter-animation-page-transition-y:6.25rem;gap:var(--large-l);height:fit-content;padding:calc(var(--header-height) + var(--medium-l)) 0 0;color:var(--content-primary);background-color:var(--container-primary);transition:margin-block-start 1s var(--motion-ease-in-out),opacity 0s var(--index-opacity-transition-delay,0s);flex-direction:column;margin-block-start:-100svh;display:flex;position:relative}@media (min-width:1024px){.index-module-scss-module__G62Qva__index{gap:var(--large-m)}.index-module-scss-module__G62Qva__index__wrapper{clip-path:inset(-100vh 0)}}.index-module-scss-module__G62Qva__index__wrapper:has(.index-module-scss-module__G62Qva__index--active-display){--index-projects-thumbnails-list-transform-y:none}.index-module-scss-module__G62Qva__index__description{transform:translate(-50%, var(--translate-y,0));width:calc(100% - var(--small-xxl)*2);text-align:center;max-width:45.75rem;opacity:var(--opacity,1);color:var(--content-primary);transition:1.2s var(--motion-ease-in-out);align-self:center;transition-property:transform,opacity;position:absolute;inset:15svh auto auto 50%}.index-module-scss-module__G62Qva__index__description:not(.index-module-scss-module__G62Qva__index--active-display .index-module-scss-module__G62Qva__index__description){--opacity:0;--translate-y:2.5rem}.page--enter .index-module-scss-module__G62Qva__index__description{--opacity:0;--translate-y:2.5rem}.index-module-scss-module__G62Qva__index__hero{justify-content:flex-end;align-items:center;gap:var(--large-m);flex-direction:column;width:100%;height:50svh;display:flex}@media (max-width:1023px){.index-module-scss-module__G62Qva__index__hero{padding-block-start:var(--medium-l)}}@media (min-width:1024px){.index-module-scss-module__G62Qva__index__hero{height:60svh}}@media (min-width:1920px){.index-module-scss-module__G62Qva__index__hero{height:65svh}}.index-module-scss-module__G62Qva__index__title{gap:var(--large-m);width:fit-content;font-size:var(--title-font-size,1rem);text-align:center;color:var(--content-primary);clip-path:inset(0 -5% -25% 0);margin-inline:auto;position:absolute;inset:50svh 0 auto;transform:translateY(-50%)}@media (min-width:1024px){.index-module-scss-module__G62Qva__index__title{inset-block-start:45svh}}.index-module-scss-module__G62Qva__index__title-chars{transition:.7s var(--motion-ease-in-out) calc(var(--char-index)*50ms + .1s);transition-property:transform;transform:translateY(0)}.index-module-scss-module__G62Qva__index__title-chars:not(.index-module-scss-module__G62Qva__index--active-display .index-module-scss-module__G62Qva__index__title-chars){transform:translateY(100%)}.page--enter .index-module-scss-module__G62Qva__index__title-chars{transform:translateY(100%)}.index-module-scss-module__G62Qva__index__overlay{--index-overlay-gap:var(--small-xxl);flex-direction:column;align-items:center;display:flex;position:relative}@media (min-width:1920px){.index-module-scss-module__G62Qva__index__overlay{--index-overlay-gap:var(--small-l)}}.index-module-scss-module__G62Qva__index__subfilters{flex-direction:column;align-items:center;display:flex;position:absolute;inset-block-start:calc(100% + var(--index-overlay-gap))}.index-module-scss-module__G62Qva__index__projects{height:fit-content;padding-inline:var(--small-xxl);opacity:var(--opacity,1);transition:1.2s var(--motion-ease-in-out);margin-block-end:5rem;transition-property:opacity;display:grid;position:relative;overflow:hidden}.index-module-scss-module__G62Qva__index__projects:not(.index-module-scss-module__G62Qva__index--active-display .index-module-scss-module__G62Qva__index__projects){--opacity:0}.page--enter .index-module-scss-module__G62Qva__index__projects{--opacity:0}@media (min-width:1024px){.index-module-scss-module__G62Qva__index__projects{padding-inline:var(--medium-l)}}.index-module-scss-module__G62Qva__index:before{content:"";z-index:27;background:var(--dark-gradient-big);pointer-events:none;width:100%;height:100lvh;transition:1s var(--motion-ease-in-out);transition-property:transform,height;position:absolute;inset:auto 0 100%}.index-module-scss-module__G62Qva__index:not(.index-module-scss-module__G62Qva__index--active-display){--index-opacity-transition-delay:1s;opacity:0;margin-block-start:0}.index-module-scss-module__G62Qva__index:not(.index-module-scss-module__G62Qva__index--active-display):before{height:0;transform:translateY(0)}.index-module-scss-module__G62Qva__projects-list{flex-direction:column;grid-area:1/1/-1/-1;display:flex}.index-module-scss-module__G62Qva__projects-list:not(.projects-list--active){pointer-events:none;position:absolute;inset:0 0 auto}.index-module-scss-module__G62Qva__index-projects-thumbnails{z-index:23;inset:var(--mouse-position-y,50%) auto auto 50%;aspect-ratio:5.33333;pointer-events:none;will-change:inset;grid-template:1fr/1fr;width:100%;max-width:50vw;height:auto;display:grid;position:fixed;overflow:hidden;transform:translate(-50%,-50%)}.index-module-scss-module__G62Qva__index-projects-thumbnails__list{transform:translateY(var(--index-projects-thumbnails-list-transform-y,500vh));grid-template:1fr/1fr;grid-area:1/1;display:grid}.index-module-scss-module__G62Qva__index-projects-thumbnails__list[inert]{opacity:0}@media (max-width:1023px){.index-module-scss-module__G62Qva__index-projects-thumbnails{display:none}}.index-module-scss-module__G62Qva__index-project-thumbnails{--extra-pixel-offset:(1 - var(--is-current)) * 1px;--is-current:calc(1 - min(calc(max(calc(var(--active-project-line-index,-1) - var(--project-index)), calc(-1 * calc(var(--active-project-line-index,-1) - var(--project-index))))), 1));--transform-factor:min(1, max(-1, calc(calc(var(--active-project-line-index,-1) - var(--project-index,0)) / max(1, max(calc(var(--active-project-line-index,-1) - var(--project-index,0)), calc(-1 * calc(var(--active-project-line-index,-1) - var(--project-index,0))))))));--is-exit:calc(1 - min(calc(max(calc(var(--active-project-line-index,-1) + 1), calc(-1 * calc(var(--active-project-line-index,-1) + 1)))), 1));--is-previous:calc(1 - min(calc(max(calc(var(--previous-project-line-index,var(--project-index)) - var(--project-index)), calc(-1 * calc(var(--previous-project-line-index,var(--project-index)) - var(--project-index))))), 1));--is-entry:calc(1 - min(calc(max(calc(var(--previous-project-line-index,0) + 1), calc(-1 * calc(var(--previous-project-line-index,0) + 1)))), 1));--is-hidden-behind-entry:calc(var(--is-entry) * (1 - var(--is-current)));--is-animated:calc(1 - var(--is-exit) * (1 - max(var(--is-previous), var(--is-recent,0))) - var(--is-hidden-behind-entry));grid-area:1/1;grid-template-columns:repeat(3,1fr);display:grid}.index-module-scss-module__G62Qva__index-project-thumbnails__image-container{aspect-ratio:16/9;width:100%;height:auto;transition:all .5s ease-out;transition-duration:calc(var(--is-animated)*.5s);transition-delay:calc(var(--is-animated)*var(--project-thumbnail-index,0)*50ms + var(--is-hidden-behind-entry)*.6s);clip-path:inset(calc((1 - var(--transform-factor,0)) / 2 * (1 - var(--is-current,0)) * 100% + var(--extra-pixel-offset)) 0 calc((1 - var(--transform-factor,0)) * (1 - var(--is-current,0)) * -100%) 0);will-change:clip-path;transition-property:clip-path;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.index-module-scss-module__G62Qva__index-project-thumbnails__image-container{transition-duration:0s;transition-delay:0s}}.index-module-scss-module__G62Qva__index-project-thumbnails__image{transform:translateY(calc(var(--transform-factor,0) * -75%));object-fit:cover;width:100%;height:100%;transition:all .5s ease-out;transition-duration:calc(var(--is-animated)*.5s);transition-delay:calc(var(--is-animated)*var(--project-thumbnail-index,0)*50ms + var(--is-hidden-behind-entry)*.6s);transition-property:transform}@media (prefers-reduced-motion:reduce){.index-module-scss-module__G62Qva__index-project-thumbnails__image{transition-duration:0s;transition-delay:0s}}
