.work-head{z-index:1;padding:var(--space-20) 0 var(--space-9);position:relative}.work-eyebrow{font-size:var(--fs-caption);letter-spacing:.2em;text-transform:uppercase;color:var(--text-subtle);margin:0 0 var(--gap-lg)}.work-title{font-size:var(--fs-page-title);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);margin:0 0 var(--space-6);line-height:1.08}.work-sub{font-size:var(--fs-sub);color:var(--text-muted);max-width:58ch;margin:0;line-height:1.66}.work-sub b{color:var(--text);font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);margin-bottom:var(--space-2);display:block}.work-filter{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-9) 0 var(--space-8);flex-wrap:wrap;display:flex;position:relative}.work-chip{align-items:baseline;gap:var(--space-2);border:1px solid var(--border);background:var(--surface-tint);border-radius:var(--r-pill);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;letter-spacing:var(--ls-body);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);display:inline-flex}.work-chip .n{font-size:var(--fs-micro);color:var(--text-subtle);transition:color var(--dur-fast) var(--ease)}.work-chip:hover{color:var(--text);border-color:var(--border-strong)}.work-chip.on{background:var(--violet);border-color:var(--violet);color:var(--white)}.work-chip.on .n{color:var(--on-media-muted)}.work-count{font-size:var(--fs-xs);color:var(--text-subtle);margin-left:auto}.work-count b{color:var(--text-muted);font-weight:var(--fw-semibold)}.work-grid{--grid-gap:var(--space-6);--colw:calc((min(100vw, var(--container-max)) - var(--container-pad) * 2 - 11 * var(--grid-gap)) / 12);z-index:1;grid-template-columns:repeat(12,1fr);grid-auto-rows:var(--colw);grid-auto-flow:dense;gap:var(--grid-gap);display:grid;position:relative}.wcard{border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface-1);transition:border-color var(--dur) var(--ease), transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease);grid-area:span 4/span 4;text-decoration:none;display:block;position:relative;overflow:hidden}.wcard--wide{grid-area:span 4/span 8}.wcard--tall{grid-area:span 8/span 4}.wcard--tall .thumb__img{object-position:left top}.wcard:hover,.wcard:focus-visible,.wcard.is-focused{border-color:var(--border-strong);transform:translateY(var(--lift));box-shadow:var(--shadow-lift)}.wcard:hover .thumb__img--reveal,.wcard:focus-visible .thumb__img--reveal,.wcard.is-focused .thumb__img--reveal{opacity:1}.wcard__veil{z-index:1;background:var(--overlay-veil);position:absolute;inset:0}.wcard__cat{top:var(--space-4);left:var(--space-5);z-index:2;font-size:var(--fs-micro);letter-spacing:.06em;color:var(--on-media);background:var(--chip-media-bg);-webkit-backdrop-filter:var(--blur-chip);backdrop-filter:var(--blur-chip);border:1px solid var(--on-media-border);border-radius:var(--r-pill);padding:var(--space-1) var(--space-3);position:absolute}.wcard__go{top:var(--space-4);right:var(--space-4);z-index:2;width:var(--space-9);height:var(--space-9);border-radius:var(--r-pill);font-size:var(--fs-md);color:var(--white);background:var(--violet);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-6px)}.wcard:hover .wcard__go,.wcard:focus-visible .wcard__go,.wcard.is-focused .wcard__go{opacity:1;transform:translateY(0)}.wcard__meta{z-index:2;max-width:calc(100% - var(--space-6) * 2);text-align:center;transition:transform var(--dur-image) var(--ease-out), left var(--dur-image) var(--ease-out), bottom var(--dur-image) var(--ease-out);position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)}.wcard:hover .wcard__meta,.wcard:focus-visible .wcard__meta,.wcard.is-focused .wcard__meta{left:var(--space-6);bottom:var(--gap-lg);text-align:left;transform:translate(0)}.wcard__nm{font-size:var(--fs-title-sm);font-weight:var(--fw-extrabold);letter-spacing:-.03em;color:var(--white);line-height:1.12}.wcard__role{font-size:var(--fs-xs);color:var(--on-media-muted);margin-top:var(--space-2)}@media (max-width:1080px){.work-grid{--colw:calc((100vw - var(--container-pad) * 2 - 5 * var(--grid-gap)) / 6);grid-template-columns:repeat(6,1fr)}.wcard{grid-area:span 3/span 3}.wcard--wide{grid-area:span 3/span 6}.wcard--tall{grid-area:span 6/span 3}}@media (max-width:640px){.work-head{padding:var(--space-14) 0 var(--space-6)}.work-grid{--grid-gap:var(--space-4);grid-template-columns:1fr;grid-auto-rows:auto}.wcard,.wcard--wide,.wcard--tall{grid-area:auto}.wcard{aspect-ratio:1}.wcard--wide{aspect-ratio:2}.wcard--tall{aspect-ratio:1/1.5}.work-count{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.wcard,.wcard__meta{transition:none}}