.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:.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;-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%);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;border:1px solid #ffffff14;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),border-color .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__tile img{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),transform .6s 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__meta{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#000000d9 100%);padding:10px 12px;transition:all .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.drift-wall__tag{font-family:var(--font-plex-mono), "IBM Plex Mono", monospace;text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;margin-bottom:2px;font-size:9px;display:inline-block}.drift-wall__title{font-family:var(--font-anton), "Anton", sans-serif;color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.1;display:block;overflow:hidden}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));border-color:#38bdf880;box-shadow:0 24px 60px -18px #000000d9,0 0 0 1px #38bdf866}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)saturate(1.1);transform:scale(1.04)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile.is-active .drift-wall__meta,.drift-wall__tile:focus-visible .drift-wall__meta{opacity:1;transform:translateY(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}}
.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:0px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#fff);border:1px solid #00000014;flex-direction:column;display:flex;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000000a,0 2px 4px #0000000a,0 4px 8px #0000000f,0 8px 16px #00000014}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#fff) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #057aff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #33beff 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #4c7cff 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #4ca0ff 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #3bf 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#057dfd 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #057aff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #33beff 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #4c7cff 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #4ca0ff 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #3bf 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#057dfd 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.15) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:multiply;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-darker}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#087afd), inset 0 0 1px 0 var(--glow-color-60,#087afd99), inset 0 0 3px 0 var(--glow-color-50,#087afd80), inset 0 0 6px 0 var(--glow-color-40,#087afd66), inset 0 0 15px 0 var(--glow-color-30,#087afd4d), inset 0 0 25px 2px var(--glow-color-20,#087afd33), inset 0 0 50px 2px var(--glow-color-10,#087afd1a), 0 0 1px 0 var(--glow-color-60,#087afd99), 0 0 3px 0 var(--glow-color-50,#087afd80), 0 0 6px 0 var(--glow-color-40,#087afd66), 0 0 15px 0 var(--glow-color-30,#087afd4d), 0 0 25px 2px var(--glow-color-20,#087afd33), 0 0 50px 2px var(--glow-color-10,#087afd1a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:visible}