.WorksPage-module__pAbdMW__section{min-height:calc(100vh - var(--nav-height));padding:var(--spacing-section)var(--spacing-lg)var(--spacing-xl);background-color:var(--film-cream);max-width:var(--max-width);margin:0 auto}.WorksPage-module__pAbdMW__header{text-align:center;margin-bottom:var(--spacing-xl)}.WorksPage-module__pAbdMW__title{font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-light);color:var(--film-dark);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.WorksPage-module__pAbdMW__description{font-size:var(--font-size-body);color:var(--film-text-muted);line-height:var(--line-height-normal)}.WorksPage-module__pAbdMW__tabs{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.WorksPage-module__pAbdMW__tab{border:1px solid var(--film-border);border-radius:var(--radius-full);color:var(--film-text-muted);font-family:var(--font-body);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);letter-spacing:.04em;cursor:pointer;transition:background-color var(--motion-duration-short)var(--motion-ease),border-color var(--motion-duration-short)var(--motion-ease),color var(--motion-duration-short)var(--motion-ease);background:0 0;padding:6px 20px}.WorksPage-module__pAbdMW__tab:hover{border-color:var(--film-muted-green);color:var(--film-dark)}.WorksPage-module__pAbdMW__tabActive{background-color:var(--film-green-tint);border-color:var(--film-muted-green);color:var(--film-dark)}.WorksPage-module__pAbdMW__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.WorksPage-module__pAbdMW__card{border:1px solid var(--film-border-light);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--motion-duration-medium)var(--motion-ease),box-shadow var(--motion-duration-medium)var(--motion-ease);overflow:hidden}.WorksPage-module__pAbdMW__card:hover{box-shadow:var(--elevation-2);transform:translateY(-4px)}.WorksPage-module__pAbdMW__card:hover .WorksPage-module__pAbdMW__cardImage{transform:scale(1.03)}.WorksPage-module__pAbdMW__cardCover{aspect-ratio:4/3;background-color:var(--film-green-tint);position:relative;overflow:hidden}.WorksPage-module__pAbdMW__cardImage{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-duration-medium)var(--motion-ease)}.WorksPage-module__pAbdMW__cardPlaceholder{width:100%;height:100%;color:var(--film-text-faded);justify-content:center;align-items:center;display:flex}.WorksPage-module__pAbdMW__cardBody{padding:var(--spacing-md)}.WorksPage-module__pAbdMW__cardTitle{font-family:var(--font-display);font-size:var(--font-size-title);font-weight:var(--font-weight-regular);color:var(--film-dark);margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.WorksPage-module__pAbdMW__cardDescription{font-size:var(--font-size-body);color:var(--film-text-muted);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.WorksPage-module__pAbdMW__cardMeta{justify-content:space-between;align-items:center;display:flex}.WorksPage-module__pAbdMW__cardCategory{font-size:var(--font-size-small);color:var(--film-olive);background-color:var(--film-green-tint);border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 10px}.WorksPage-module__pAbdMW__cardDate{font-size:var(--font-size-small);color:var(--film-text-faded);letter-spacing:.04em}.WorksPage-module__pAbdMW__empty{text-align:center;padding:var(--spacing-section)0;color:var(--film-text-faded);font-size:var(--font-size-body);font-style:italic}.WorksPage-module__pAbdMW__overlay{z-index:200;animation:WorksPage-module__pAbdMW__overlayFadeIn var(--motion-duration-short)var(--motion-ease)both;background-color:#0006;position:fixed;inset:0}@keyframes WorksPage-module__pAbdMW__overlayFadeIn{0%{opacity:0}to{opacity:1}}.WorksPage-module__pAbdMW__drawer{background-color:var(--film-cream);width:min(520px,85vw);box-shadow:-4px 0 24px var(--film-warm-shadow-deep);z-index:201;animation:WorksPage-module__pAbdMW__drawerSlideIn var(--motion-duration-medium)var(--motion-ease)both;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes WorksPage-module__pAbdMW__drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.WorksPage-module__pAbdMW__drawerClose{float:right;margin:var(--spacing-md);padding:var(--spacing-sm);background:color-mix(in srgb,var(--film-cream)80%,transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--film-border-light);border-radius:var(--radius-full);cursor:pointer;color:var(--film-text);z-index:1;transition:opacity var(--motion-duration-short)var(--motion-ease),background-color var(--motion-duration-short)var(--motion-ease);position:sticky;top:0}.WorksPage-module__pAbdMW__drawerClose:hover{opacity:.7}.WorksPage-module__pAbdMW__drawerCover{aspect-ratio:16/10;width:100%;overflow:hidden}.WorksPage-module__pAbdMW__drawerCover img{object-fit:cover;width:100%;height:100%}.WorksPage-module__pAbdMW__drawerContent{padding:var(--spacing-lg)}.WorksPage-module__pAbdMW__drawerTitle{font-family:var(--font-display);font-size:var(--font-size-headline);font-weight:var(--font-weight-light);color:var(--film-dark);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.WorksPage-module__pAbdMW__drawerDetail{font-size:var(--font-size-body);color:var(--film-text);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.WorksPage-module__pAbdMW__drawerTags{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.WorksPage-module__pAbdMW__drawerTag{font-size:var(--font-size-small);color:var(--film-text-muted);border:1px solid var(--film-border);border-radius:var(--radius-full);letter-spacing:.02em;padding:3px 12px}.WorksPage-module__pAbdMW__drawerMeta{align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--film-border-light);display:flex}@media (max-width:768px){.WorksPage-module__pAbdMW__section{padding:var(--spacing-xl)var(--spacing-md)var(--spacing-lg)}.WorksPage-module__pAbdMW__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:480px){.WorksPage-module__pAbdMW__grid{grid-template-columns:1fr}.WorksPage-module__pAbdMW__drawer{width:100vw}}