.works-page:where(.astro-7ATBYPEV){flex:1;display:flex;flex-direction:column}.works-top-nav:where(.astro-7ATBYPEV){display:flex;justify-content:center;padding:1.5rem 1rem 0;position:sticky;top:0;z-index:50}.works-container:where(.astro-7ATBYPEV){max-width:720px;width:100%;margin:0 auto;padding:2rem 1.25rem 3rem}.works-header:where(.astro-7ATBYPEV){text-align:center;margin-bottom:3rem}.works-header:where(.astro-7ATBYPEV) h1:where(.astro-7ATBYPEV){font-size:2.25rem;font-weight:800;color:var(--color-white);margin:0 0 .5rem}.subtitle:where(.astro-7ATBYPEV){color:var(--color-muted);font-size:1rem;margin:0;line-height:1.6}.project-list:where(.astro-7ATBYPEV){display:flex;flex-direction:column;gap:3rem}.project-card:where(.astro-7ATBYPEV){display:block;border-radius:12px;border:1px solid var(--color-surface-border);background:transparent;overflow:hidden;text-decoration:none;color:inherit;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.project-card:where(.astro-7ATBYPEV):hover{background:var(--color-surface);border-color:#5d5d5d66;box-shadow:0 0 6px #0000000a,0 0 32px #00000005;transform:translateY(-2px)}.project-image:where(.astro-7ATBYPEV){width:100%;aspect-ratio:16 / 9;overflow:hidden}.project-image:where(.astro-7ATBYPEV) img:where(.astro-7ATBYPEV){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:where(.astro-7ATBYPEV):hover .project-image:where(.astro-7ATBYPEV) img:where(.astro-7ATBYPEV){transform:scale(1.03)}.project-info:where(.astro-7ATBYPEV){padding:1.5rem 1.75rem 1.75rem}.project-tags:where(.astro-7ATBYPEV){display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tag:where(.astro-7ATBYPEV){background:var(--tag-bg);color:var(--tag-color);font-size:.75rem;font-weight:500;padding:.2rem .65rem;border-radius:100px;letter-spacing:.02em}.project-info:where(.astro-7ATBYPEV) h2:where(.astro-7ATBYPEV){font-size:1.35rem;font-weight:700;color:var(--color-white);margin:0 0 .6rem;line-height:1.35}.project-info:where(.astro-7ATBYPEV) p:where(.astro-7ATBYPEV){font-size:.95rem;color:var(--color-muted);margin:0 0 .75rem;line-height:1.6}.project-year:where(.astro-7ATBYPEV){font-size:.8rem;color:var(--color-dull);font-weight:500}@media (max-width: 600px){.works-container:where(.astro-7ATBYPEV){padding:1.5rem 1rem 2rem}.works-header:where(.astro-7ATBYPEV) h1:where(.astro-7ATBYPEV){font-size:1.75rem}.works-header:where(.astro-7ATBYPEV){margin-bottom:2rem}.project-list:where(.astro-7ATBYPEV){gap:2rem}.project-info:where(.astro-7ATBYPEV){padding:1.25rem 1.25rem 1.5rem}.project-info:where(.astro-7ATBYPEV) h2:where(.astro-7ATBYPEV){font-size:1.15rem}.works-top-nav:where(.astro-7ATBYPEV){padding-top:1rem}}