.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:240px;--dw-tile-h:150px;--dw-gap:20px;--dw-radius:16px;--dw-lift:70px;--dw-dim:.55;--dw-gray:1;--dw-spot-x:50%;--dw-spot-y:48%;-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(84% 98% at 50% 48%,#000 38%,#000000f0 65%,#00000073 86%,#0000 100%),linear-gradient(#0000 0%,#000 10% 98%,#0000 100%);mask-image:radial-gradient(84% 98% at 50% 48%,#000 38%,#000000f0 65%,#00000073 86%,#0000 100%),linear-gradient(#0000 0%,#000 10% 98%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.drift-wall__spotlight{pointer-events:none;background:radial-gradient(circle 700px at var(--dw-spot-x,50%)var(--dw-spot-y,48%),#ffffff0d 0%,#ffffff04 35%,transparent 70%);z-index:0;transition:opacity .5s;position:absolute;inset:-15%}.drift-wall__plane{transform-style:preserve-3d;cursor:grab;transform-origin:50%;will-change:transform;z-index:1;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__plane:active{cursor:grabbing}.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;text-decoration: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:#0e0e0eb3;border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 45px #00000080}.drift-wall__image-wrap{z-index:0;width:100%;height:100%;position:absolute;inset:0}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray))contrast(1.05)brightness(.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{opacity:.7;pointer-events:none;z-index:1;background:linear-gradient(#0a0a0a0d 0%,#0a0a0a66 55%,#0a0a0aeb 100%);transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.drift-wall__content{z-index:2;pointer-events:none;flex-direction:column;justify-content:flex-end;height:100%;padding:14px 16px;display:flex;position:relative}.drift-wall__footer{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.drift-wall__title{font-family:var(--font-sans,sans-serif);color:#f5f5f4;text-shadow:0 1px 3px #000000d9;font-size:14px;font-weight:600;line-height:1.25}.drift-wall__arrow{color:#f5f5f4;opacity:.6;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .3s,transform .3s,background .3s,color .3s;display:flex;transform:translate(-2px,2px)}.drift-wall__tile:hover .drift-wall__inner,.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:#ffffff59;box-shadow:0 28px 75px -10px #000000e6,0 0 28px #ffffff12,0 0 0 1px #ffffff38}.drift-wall__tile:hover img,.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)saturate(1.12)contrast(1.06)brightness(1.02)}.drift-wall__tile:hover .drift-wall__overlay,.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:.25}.drift-wall__tile:hover .drift-wall__arrow,.drift-wall__tile.is-active .drift-wall__arrow,.drift-wall__tile:focus-visible .drift-wall__arrow{opacity:1;color:#0a0a0a;background:#f5f5f4;transform:translate(0)}.drift-wall__tile:focus-visible .drift-wall__inner{outline-offset:3px;outline:2px solid #f5f5f4}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}