.wc-card{background:var(--md-surface-container-low);border-radius:var(--md-corner-md);box-shadow:var(--md-elevation-1);flex-direction:column;transition:box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}a.wc-card:hover{box-shadow:var(--md-elevation-2);transform:translateY(-2px)}.wc-thumb{background:var(--md-surface-container-high);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.wc-body{flex-direction:column;flex:1;padding:16px 20px 20px;display:flex}.wc-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.wc-role,.wc-period{font-size:var(--md-label-large-size);line-height:var(--md-label-large-lh);letter-spacing:var(--md-label-large-track);color:var(--md-on-surface-variant)}.wc-role{font-weight:var(--md-weight-medium);color:var(--md-tertiary)}.wc-period{font-family:var(--md-typeface-mono);margin-left:auto}.wc-badge{border-radius:var(--md-corner-sm);background:var(--md-secondary-container);height:24px;color:var(--md-on-secondary-container);font-size:var(--md-label-large-size);line-height:var(--md-label-large-lh);letter-spacing:var(--md-label-large-track);font-weight:var(--md-weight-medium);align-items:center;padding:0 10px;display:inline-flex}.wc-title{letter-spacing:var(--md-title-medium-track);font-size:1.125rem;line-height:1.5;font-weight:var(--md-weight-bold);color:var(--md-on-surface);word-break:auto-phrase;margin:0 0 8px}.wc-title-link{color:inherit;text-decoration:none}.wc-title-link:after{content:"";z-index:0;position:absolute;inset:0}.wc-title-link:hover{text-underline-offset:3px;text-decoration:underline}.wc-title-link:focus-visible{outline:3px solid var(--md-secondary);outline-offset:2px;border-radius:var(--md-corner-xs)}.wc-links{z-index:1;position:relative}.wc-desc{font-size:var(--md-body-medium-size);letter-spacing:var(--md-body-medium-track);color:var(--md-on-surface-variant);flex:1;margin:0 0 16px;line-height:1.7}.wc-tags{flex-wrap:wrap;gap:8px;display:flex}.wc-links{border-top:1px solid var(--md-outline-variant);flex-wrap:wrap;gap:4px 20px;margin-top:12px;padding-top:6px;display:flex}.wc-link{min-height:var(--tap);font-size:var(--md-label-large-size);line-height:var(--md-label-large-lh);letter-spacing:var(--md-label-large-track);font-weight:var(--md-weight-medium);color:var(--md-on-surface-variant);align-items:center;display:inline-flex}.wc-link--strong{color:var(--md-primary)}
.works-hero{background:var(--md-surface-container-low);padding:clamp(36px,5.5vw,68px) clamp(20px,5vw,56px) clamp(20px,3vw,32px);position:relative;overflow:hidden}.works-hero-inner{position:relative}.works-hero-cmd{font-family:var(--md-typeface-mono);font-size:var(--md-label-large-size);line-height:var(--md-label-large-lh);letter-spacing:var(--md-label-large-track);color:var(--md-on-surface-variant);margin-bottom:14px}.works-hero-title{font-family:var(--md-typeface-brand);font-size:clamp(var(--md-headline-medium-size), 5vw, var(--md-display-small-size));letter-spacing:var(--md-display-small-track);line-height:1.25;font-weight:var(--md-weight-medium);color:var(--md-on-surface);text-wrap:balance;margin:0 0 14px}.works-hero-lead{font-size:var(--md-body-large-size);line-height:var(--md-body-lh-ja);letter-spacing:var(--md-body-large-track);color:var(--md-on-surface-variant);text-wrap:pretty;max-width:34em;margin:0}.works-body{padding:clamp(24px,3vw,36px) clamp(20px,5vw,56px) clamp(60px,8vw,96px)}.works-filter{border:none;margin:0;padding:0}.works-filter-title{font-size:var(--md-title-small-size);line-height:var(--md-title-small-lh);letter-spacing:.06em;font-weight:var(--md-weight-medium);text-transform:uppercase;color:var(--md-on-surface-variant);margin:0 0 8px;padding:0}.works-tabs,.works-tagfilter{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.works-tab,.works-tagchip{min-height:var(--tap);border-radius:var(--md-corner-sm);border:1px solid var(--md-outline);color:var(--md-on-surface-variant);font-family:var(--md-typeface-plain);font-size:var(--md-label-large-size);line-height:var(--md-label-large-lh);letter-spacing:var(--md-label-large-track);font-weight:var(--md-weight-medium);cursor:pointer;background:0 0;align-items:center;padding:0 18px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.works-tab:hover,.works-tagchip:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.works-tab--active,.works-tagchip--active{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:#0000}.works-tagchip--clear{color:var(--md-primary);border-color:var(--md-primary)}.works-count{font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-lh);letter-spacing:var(--md-body-medium-track);color:var(--md-on-surface-variant);margin:4px 0 16px}.works-archive-grid{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));align-items:start;gap:clamp(12px,1.4vw,18px);display:grid}.works-empty{color:var(--md-on-surface-variant);font-size:var(--md-body-large-size);line-height:var(--md-body-lh-ja);margin-top:24px}