.works-page .page-header{padding-bottom:22px;border-bottom:1px solid #eee;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px;align-items:end}.works-page .page-title{font-size:46px;letter-spacing:0;margin:0}.works-page .page-intro{color:#444;line-height:1.7;margin:10px 0 0}.works-page .page-toolbar{display:flex;justify-content:flex-end;align-self:end}.works-page .search-box{width:min(360px,100%)}.works-page .search-box input{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#00000008;color:#111;font-size:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.works-page .search-box input:focus{border-color:#00000029;background:#fff;box-shadow:0 0 0 4px #0000000a}.works-page .works-grid{padding-top:26px;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.works-page .work-card{display:block;grid-column:span 6;position:relative;text-decoration:none;color:#111;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#f8f8f8f5,#f3f3f3fa);border:1px solid rgba(0,0,0,.05);box-shadow:0 18px 40px #00000008;transform:translateY(18px) scale(.985);opacity:0;animation:card-enter .76s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--card-delay);transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),border-color .32s ease,background .32s ease;will-change:transform,box-shadow}.works-page .work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff38,#fff0 38%),radial-gradient(circle at top right,rgba(255,255,255,.24),transparent 34%);opacity:0;transition:opacity .36s ease;pointer-events:none}.works-page .work-card:before{content:"";position:absolute;inset:-12%;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.08) 32%,rgba(255,255,255,.26) 42%,rgba(255,255,255,.08) 52%,transparent 66%);transform:translate(-135%) rotate(10deg);transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .36s ease;opacity:0;pointer-events:none;mix-blend-mode:screen}.works-page .work-card:hover{transform:translateY(-12px) scale(1.012);border-color:#0000001c;background:linear-gradient(180deg,#fbfbfbfa,#f4f4f4);box-shadow:0 24px 48px #00000014,0 36px 84px #00000014}.works-page .work-card:visited{color:#111}.works-page .work-card:hover:after{opacity:1}.works-page .work-card:hover:before{opacity:1;transform:translate(135%) rotate(10deg)}.works-page .work-card:hover .card-image,.works-page .work-card:hover .media-shell.is-loaded .card-image{transform:scale(1.02);filter:saturate(1.03) contrast(1.02)}.works-page .media-shell{position:relative;overflow:hidden;background:linear-gradient(110deg,#ffffff2e 18%,#ffffff5c,#ffffff2e 38%),#0000000f;background-size:220% 100%;animation:shimmer 1.6s linear infinite}.works-page .media-shell.is-loaded{animation:none;background:#0000000a}.works-page .card-overlay{position:absolute;inset:auto 0 0;padding:96px 20px 20px;background:linear-gradient(180deg,#0000,#0003 24%,#00000094 58%,#000000e0);pointer-events:none;z-index:1}.works-page .card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;opacity:0;transform:scale(1.09);transition:opacity .42s ease,transform .82s cubic-bezier(.16,1,.3,1),filter .42s ease}.works-page .media-shell.is-loaded .card-image{opacity:1;transform:scale(1.06)}.works-page .card-title{font-weight:700;font-size:1.24rem;letter-spacing:0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28);transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .28s ease;position:relative;z-index:2}.works-page .work-card:hover .card-title{transform:translateY(-2px)}.works-page .work-card:focus-visible{outline:none;transform:translateY(-12px) scale(1.012);border-color:#00000029;box-shadow:0 24px 48px #00000014,0 36px 84px #00000014,0 0 0 4px #2337ff14}.works-page .work-card--placeholder{color:#fff;background:#0f0f10;border-color:#ffffff1a;min-height:320px}.works-page .work-card--placeholder:before{opacity:.3}.works-page .work-card--placeholder:hover{border-color:#ffffff2e}.works-page .placeholder-shell{min-height:100%;aspect-ratio:4 / 3;display:flex;align-items:flex-end;padding:24px;box-sizing:border-box;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff0a,#fff0 32%),radial-gradient(circle at 85% 16%,rgba(255,255,255,.12),transparent 22%)}.works-page .placeholder-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08080a1a,#08080a47 44%,#08080aad),#0a0c1014;backdrop-filter:blur(8px) saturate(.94);pointer-events:none}.works-page .placeholder-shell:before{content:"";position:absolute;inset:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.18);pointer-events:none;z-index:1}.works-page .placeholder-image{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:blur(9px) saturate(.96) brightness(.88);transform:scale(1.08);transition:transform .72s cubic-bezier(.16,1,.3,1),filter .42s ease}.works-page .work-card--placeholder:hover .placeholder-image{transform:scale(1.12);filter:blur(8px) saturate(1) brightness(.92)}.works-page .placeholder-copy{position:relative;z-index:2;max-width:420px}.works-page .placeholder-kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e;margin-bottom:12px}.works-page .placeholder-title{font-size:1.8rem;line-height:1.15;font-weight:800;letter-spacing:0;color:#fff;text-wrap:balance}.works-page .release-note{margin:18px 0 0;color:#777;font-size:13px;line-height:1.5;text-align:right}.works-page .placeholder-text{margin:12px 0 0;color:#ffffffbd;font-size:1rem;line-height:1.65}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes card-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.works-page .work-card,.works-page .card-image,.works-page .work-card:after,.works-page .work-card:before{animation:none!important;transition:none!important}.works-page .media-shell{animation:none!important}.works-page .work-card{opacity:1!important;transform:none!important}.works-page .card-image{opacity:1!important;transform:none!important;filter:none!important}.works-page .media-shell,.works-page .media-shell.is-loaded{background:#0000000a!important}}@media(max-width:980px){.works-page .page-header{grid-template-columns:1fr;align-items:start}.works-page .page-toolbar{justify-content:flex-start}.works-page .work-card{grid-column:span 12}}@media(max-width:720px){.works-page .page-header{gap:18px}.works-page .page-title{font-size:42px}.works-page .page-intro{font-size:15px;line-height:1.65}.works-page .search-box{width:100%}.works-page .search-box input{padding:10px 14px;font-size:13px}.works-page .work-card--placeholder{min-height:260px}.works-page .placeholder-shell{padding:20px}.works-page .placeholder-title{font-size:1.5rem}.works-page .placeholder-text{font-size:.94rem}.works-page .page-toolbar{width:100%}}