.work-hero.svelte-3nfvxu{display:flex;flex-direction:column;position:relative;width:100%;aspect-ratio:1400 / 1200;text-decoration:none;color:var(--white);padding:40px 40px 72px}@media (max-width: 750px){.work-hero.svelte-3nfvxu{height:calc(100svh - 50px);aspect-ratio:auto;padding:24px 16px}}.work-hero.svelte-3nfvxu .hero-image:where(.svelte-3nfvxu),.work-hero.svelte-3nfvxu .hero-video:where(.svelte-3nfvxu){position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.work-hero.svelte-3nfvxu .hero-text:where(.svelte-3nfvxu){position:sticky;bottom:72px;z-index:1;display:flex;flex-direction:column;gap:6px;text-shadow:0 0 40px var(--black-trans);margin-top:auto}@media (max-width: 750px){.work-hero.svelte-3nfvxu .hero-text:where(.svelte-3nfvxu){bottom:20px}}.work-hero.svelte-3nfvxu .hero-text:where(.svelte-3nfvxu) .tags:where(.svelte-3nfvxu){display:flex;gap:12px}.work-hero.svelte-3nfvxu .hero-text:where(.svelte-3nfvxu) h2:where(.svelte-3nfvxu){overflow-wrap:anywhere}.work-hero.svelte-3nfvxu .hero-text:where(.svelte-3nfvxu) h3:where(.svelte-3nfvxu){padding-right:20%}@media (max-width: 750px){.work-hero.svelte-3nfvxu .hero-text:where(.svelte-3nfvxu) h3:where(.svelte-3nfvxu){display:none}}.works-page.svelte-utxd9b{color:var(--white);background:var(--black)}.works-page.svelte-utxd9b .atf-text:where(.svelte-utxd9b){display:flex;flex-direction:column;gap:50px;align-self:stretch;width:100%;margin:0 auto;padding:40px}@media (max-width: 750px){.works-page.svelte-utxd9b .atf-text:where(.svelte-utxd9b){gap:30px;padding:40px 16px}}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b){width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b){padding:24px 40px 0}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b){padding:18px 16px 0}}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b) .set:where(.svelte-utxd9b){display:inline-block}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b) .set:where(.svelte-utxd9b){display:inline}}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b) .set:where(.svelte-utxd9b).clickable:hover span:where(.svelte-utxd9b):not(.grey){text-decoration:underline}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b) .grey:where(.svelte-utxd9b){color:var(--dark-grey)}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b) span:where(.svelte-utxd9b){display:inline-block;line-height:1.2;margin-right:16px}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .category:where(.svelte-utxd9b) span:where(.svelte-utxd9b){margin-right:4px}}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .controls:where(.svelte-utxd9b){padding:24px 40px 35px}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .controls:where(.svelte-utxd9b){padding:21px 16px 19px}}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .controls:where(.svelte-utxd9b) span:where(.svelte-utxd9b){display:inline-block;line-height:1.2;margin-right:9px}.works-page.svelte-utxd9b .filter-system:where(.svelte-utxd9b) .controls:where(.svelte-utxd9b) .clickable:where(.svelte-utxd9b):hover{text-decoration:underline}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b){width:100%;margin:0 auto}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .category-expanded:where(.svelte-utxd9b),.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .view-expanded:where(.svelte-utxd9b){padding:24px 40px 0}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .category-expanded:where(.svelte-utxd9b),.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .view-expanded:where(.svelte-utxd9b){padding:18px 16px}}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .view-expanded:where(.svelte-utxd9b){padding-top:33px}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .view-expanded:where(.svelte-utxd9b){padding-top:4px}}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) div:where(.svelte-utxd9b):not(.controls) span:where(.svelte-utxd9b){display:inline-block;line-height:1.2;margin-right:16px}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) div:where(.svelte-utxd9b):not(.controls) span:where(.svelte-utxd9b){margin-right:4px}}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .grey:where(.svelte-utxd9b){color:var(--dark-grey)}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .controls:where(.svelte-utxd9b){padding:25px 40px 40px}@media (max-width: 750px){.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .controls:where(.svelte-utxd9b){padding:24px 16px 19px}}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .controls:where(.svelte-utxd9b) span:where(.svelte-utxd9b){display:inline-block;line-height:1.2;margin-right:9px}.works-page.svelte-utxd9b .filter-system-expanded:where(.svelte-utxd9b) .clickable:where(.svelte-utxd9b):hover{text-decoration:underline}.works-page.svelte-utxd9b .clickable:where(.svelte-utxd9b){cursor:pointer}.works-page.svelte-utxd9b .underline:where(.svelte-utxd9b){text-decoration:underline}.works-page.svelte-utxd9b .spacer:where(.svelte-utxd9b){height:60px}@media (max-width: 750px){.works-page.svelte-utxd9b .spacer:where(.svelte-utxd9b){height:40px}}.works-page.svelte-utxd9b .works-small-container:where(.svelte-utxd9b){display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:80px 17px;width:100%;margin:0 auto;padding:0 40px 80px}@media (max-width: 1280px){.works-page.svelte-utxd9b .works-small-container:where(.svelte-utxd9b){grid-template-columns:repeat(2,1fr);gap:47px 17px}}@media (max-width: 750px){.works-page.svelte-utxd9b .works-small-container:where(.svelte-utxd9b){gap:35px 17px;padding:40px 16px 50px}}@media (max-width: 1280px){.works-page.svelte-utxd9b .works-small-container:where(.svelte-utxd9b)>a{min-width:0}}