.project-header[data-v-7feb2f04]{background:linear-gradient(to top,color-mix(in srgb,transparent var(--opacity-percentage-6),var(--color-secondary-darker)),transparent);width:100%;height:200vh;position:relative;top:0}@media (prefers-reduced-motion){.project-header[data-v-7feb2f04]{background:0 0;height:auto}}.project-header__sticky-wrapper[data-v-7feb2f04]{width:100%;height:100vh;position:sticky;top:0;overflow-x:clip}@media (prefers-reduced-motion){.project-header__sticky-wrapper[data-v-7feb2f04]{position:static}}.project-header__bg[data-v-7feb2f04]{width:100%;height:100vh;position:absolute;inset:0;overflow:hidden}.project-header__bg[data-v-7feb2f04]:after{content:"";z-index:0;-webkit-backdrop-filter:brightness(50%);backdrop-filter:brightness(50%);opacity:var(--overlay-opacity,0);position:absolute;inset:0}.project-header__title[data-v-7feb2f04]{position:relative}@media screen and (width>=60rem){.project-header__title[data-v-7feb2f04]{--displacement-width:min(var(--grid-width) * .33,25rem);left:var(--displacement-width);transform:translateX(calc(var(--displacement-width)*var(--displacement-factor)))}}.project-header__title-wrapper[data-v-7feb2f04]{bottom:calc(var(--spacer-xs)*-1);z-index:8;padding-inline-end:var(--grid-inline-padding);position:absolute}@media screen and (width>=60rem){.project-header__title-wrapper[data-v-7feb2f04]{padding-inline-start:var(--grid-inline-padding)}}.project-intro[data-v-7feb2f04]{display:grid;position:relative}@media screen and (width>=60rem){.project-intro[data-v-7feb2f04]{grid-template-columns:min(33%,25rem) 1fr;margin-bottom:-8rem}}.project-intro__desc[data-v-7feb2f04]{padding-block-start:var(--spacer-2xl)}@media screen and (width>=60rem){.project-intro__desc[data-v-7feb2f04]{padding:var(--spacer-2xl) var(--spacer-2xl) 0 var(--spacer-2xl)}}.project-main-imgs[data-v-7feb2f04]{row-gap:calc(var(--grid-block-padding)*2);padding-block:var(--spacer-up-2xl-3xl);padding-inline:var(--grid-inline-padding);grid-template-columns:1fr;display:grid}@media screen and (width>=60rem){.project-main-imgs[data-v-7feb2f04]{grid-template-columns:var(--grid-inline-padding) 1fr var(--grid-inline-padding)}.project-main-imgs[data-v-7feb2f04]>*{grid-column-end:span 2}.project-main-imgs[data-v-7feb2f04]>:nth-child(odd){grid-column-start:2}}