.work-page.svelte-oqsuc6{padding:clamp(7rem, 12vw, 11rem) var(--gutter) 7rem}h1.svelte-oqsuc6{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filters.svelte-oqsuc6{letter-spacing:.1em;text-transform:uppercase;justify-content:center;gap:clamp(1.5rem,4vw,4rem);margin-bottom:clamp(3rem,7vw,7rem);font-size:.78rem;display:flex}.filters.svelte-oqsuc6 button:where(.svelte-oqsuc6){color:#767676;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:.5rem 0;position:relative}.filters.svelte-oqsuc6 button:where(.svelte-oqsuc6):after{content:"";background:currentColor;height:1px;transition:transform .18s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.filters.svelte-oqsuc6 button:where(.svelte-oqsuc6):hover,.filters.svelte-oqsuc6 button:where(.svelte-oqsuc6):focus-visible,.filters.svelte-oqsuc6 button.active:where(.svelte-oqsuc6){color:#111}.filters.svelte-oqsuc6 button.active:where(.svelte-oqsuc6):after{transform:scaleX(1)}.works.svelte-oqsuc6{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3rem,6vw,7rem) clamp(1.25rem,3vw,3.5rem);width:min(100%,112rem);margin-inline:auto;display:grid}.work-page.svelte-oqsuc6 .page-footer{width:min(100%,112rem);margin:clamp(6rem,11vw,11rem) auto 0}.work.svelte-oqsuc6{text-decoration:none}.thumbnail.svelte-oqsuc6{aspect-ratio:4/3;background:#f5f5f5;position:relative;overflow:hidden}.thumbnail.svelte-oqsuc6 img:where(.svelte-oqsuc6){object-fit:cover;width:100%;height:100%;transition:opacity .35s,transform .35s;display:block}.thumbnail-hover.svelte-oqsuc6{opacity:0;position:absolute;inset:0}.work.svelte-oqsuc6:hover .thumbnail-primary:where(.svelte-oqsuc6),.work.svelte-oqsuc6:focus-visible .thumbnail-primary:where(.svelte-oqsuc6){opacity:0}.work.svelte-oqsuc6:hover .thumbnail-hover:where(.svelte-oqsuc6),.work.svelte-oqsuc6:focus-visible .thumbnail-hover:where(.svelte-oqsuc6){opacity:1}.work.svelte-oqsuc6:hover .thumbnail:where(.svelte-oqsuc6) img:where(.svelte-oqsuc6),.work.svelte-oqsuc6:focus-visible .thumbnail:where(.svelte-oqsuc6) img:where(.svelte-oqsuc6){transform:scale(1.02)}h2.svelte-oqsuc6{margin-top:.9rem;font-size:.86rem;font-weight:500}@media (width<=860px){.works.svelte-oqsuc6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.works.svelte-oqsuc6{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.thumbnail.svelte-oqsuc6 img:where(.svelte-oqsuc6),.filters.svelte-oqsuc6 button:where(.svelte-oqsuc6):after{transition:none}}