.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:14px;--dw-lift:64px;--dw-dim:0.55;--dw-gray:0;--dw-overlay:#060010;--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge),transparent 100%),linear-gradient(to top,#000 var(--dw-edge),transparent 100%);mask-composite:intersect}.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__col:has(.drift-wall__tile.is-active),.drift-wall__col:has(.drift-wall__tile:focus-visible){z-index:10}.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}.drift-wall__tile:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:16px;transform:translateX(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24' width='16' height='24'%3E%3Cline x1='8' y1='5' x2='8' y2='19' stroke='%2364748b' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='8' y1='6' x2='8' y2='18' stroke='%23cbd5e1' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='3' y='-5' width='10' height='15' rx='5' fill='none' stroke='%23475569' stroke-width='2.6'/%3E%3Crect x='3.8' y='-4.2' width='8.4' height='13.4' rx='4.2' fill='none' stroke='%23f8fafc' stroke-width='0.8'/%3E%3Crect x='3' y='14' width='10' height='15' rx='5' fill='none' stroke='%23475569' stroke-width='2.6'/%3E%3Crect x='3.8' y='14.8' width='8.4' height='13.4' rx='4.2' fill='none' stroke='%23f8fafc' stroke-width='0.8'/%3E%3C/svg%3E");background-repeat:repeat-y;background-position:top;background-size:16px 24px;z-index:0;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}[data-theme=dark] .drift-wall__tile:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24' width='16' height='24'%3E%3Cline x1='8' y1='5' x2='8' y2='19' stroke='%23475569' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='8' y1='6' x2='8' y2='18' stroke='%2364748b' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='3' y='-5' width='10' height='15' rx='5' fill='none' stroke='%23334155' stroke-width='2.6'/%3E%3Crect x='3.8' y='-4.2' width='8.4' height='13.4' rx='4.2' fill='none' stroke='%2394a3b8' stroke-width='0.8'/%3E%3Crect x='3' y='14' width='10' height='15' rx='5' fill='none' stroke='%23334155' stroke-width='2.6'/%3E%3Crect x='3.8' y='14.8' width='8.4' height='13.4' rx='4.2' fill='none' stroke='%2394a3b8' stroke-width='0.8'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:transparent;opacity:var(--dw-dim);transform:translateZ(0);z-index:2;pointer-events:none;box-shadow:0 8px 24px -4px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}[data-theme=dark] .drift-wall__inner{box-shadow:0 10px 28px -6px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}.drift-wall__tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(var(--dw-gray)) saturate(.92);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:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.drift-wall__tile.is-active,.drift-wall__tile:focus-visible{z-index:10}.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 24px 50px -12px rgba(236,147,36,.28),0 8px 24px -4px rgba(0,0,0,.12)}[data-theme=dark] .drift-wall__tile.is-active .drift-wall__inner{box-shadow:0 24px 50px -12px rgba(240,161,60,.35),0 8px 24px -4px rgba(0,0,0,.6)}.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{box-shadow:0 24px 60px -18px rgba(0,0,0,.7),0 0 0 2px rgba(255,255,255,.9)}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}