.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:14px;--dw-lift:64px;--dw-dim:1;--dw-gray:0;--dw-overlay:transparent;--dw-edge:40%;position:relative;overflow:hidden}.drift-wall--fade{-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.drift-wall__plane{transform-style:preserve-3d;cursor:pointer;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}@media (min-width:768px){.drift-wall__plane{left:calc(50% + -1*clamp(0px,20vw - 208px,80px))}}.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));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:#e4dfd2;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden;box-shadow:0 6px 18px -8px #00000040}.drift-wall__tile img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.drift-wall__overlay{display:none}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{transform:translateZ(var(--dw-lift));box-shadow:0 24px 50px -16px #00000073}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 50px -16px #00000073,0 0 0 2px #fff}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}