.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;--dw-tile-w:210px;--dw-tile-h:262px;--dw-gap:18px;--dw-radius:16px;--dw-lift:24px;--dw-gray:0;background:transparent}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;width:-moz-max-content;width:max-content;transform:translate(-50%,-50%);transform-style:flat;pointer-events:none}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));flex:0 0 calc(var(--dw-tile-w) + var(--dw-gap));overflow:visible}.drift-wall__track{display:flex;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0)}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 calc(var(--dw-tile-h) + var(--dw-gap));margin:0;padding:0;outline:none;text-decoration:none;pointer-events:auto;cursor:pointer}.drift-wall__inner{position:absolute;top:calc(var(--dw-gap) / 2);right:calc(var(--dw-gap) / 2);bottom:calc(var(--dw-gap) / 2);left:calc(var(--dw-gap) / 2);display:block;overflow:hidden;border-radius:var(--dw-radius);background:#fff;opacity:1;transform:translateZ(0);box-shadow:0 8px 24px rgba(15,23,42,.08);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.drift-wall__tile img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(var(--dw-gray));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .4s cubic-bezier(.22,1,.36,1)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner,.drift-wall__tile:hover .drift-wall__inner{transform:translateY(calc(var(--dw-lift) * -.15));box-shadow:0 18px 40px rgba(15,23,42,.16)}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img,.drift-wall__tile:hover img{transform:scale(1.035);filter:grayscale(0)}.drift-wall__tile:focus-visible .drift-wall__inner{outline:2px solid rgba(1,120,210,.7);outline-offset:3px}@media (max-width:639px){.drift-wall{--dw-gap:12px}.drift-wall__plane{top:50%}.drift-wall__inner{border-radius:13px;box-shadow:0 5px 18px rgba(15,23,42,.07)}}@media (min-width:640px) and (max-width:1023px){.drift-wall{--dw-gap:15px}}@media (min-width:1280px){.drift-wall__inner{box-shadow:0 10px 28px rgba(15,23,42,.08)}}@media (prefers-reduced-motion:reduce){.drift-wall__track{will-change:auto}.drift-wall__inner,.drift-wall__tile img{transition:none}}