.works.svelte-12legpx{color:#66645f;width:100%;margin-inline:auto;font-family:SUIT,Apple SD Gothic Neo,sans-serif}.works__grid.svelte-12legpx{--works-gap:var(--space-4);gap:var(--works-gap);grid-template-columns:repeat(3,minmax(0,1fr));padding-block:clamp(4rem,8vw,7rem) clamp(7rem,15vw,13rem);display:grid}.work-card.svelte-12legpx a:where(.svelte-12legpx){width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;text-decoration:none;display:grid}.work-card__image.svelte-12legpx{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.work-card__image.svelte-12legpx img:where(.svelte-12legpx){object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1)}.work-card__overlay.svelte-12legpx{padding:var(--space-4);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);opacity:0;visibility:hidden;text-align:center;background:#ffffffc7;place-content:center;justify-items:center;transition:opacity .35s,visibility 0s linear .35s;display:grid;position:absolute;inset:0}.work-card__overlay.svelte-12legpx strong:where(.svelte-12legpx){font-size:1rem;font-weight:450}.work-card__overlay.svelte-12legpx small:where(.svelte-12legpx){margin-top:var(--space-2);color:#5f5e5a94;font-size:.6875rem}.work-card.svelte-12legpx a:where(.svelte-12legpx):hover .work-card__overlay:where(.svelte-12legpx),.work-card.svelte-12legpx a:where(.svelte-12legpx):focus-visible .work-card__overlay:where(.svelte-12legpx){opacity:1;visibility:visible;transition-delay:0s}.work-card.svelte-12legpx a:where(.svelte-12legpx):focus-visible{outline-offset:.4rem;outline:1px solid}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-card.svelte-12legpx a:where(.svelte-12legpx):hover .work-card__image:where(.svelte-12legpx) img:where(.svelte-12legpx){transform:scale(1.018)}}@media (width<=44rem){.works__grid.svelte-12legpx{--works-gap:var(--space-2);padding-block:var(--space-7) var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.work-card__image.svelte-12legpx img:where(.svelte-12legpx),.work-card__overlay.svelte-12legpx{transition:none}}