.works{perspective:1600px;grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:clamp(1rem,2vw,1.8rem);display:grid}[data-scrollfx]{will-change:transform, opacity;transform-origin:50% 80%}.work{flex-direction:column;grid-area:span 2/span 2;display:flex}.work--wide{grid-column:span 4}.work--tall{grid-row:span 3}.work__media{border:1px solid var(--border);background:var(--paper-soft);min-height:0;transition:border-color .5s ease, box-shadow .5s var(--ease-out);flex:1;position:relative;overflow:hidden;box-shadow:0 12px 32px #1a19150f}.work__media>.work__item,.work__media>span.work__item{object-fit:cover}.work__media img.work__item{object-fit:cover;inset:0;width:100%!important;height:100%!important;position:absolute!important}.work:hover .work__media{border-color:var(--border-strong);box-shadow:0 16px 40px #1a19151a}.work__item{object-fit:cover;filter:saturate(.92);width:100%;height:100%;transition:transform .9s var(--ease-out), filter .5s ease}.work:hover .work__item{filter:saturate(1.05);transform:scale(1.06)}.work__index{top:.9rem;font-family:var(--font-label);letter-spacing:.28em;color:var(--gold-deep);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .4s ease, transform .4s var(--ease-out);background:#fffcf7eb;padding:.35rem .7rem;font-size:.72rem;position:absolute;inset-inline-start:.9rem;transform:translateY(-6px)}.work:hover .work__index{opacity:1;transform:none}.work figcaption{color:var(--muted);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:.7rem;font-size:.85rem;display:flex}.work__cap{color:var(--ink-soft);font-weight:500}.work__media video{object-fit:cover;width:100%;height:100%}@media screen and (max-width:1024px){.works{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.work,.work--wide{grid-column:span 1}.work--wide{grid-column:span 2}}@media screen and (max-width:600px){.works{grid-template-columns:1fr;grid-auto-rows:auto}.work,.work--wide{grid-area:span 1/span 1}.work__media{aspect-ratio:4/3}.work--tall .work__media{aspect-ratio:3/4}.work__index{opacity:1;transform:none}}