.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:.82;--dw-dim-active:1;--dw-gray:0;--dw-overlay:#060010;--dw-edge:32%;-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;-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%);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, xor;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.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%}.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:#0b0b12;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);display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__inner--content{opacity:1;background:0 0;padding:0;overflow:hidden}.drift-wall__inner--content .drift-event-card{border-radius:inherit;width:100%;height:100%;opacity:var(--dw-dim);transition:box-shadow .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 12px #0d182e1a}.drift-event-card[data-surface=incoming]{background-color:#ecfdf5;border-color:#6ee7b7}.drift-event-card[data-surface=call]{background-color:#f0f9ff;border-color:#7dd3fc}.drift-event-card[data-surface=crm]{background-color:#f5f3ff;border-color:#c4b5fd}.drift-event-card[data-surface=report]{background-color:#eff6ff;border-color:#93c5fd}.drift-event-card[data-surface=ai]{background-color:#fffbeb;border-color:#fcd34d}.drift-event-card[data-surface=pbx]{background-color:#eef2ff;border-color:#a5b4fc}.drift-event-card[data-surface=ticket]{background-color:#f0fdfa;border-color:#5eead4}.drift-event-card[data-surface=alert]{background-color:#fff7ed;border-color:#fdba74}.drift-event-card[data-surface=support]{background-color:#fdf2f8;border-color:#f9a8d4}.drift-event-card[data-surface=product]{background-color:#f1f5f9;border-color:#cbd5e1}.drift-event-card[data-surface=default]{background-color:#f8fafc;border-color:#cbd5e1}.dark .drift-event-card[data-surface=incoming]{background-color:#0f2922;border-color:#059669}.dark .drift-event-card[data-surface=call]{background-color:#0f2438;border-color:#0284c7}.dark .drift-event-card[data-surface=crm]{background-color:#1a1530;border-color:#7c3aed}.dark .drift-event-card[data-surface=report]{background-color:#101f3d;border-color:#2563eb}.dark .drift-event-card[data-surface=ai]{background-color:#2a2210;border-color:#d97706}.dark .drift-event-card[data-surface=pbx]{background-color:#121e38;border-color:#4f46e5}.dark .drift-event-card[data-surface=ticket]{background-color:#0f2a28;border-color:#0d9488}.dark .drift-event-card[data-surface=alert]{background-color:#2a1810;border-color:#ea580c}.dark .drift-event-card[data-surface=support]{background-color:#2a1424;border-color:#db2777}.dark .drift-event-card[data-surface=product]{background-color:#1a2233;border-color:#64748b}.dark .drift-event-card[data-surface=default]{background-color:#152238;border-color:#475569}.dark .drift-wall__inner--content .drift-event-card{box-shadow:0 4px 24px #00000059}.drift-wall__tile img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) saturate(.92);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .42s cubic-bezier(.22,1,.36,1);display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:var(--dw-dim-active,1);transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active .drift-wall__inner--content,.drift-wall__tile:focus-visible .drift-wall__inner--content{box-shadow:none}.drift-wall__tile.is-active .drift-wall__inner--content .drift-event-card,.drift-wall__tile:focus-visible .drift-wall__inner--content .drift-event-card{opacity:1;filter:brightness(1.04)saturate(1.05);box-shadow:0 16px 40px -12px #145af359,0 10px 28px #0d182e24,0 0 0 1px #145af333}.dark .drift-wall__tile.is-active .drift-wall__inner--content .drift-event-card,.dark .drift-wall__tile:focus-visible .drift-wall__inner--content .drift-event-card{filter:brightness(1.14)saturate(1.08);box-shadow:0 20px 48px -14px #145af366,0 8px 28px #00000047,0 0 0 1px #145af359}.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 #000000b3,0 0 0 2px #ffffffe6}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}