.works-mosaic-section{--works-gap:var(--fc-space-4);--works-ease:cubic-bezier(.2,.7,.1,1)}.works-filters{display:flex;gap:var(--fc-space-2);overflow-x:auto;padding:var(--fc-space-2) 0 var(--fc-space-6);scrollbar-width:none}.works-filters::-webkit-scrollbar{display:none}.works-filters button{display:inline-flex;align-items:center;gap:var(--fc-space-2);min-height:38px;padding:0 var(--fc-space-4);border:1px solid var(--fc-line);border-radius:999px;font-size:14px;font-weight:500;color:var(--fc-text-muted);white-space:nowrap;transition:color var(--fc-duration),border-color var(--fc-duration),background-color var(--fc-duration)}.works-filters button span{font-size:12px;opacity:.7}.works-filters button:hover{color:var(--fc-accent);border-color:var(--fc-accent)}.works-filters button[aria-pressed=true]{color:var(--fc-white);background:var(--fc-navy-950);border-color:var(--fc-navy-950)}.works-mosaic{position:relative;-moz-columns:240px 4;columns:240px 4;-moz-column-gap:var(--works-gap);column-gap:var(--works-gap)}.works-mosaic>.works-tile{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--works-gap)}.works-mosaic[data-laid-out=true]{-moz-columns:auto;columns:auto}.works-mosaic[data-laid-out=true]>.works-tile{position:absolute;top:0;left:0;margin:0}.works-tile-link{display:block;color:var(--fc-text)}.works-tile-media{position:relative;container-type:size;aspect-ratio:var(--works-ratio);overflow:hidden;border-radius:var(--fc-radius-md);background:var(--fc-surface-soft)}.works-tile-media>img,.works-tile-media>video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.works-tile-media>img:first-child{transition:transform .9s var(--works-ease)}.works-tile[data-active=true] .works-tile-media>img:first-child{transform:scale(1.03)}.works-tile-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:var(--fc-space-4);font-size:18px;font-weight:600;text-align:center;color:var(--fc-text-muted)}.works-tile-frame,.works-tile-video{opacity:0;transition:opacity .18s ease}.works-tile-frame[data-on=true],.works-tile[data-playing=true] .works-tile-video{opacity:1}.works-tile-badge{position:absolute;top:var(--fc-space-3);left:var(--fc-space-3);z-index:2;display:inline-flex;align-items:center;gap:var(--fc-space-1);padding:var(--fc-space-1) var(--fc-space-2);border-radius:999px;font-size:11px;font-weight:600;line-height:1.3;color:var(--fc-white);background:color-mix(in srgb,var(--fc-navy-950) 55%,transparent);backdrop-filter:blur(6px);transition:opacity .18s ease}.works-tile-badge span{font-size:9px}.works-tile-info{position:absolute;inset:auto 0 0;z-index:2;display:grid;gap:var(--fc-space-2);padding:var(--fc-space-16) var(--fc-space-4) var(--fc-space-4);color:var(--fc-white);background:linear-gradient(to top,color-mix(in srgb,var(--fc-navy-950) 88%,transparent) 0,color-mix(in srgb,var(--fc-navy-950) 60%,transparent) 55%,transparent);opacity:0;transform:translateY(var(--fc-space-2));transition:opacity .18s ease,transform .3s var(--works-ease);pointer-events:none}.works-tile:focus-within .works-tile-info,.works-tile:hover .works-tile-info,.works-tile[data-active=true] .works-tile-info{opacity:1;transform:none}.works-tile:focus-within .works-tile-badge,.works-tile:hover .works-tile-badge,.works-tile[data-active=true] .works-tile-badge{opacity:0}.works-tile-kicker{font-size:11px;font-weight:500;letter-spacing:.02em;opacity:.78}.works-tile-info h2{font-size:17px;font-weight:650;line-height:1.3;letter-spacing:-.015em}.works-tile-line{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.5;opacity:.9;word-break:keep-all}.works-tile-deliverables{display:flex;flex-wrap:wrap;gap:var(--fc-space-1);max-height:calc(2 * (11px * 1.3 + 2 * var(--fc-space-1)) + var(--fc-space-1));overflow:hidden}.works-tile-deliverables li{padding:var(--fc-space-1) var(--fc-space-2);border:1px solid color-mix(in srgb,var(--fc-white) 35%,transparent);border-radius:999px;font-size:11px;line-height:1.3}.works-tile-more{margin-top:var(--fc-space-1);font-size:12px;font-weight:600}@container (max-height: 380px) and (max-width: 420px){.works-tile-deliverables{display:none}.works-tile-info{padding-top:var(--fc-space-10)}}@media (max-width:767px){.works-mosaic-section{--works-gap:var(--fc-space-3)}.works-mosaic{-moz-columns:2;column-count:2}.works-tile-info{gap:var(--fc-space-1);padding:var(--fc-space-10) var(--fc-space-3) var(--fc-space-3)}.works-tile-info h2{font-size:14px}.works-tile-deliverables,.works-tile-more{display:none}}@media (prefers-reduced-motion:reduce){.works-tile-frame,.works-tile-info,.works-tile-media>img:first-child,.works-tile-video{transition:none}}