.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;perspective:var(--dw-perspective,1200px);perspective-origin:50% 50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:0px;--dw-lift:64px;--dw-dim:0.92;--dw-gray:0;--dw-overlay:#0b0b0c;--dw-edge:65%;-webkit-mask-image:radial-gradient(ellipse 92% 92% at 50% 50%,#000 var(--dw-edge,65%),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 92% 92% at 50% 50%,#000 var(--dw-edge,65%),transparent 100%);mask-composite:intersect}.drift-wall__vignette{position:absolute;inset:0;pointer-events:none;z-index:10;background:linear-gradient(180deg,rgba(11,11,12,.75) 0,transparent 15%,transparent 85%,rgba(11,11,12,.75)),linear-gradient(90deg,rgba(11,11,12,.75) 0,transparent 14%,transparent 86%,rgba(11,11,12,.75)),radial-gradient(ellipse 80% 75% at 50% 50%,transparent 55%,rgba(11,11,12,.5) 100%)}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;cursor:pointer;transform-origin:50% 50%;will-change:transform}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;outline:none;transform-style:preserve-3d;cursor:pointer}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:var(--color-surface,#141416);border:1px solid var(--color-line,#26262a);opacity:var(--dw-dim);transform:translateZ(0);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(var(--dw-gray)) saturate(1);transition:filter .42s cubic-bezier(.22,1,.36,1);user-select:none;-webkit-user-drag:none}.drift-wall__overlay{position:absolute;inset:0;background:var(--dw-overlay);opacity:.1;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.drift-wall__caption{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:linear-gradient(0deg,rgba(11,11,12,.95),rgba(11,11,12,0));display:flex;flex-direction:column;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.drift-wall__caption-title{font-family:var(--font-heading,sans-serif);font-size:.8125rem;font-weight:600;color:var(--color-text,#f4f4f5);line-height:1.25}.drift-wall__caption-meta,.drift-wall__caption-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drift-wall__caption-meta{font-family:var(--font-mono,monospace);font-size:.6875rem;color:var(--color-metal,#8a8f98)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;border-color:var(--color-metal,#8a8f98);transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px rgba(0,0,0,.85)}.drift-wall__tile.is-active .drift-wall__caption,.drift-wall__tile:focus-visible .drift-wall__caption{opacity:1;transform:translateY(0)}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0) saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{border-color:var(--color-red,#d42027);box-shadow:0 24px 60px -18px rgba(0,0,0,.85),0 0 0 2px var(--color-red-hover,#f0333a)}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}