.page[data-v-efee4178]{background:var(--c-bg-alt);height:100svh;overflow:hidden}.works__top[data-v-efee4178]{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100vw}.page__inner[data-v-efee4178],.works__top[data-v-efee4178]{background:var(--c-bg);height:70vh}.page__inner[data-v-efee4178]{margin:0 auto;padding-top:var(--offset)}.page__title[data-v-efee4178]{align-items:baseline;display:flex;gap:var(--gutter);justify-content:space-between;margin-top:clamp(4.5rem,5.5vw,7rem);text-align:center;width:var(--col-7)}.page__title__text[data-v-efee4178]{font-size:calc(clamp(8rem,24vw,48rem)*var(--vh))}.page__project[data-v-efee4178]{bottom:0;margin-top:auto;padding-bottom:var(--offset);position:absolute;text-align:center}.page__slider[data-v-efee4178]{background:var(--c-bg-alt);bottom:0;height:30vh;position:absolute}@media (min-aspect-ratio:16/7){.page__slider[data-v-efee4178]{height:calc(30vh + var(--gutter))}}.page__slider[data-v-efee4178]::deep(.media){filter:saturate(0)}.filters[data-v-efee4178]{align-items:baseline;display:flex;position:absolute;top:var(--offset)}.filters sup[data-v-efee4178]{margin-right:.2em}.works__item[data-v-e650ccea]{display:flex;flex-direction:column;order:1;transition:opacity .5s cubic-bezier(.19,1,.22,1),filter .5s cubic-bezier(.19,1,.22,1)}.works__item.is-disabled[data-v-e650ccea]{filter:grayscale(1);opacity:.5;order:2}.works__info[data-v-e650ccea]{align-items:baseline;display:flex;margin-top:2rem}.works__filters[data-v-e650ccea]{color:#fff;left:0;margin:0 auto;mix-blend-mode:difference;padding:var(--offset);position:fixed;right:0;width:-moz-fit-content;width:fit-content;z-index:16}.container[data-v-e650ccea]{display:grid}.container[data-v-e650ccea],.filters[data-v-e650ccea]{flex-direction:column}.filters[data-v-e650ccea]{background:var(--c-bg-alt);color:var(--c-text-alt);display:flex;justify-content:center;padding:calc(var(--offset-double) + var(--offset)) var(--offset) calc(var(--offset-double));position:fixed;transform:translateY(-100%);transition:transform 1s cubic-bezier(.19,1,.22,1);width:100%;will-change:transform;z-index:15}.filters.is-visible[data-v-e650ccea]{transform:translateY(0)}.filters sup[data-v-e650ccea]{margin-left:.5rem}.filters__button[data-v-e650ccea]{display:flex;margin-bottom:.2rem}