.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1400px);perspective-origin:50%;--dw-tile-w:220px;--dw-tile-h:150px;--dw-gap:16px;--dw-radius:8px;--dw-lift:48px;--dw-dim:.65;--dw-gray:1;--dw-overlay:#09090b;-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 72%,#0000 100%),radial-gradient(85% 75%,#000 40%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 72%,#0000 100%),radial-gradient(85% 75%,#000 40%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.drift-wall__plane{transform-style:preserve-3d;cursor:grab;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__plane:active{cursor:grabbing}.drift-wall__col{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;position:relative}.drift-wall__track{will-change:transform;transform-style:preserve-3d;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border-radius:var(--dw-radius);opacity:var(--dw-dim);pointer-events:none;background:#121214;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__tile img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) contrast(1.05);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .4s cubic-bezier(.16,1,.3,1);display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:.55;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 20px 50px -10px #000000f2}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)contrast(1.1)}.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{box-shadow:0 20px 50px -10px #000000f2,0 0 0 1px #ffffff80}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}