.masonry-list{width:100%;position:relative}.masonry-item{color:inherit;cursor:zoom-in;font:inherit;text-align:left;will-change:transform, width, height, opacity, filter;background:0 0;border:0;margin:0;padding:8px;position:absolute;top:0;left:0}.masonry-card{transform-origin:50%;will-change:transform;background-color:#171718;background-position:50%;background-size:cover;border:1px solid #ffffff1f;border-radius:13px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000047}.masonry-card__image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.masonry-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24}.masonry-card__shade{opacity:.72;background:linear-gradient(#00000047,#0000 28%),linear-gradient(#0000 55%,#000000c7);transition:opacity .28s;position:absolute;inset:0}.masonry-item:hover .masonry-card__shade{opacity:.54}.masonry-card__index,.masonry-card__caption,.masonry-card__expand{z-index:2;position:absolute}.masonry-card__index{color:var(--orange);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:8px;top:18px;left:18px}.masonry-card__caption{flex-direction:column;gap:5px;display:flex;bottom:18px;left:18px;right:18px}.masonry-card__caption strong{color:#fff;letter-spacing:-.02em;font-size:15px;font-weight:500}.masonry-card__caption small{color:#ffffff87;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:7px}.masonry-card__expand{color:#ffffffa3;opacity:0;font-size:16px;transition:opacity .22s,transform .22s;top:15px;right:16px;transform:translateY(4px)}.masonry-item:hover .masonry-card__expand,.masonry-item:focus-visible .masonry-card__expand{opacity:1;transform:translateY(0)}.masonry-item:focus-visible{outline:none}.masonry-item:focus-visible .masonry-card{outline:1px solid var(--orange);outline-offset:-3px}@media (width<=600px){.masonry-item{padding:5px}.masonry-card{border-radius:9px}.masonry-card__caption{bottom:12px;left:12px;right:12px}.masonry-card__caption strong{font-size:12px}}.motion-page{background:var(--ex-paper);min-height:100svh;color:var(--ex-ink);padding-bottom:32px;position:relative}.motion-footer{border-top:1px solid var(--ex-line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:24px;display:flex}.motion-page :focus-visible{outline:2px solid var(--ex-ink);outline-offset:4px}.motion-intro{margin-block:0 32px}.motion-gallery{padding-bottom:var(--ex-space-section)}.motion-rail{border-top:1px solid var(--ex-line);font:11px var(--ex-font-mono);color:var(--ex-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:20px;display:flex}.motion-page .masonry-card{border-color:var(--ex-line);background-color:var(--ex-paper);box-shadow:none;border-radius:0}.motion-page .masonry-card:after{content:none}.motion-page .masonry-card__shade{display:none}.motion-page .masonry-card__caption{background:var(--ex-ink);gap:8px;padding:12px 16px;inset:auto 0 0}.motion-page .masonry-card__caption strong{color:var(--ex-paper);font-weight:400}.motion-page .masonry-card__caption small{color:var(--ex-line);font-size:10px}.motion-page .masonry-card__index,.motion-page .masonry-card__expand{background:var(--ex-ink);color:var(--ex-paper);padding:6px 8px}.motion-page .masonry-item:focus-visible .masonry-card{outline:2px solid var(--ex-ink);outline-offset:-3px}.motion-lightbox{z-index:120;background:var(--ex-ink);color:var(--ex-paper);animation:motionLightboxIn var(--ex-duration) var(--ex-ease) both;place-items:center;padding:64px 32px 32px;display:grid;position:fixed;inset:0}.motion-lightbox__backdrop{cursor:zoom-out;background:0 0;border:0;position:absolute;inset:0}.motion-lightbox__top{color:var(--ex-line);font:11px var(--ex-font-mono);justify-content:space-between;gap:16px;display:flex;position:absolute;inset:24px 32px auto}.motion-lightbox figure{flex-direction:column;min-width:0;max-width:100%;margin:0;display:flex;position:relative}.motion-lightbox img{object-fit:contain;max-width:100%;max-height:calc(100svh - 172px);display:block}.motion-lightbox figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:16px;font-size:13px;display:flex}.motion-lightbox button:not(.motion-lightbox__backdrop){border:1px solid var(--ex-line);border-radius:var(--ex-radius-action);background:var(--ex-ink);min-height:44px;color:var(--ex-paper);cursor:pointer;font:11px var(--ex-font-mono);padding:10px 20px}.motion-lightbox :focus-visible{outline-color:var(--ex-paper)}@keyframes motionLightboxIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=760px){.motion-lightbox{padding:64px 20px 20px}.motion-lightbox__top{font-size:9px;inset-inline:20px}}@media (prefers-reduced-motion:reduce){.motion-page *,.motion-page :before,.motion-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}