.work-index{max-width:1280px;padding:var(--space-12) var(--gutter) var(--space-16);margin:0 auto}.work-index .work-head{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.work-index .work-head h1{font-family:var(--font-display);font-size:var(--t-display-m);letter-spacing:var(--tracking-display);line-height:var(--lh-tight);margin:var(--space-2) 0 0}.filter-strip{top:var(--space-3);z-index:20;margin:0 0 var(--space-10);padding:var(--space-3);background:color-mix(in oklab, var(--tar) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--rule);flex-direction:column;display:flex;position:sticky}.filter-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.filter-row+.filter-row{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--rule)}.filter-row--methods{gap:var(--space-2)}.filter-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-group--sort{gap:var(--space-3)}.filter-label{font-family:var(--font-mono);font-size:var(--t-mono-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ash);margin-right:var(--space-1)}.filter-pill{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--t-mono-s);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);border:1px solid var(--rule);cursor:pointer;transition:color var(--dur-2) var(--ease), background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), transform var(--dur-1) var(--ease);background:0 0;padding:6px 12px;line-height:1;display:inline-flex}.filter-pill:hover:not(:disabled){color:var(--bone);border-color:var(--rule-2)}.filter-pill:active:not(:disabled){transform:translateY(1px)}.filter-pill[data-active=true]{background:var(--lime);color:var(--on-lime);border-color:var(--lime)}.filter-pill[data-active=true] .filter-count{color:var(--on-lime);opacity:.65}.filter-pill:disabled{opacity:.3;cursor:not-allowed}.filter-pill .dot{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block}.filter-pill[data-active=true] .dot{background:var(--on-lime)}.filter-count{font-size:var(--t-mono-xs);color:var(--ash);font-variant-numeric:tabular-nums}.filter-clear{font-family:var(--font-mono);font-size:var(--t-mono-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ash);cursor:pointer;background:0 0;border:0;padding:6px 8px}.filter-clear:hover{color:var(--lime)}.filter-pill--method{font-size:var(--t-mono-xs);letter-spacing:.08em;padding:5px 10px}.filter-pill--method[data-active=true]{background:var(--lime-hint);border-color:color-mix(in oklab, var(--lime) 50%, var(--rule));color:var(--lime)}.filter-pill--method[data-active=true] .filter-count{color:var(--lime);opacity:.7}.filter-mode{align-items:center;gap:var(--space-2);cursor:pointer;margin-left:var(--space-2);background:0 0;border:0;padding:4px 8px;display:inline-flex}.filter-mode-label{font-family:var(--font-mono);font-size:var(--t-mono-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ash)}.filter-mode-value{font-family:var(--font-mono);font-size:var(--t-mono-s);letter-spacing:.16em;text-transform:uppercase;color:var(--lime);background:var(--lime-hint);border:1px solid color-mix(in oklab, var(--lime) 40%, transparent);transition:background var(--dur-2) var(--ease);padding:2px 8px;font-weight:600}.filter-mode:hover .filter-mode-value{background:color-mix(in oklab, var(--lime) 18%, transparent)}.filter-mode-value[data-mode=all]{color:var(--on-lime);background:var(--lime);border-color:var(--lime)}.filter-select{appearance:none;font-family:var(--font-mono);font-size:var(--t-mono-s);letter-spacing:.08em;color:var(--bone);border:1px solid var(--rule);cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--ash) 50%), linear-gradient(135deg, var(--ash) 50%, transparent 50%);background-position:right 12px center,right 7px center;background-repeat:no-repeat;background-size:5px 5px;padding:6px 28px 6px 12px}.filter-select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.filter-select option{background:var(--tar-2)}.work-grid{gap:var(--space-12) var(--space-8);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.work-card--hero{grid-column:1/-1}@media (max-width:760px){.work-grid{gap:var(--space-10);grid-template-columns:1fr}}.work-card{opacity:0;animation:workCardIn var(--dur-3) var(--ease) forwards;animation-delay:calc(var(--i,0) * 50ms);transform:translateY(18px)}@keyframes workCardIn{to{opacity:1;transform:translateY(0)}}.work-card-link{color:inherit;outline:none;text-decoration:none;display:block}.work-card-link:focus-visible .work-card-cover{outline:2px solid var(--lime);outline-offset:4px}.work-card-cover{aspect-ratio:4/3;background:var(--tar-2);border:1px solid var(--rule);width:100%;margin-bottom:var(--space-5);position:relative;overflow:hidden}.work-card--hero .work-card-cover{aspect-ratio:21/9}@media (max-width:760px){.work-card--hero .work-card-cover{aspect-ratio:16/10}}.work-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease), filter var(--dur-3) var(--ease), opacity .28s ease-out;filter:saturate(.88)contrast(1.02);will-change:transform;position:absolute;inset:0;transform:scale(1)}.work-card-link:hover .work-card-cover img,.work-card-link:focus-visible .work-card-cover img{filter:saturate(1.05)contrast(1.02);transform:scale(1.05)}.work-card-cover-fallback{background:linear-gradient(var(--lime-hint) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(90deg, var(--lime-hint) 1px, transparent 1px) 0 0 / 16px 16px, var(--tar-2);position:absolute;inset:0}.work-card-tab{background:var(--lime);color:var(--on-lime);font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.16em;text-transform:uppercase;transition:transform .32s var(--ease);padding:10px 18px;font-weight:600;position:absolute;bottom:0;right:0;transform:translateY(100%)}.work-card-link:hover .work-card-tab,.work-card-link:focus-visible .work-card-tab{transform:translateY(0)}.work-card-gated{top:var(--space-3);left:var(--space-3);font-family:var(--font-mono);font-size:var(--t-meta,.72rem);letter-spacing:.04em;text-transform:uppercase;color:var(--bone);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07080ab8;border-radius:999px;padding:2px 8px;position:absolute}.work-card-body{gap:var(--space-2);flex-direction:column;display:flex}.work-card--hero .work-card-body{max-width:720px}.work-card-eyebrow{font-family:var(--font-mono);font-size:var(--t-mono-s);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ash);align-items:center;gap:var(--space-2);margin:0;display:flex}.hero-label{color:var(--lime);font-weight:600}.dot-sep{opacity:.45}.featured-dot{background:var(--lime);width:6px;height:6px;box-shadow:0 0 0 3px var(--lime-glow);margin-left:var(--space-1);border-radius:50%;display:inline-block}.work-card-title{font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:var(--space-1) 0;color:var(--bone);transition:color var(--dur-2) var(--ease);font-size:26px;line-height:1.08}.work-card-title--hero{margin-top:var(--space-2);font-size:clamp(36px,4vw,56px);line-height:1}.work-card-link:hover .work-card-title,.work-card-link:focus-visible .work-card-title{color:var(--lime)}.work-card-client{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.08em;color:var(--bone-dim);margin:0}.work-card-summary{margin:var(--space-3) 0 0;font-size:var(--t-body-s);color:var(--bone-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.work-card--hero .work-card-summary{font-size:var(--t-body);-webkit-line-clamp:4}.work-card-numbers{margin:var(--space-3) 0 0;font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.04em;color:var(--bone-dim);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.work-card-numbers strong{color:var(--lime);font-weight:600}.work-card-pills{margin-top:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.pill{font-family:var(--font-mono);font-size:var(--t-mono-xs);letter-spacing:.06em;color:var(--bone-dim);background:var(--tar-2);border:1px solid var(--rule);white-space:nowrap;align-items:center;padding:4px 10px;display:inline-flex}.pill--kind{color:var(--lime);border-color:color-mix(in oklab, var(--lime) 35%, var(--rule));background:var(--lime-hint)}.pill--more{color:var(--ash)}.work-empty{margin-top:var(--space-12);text-align:center}::view-transition-old(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.6,.2,1)}::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.6,.2,1)}.work-card-cover,.work-detail .cover{contain:paint}::view-transition-group(*){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.6,.2,1)}::view-transition-image-pair(*){isolation:isolate}::view-transition-old(cover-){object-fit:cover;width:100%;height:100%}::view-transition-new(cover-){object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.work-card{opacity:1;animation:none;transform:none}.work-card-cover img{filter:none;transition:none;transform:none}.work-card-tab{transition:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(*){animation:none}}