.work-page{background:var(--color-brand-dark);color:var(--color-brand-light);overflow:visible}html:has(body.work-page){overflow-x:hidden;overflow-y:auto}#layout-grid-debug{display:none;position:fixed;inset:var(--layout-margin);z-index:9999;pointer-events:none;grid-template-columns:repeat(var(--layout-columns),minmax(0,1fr));column-gap:var(--layout-gutter)}body.show-layout-grid #layout-grid-debug,html[data-force-grid=on] #layout-grid-debug{display:grid}html[data-force-grid=off] #layout-grid-debug{display:none}#layout-grid-debug>span{background:var(--layout-debug-color);min-height:100%}@media(prefers-reduced-motion:no-preference){html[data-work-intro=pending] .work-archive__title,html[data-work-intro=pending] .work-archive__count,html[data-work-intro=pending] .work-archive__filters,html[data-work-intro=pending] .work-card{opacity:0}}.site-nav__links a[aria-current=page],.site-nav__menu a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.work-main{min-height:100svh}.work-archive{padding:var(--section-space-page-top) var(--layout-margin) var(--section-space-xl)}.work-archive__shell{width:100%;max-width:none}.work-archive__header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--layout-gutter);padding-bottom:var(--section-space-sm);border-bottom:1px solid rgba(var(--color-brand-light-rgb),.14);color:var(--color-brand-light)}.work-archive__title{font-family:var(--font-h1-family);font-size:clamp(48px,8vw,var(--font-h1-size));font-weight:var(--font-h1-weight);line-height:.9;letter-spacing:var(--font-h1-letter-spacing);max-width:none;width:max-content;margin:0;color:var(--color-brand-light)}.work-archive__title .split-line-mask,.work-archive__title .split-line{white-space:nowrap}.work-archive__count{font-family:var(--font-h1-family);font-size:clamp(48px,8vw,var(--font-h1-size));font-weight:var(--font-h1-weight);line-height:.9;letter-spacing:var(--font-h1-letter-spacing);margin:0;flex-shrink:0;color:var(--color-brand-light);font-variant-numeric:tabular-nums}.work-archive__body{display:grid;grid-template-columns:repeat(var(--layout-columns),minmax(0,1fr));gap:var(--layout-gutter);margin-top:var(--section-space-sm);align-items:start}.work-archive__filters{grid-column:1 / 4;position:sticky;top:var(--section-space-xl);align-self:start;height:fit-content;width:100%;display:flex;flex-direction:column;gap:20px;padding-bottom:var(--layout-margin);z-index:2}.work-filter-eyebrow{display:flex;align-items:center;gap:10px;color:var(--color-text-muted)}.work-filter-eyebrow .text-mono{color:inherit}.work-filter-eyebrow__dot{width:6px;height:6px;border-radius:50%;background:var(--color-brand-light);flex-shrink:0}.work-filter-list{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0}.work-filter-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:1000px;padding:8px 16px;background:rgba(var(--color-brand-light-rgb),.08);color:var(--color-brand-light);cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-ease-primary),color var(--motion-duration-fast) var(--motion-ease-primary),border-color var(--motion-duration-fast) var(--motion-ease-primary)}.work-filter-btn:hover,.work-filter-btn:focus-visible{background:rgba(var(--color-brand-light-rgb),.14)}.work-filter-btn:focus-visible{outline:2px solid var(--color-brand-light);outline-offset:3px}.work-filter-btn[data-filter-status=active]{background:var(--color-brand-light);color:var(--color-brand-dark)}.work-archive__projects{grid-column:4 / 13;min-width:0}.work-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--section-space-md) var(--layout-gutter)}.work-card[data-filter-status=active]{display:block}.work-card[data-filter-status=transition-out]{display:block;pointer-events:none}.work-card[data-filter-status=not-active]{display:none;pointer-events:none}.work-card__link{display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit;height:100%}.work-card__cover{position:relative;aspect-ratio:4 / 5;width:100%;overflow:hidden;border-radius:4px;background:color-mix(in srgb,var(--color-brand-light) 12%,var(--color-brand-dark));display:flex;align-items:center;justify-content:center}.work-card__cover[data-placeholder="1"]{background:linear-gradient(145deg,color-mix(in srgb,var(--color-brand-light) 18%,transparent),color-mix(in srgb,var(--color-brand-dark) 40%,#3a4a3c))}.work-card__cover[data-placeholder="2"]{background:linear-gradient(160deg,color-mix(in srgb,var(--color-brand-light) 10%,#2a3340),color-mix(in srgb,var(--color-brand-dark) 30%,#1c2834))}.work-card__cover[data-placeholder="3"]{background:linear-gradient(180deg,color-mix(in srgb,var(--color-brand-light) 14%,#4a3530),color-mix(in srgb,var(--color-brand-dark) 25%,#2a1e1c))}.work-card__cover[data-placeholder="4"]{background:linear-gradient(200deg,color-mix(in srgb,var(--color-brand-light) 12%,#2f3f55),color-mix(in srgb,var(--color-brand-dark) 20%,#152030))}.work-card__cover[data-placeholder="5"]{background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-light) 16%,#3d3428),color-mix(in srgb,var(--color-brand-dark) 35%,#241e16))}.work-card__cover[data-placeholder="6"]{background:linear-gradient(155deg,color-mix(in srgb,var(--color-brand-light) 10%,#3a2f45),color-mix(in srgb,var(--color-brand-dark) 30%,#1a1522))}.work-card__cover[data-placeholder="7"]{background:linear-gradient(170deg,color-mix(in srgb,var(--color-brand-light) 14%,#2d4040),color-mix(in srgb,var(--color-brand-dark) 28%,#152222))}.work-card__shape{position:absolute;background:rgba(var(--color-brand-light-rgb),.22);pointer-events:none}.work-card__shape--rect{width:42%;height:28%;top:18%;left:14%}.work-card__shape--rect-sm{width:24%;height:16%;bottom:22%;right:18%}.work-card__shape--square{width:34%;aspect-ratio:1;height:auto;top:22%;right:16%}.work-card__shape--circle,.work-card__shape--circle-lg{border-radius:50%;aspect-ratio:1;height:auto}.work-card__shape--circle{width:28%;bottom:16%;left:20%;background:rgba(var(--color-brand-light-rgb),.16)}.work-card__shape--circle-lg{width:48%;top:20%;left:26%;background:rgba(var(--color-brand-light-rgb),.14)}.work-card__shape--bar{width:58%;height:8px;bottom:28%;left:18%;background:rgba(var(--color-brand-light-rgb),.28)}.work-card__shape--diamond{width:36%;aspect-ratio:1;height:auto;top:28%;left:32%;transform:rotate(45deg);background:rgba(var(--color-brand-light-rgb),.18)}.work-card__shape--stripe{width:70%;height:42%;top:24%;left:15%;background:repeating-linear-gradient(-18deg,rgba(var(--color-brand-light-rgb),.2) 0 10px,transparent 10px 20px)}.work-card__shape--arc{width:56%;height:56%;border-radius:50%;border:14px solid rgba(var(--color-brand-light-rgb),.18);background:transparent;top:18%;right:-8%}.work-card__hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:rgba(var(--color-brand-dark-rgb),.42);backdrop-filter:blur(6px) sepia(12%);-webkit-backdrop-filter:blur(6px) sepia(12%);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-primary)}.work-card__hover .text-mono{color:var(--color-brand-light)}@media(hover:hover)and (pointer:fine){.work-card__link:hover .work-card__hover,.work-card__link:focus-visible .work-card__hover{opacity:1}.work-card__link:hover .work-card__shape,.work-card__link:focus-visible .work-card__shape{transform:scale(1.04);transition:transform var(--motion-duration-normal) var(--motion-ease-primary)}.work-card__link:hover .work-card__shape--diamond,.work-card__link:focus-visible .work-card__shape--diamond{transform:rotate(45deg) scale(1.04)}}.work-card__link:focus-visible{outline:none}.work-card__link:focus-visible .work-card__cover{outline:2px solid var(--color-brand-light);outline-offset:3px}.work-card__body{display:flex;flex-direction:column;gap:10px;max-width:42ch}.work-card__title{font-family:var(--font-lbody-family);font-size:var(--font-lbody-size);font-weight:500;line-height:var(--font-lbody-line-height);letter-spacing:var(--font-lbody-letter-spacing);margin:0;color:var(--color-brand-light)}.work-card__desc{margin:0;color:var(--color-text-muted)}.work-card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0}.work-card__tags li{padding:4px 10px;border-radius:4px;background:rgba(var(--color-brand-light-rgb),.08);color:var(--color-text-subtle)}@media(max-width:1199px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991px){.work-archive__filters{grid-column:1 / -1;position:static;gap:16px}.work-filter-list{flex-direction:row;flex-wrap:wrap;gap:8px}.work-archive__projects{grid-column:1 / -1;margin-top:var(--section-space-sm)}.work-archive__title,.work-archive__count{font-size:clamp(40px,12vw,56px)}}@media(max-width:767px){.work-archive{padding-top:calc(var(--section-space-page-top) * .75)}.work-archive__header{align-items:flex-start}.work-grid{grid-template-columns:1fr;gap:var(--section-space-md)}.work-card__title{font-size:var(--font-body-size);line-height:var(--font-body-line-height)}.work-card__desc{font-size:var(--font-sbody-size);line-height:var(--font-sbody-line-height)}}@media(max-width:479px){.work-archive__title{font-size:clamp(36px,11vw,48px)}}