.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;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__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);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:1;transform:translateZ(var(--dw-lift));z-index:2;box-shadow:0 24px 60px -18px #000000b3}.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__label{pointer-events:none;background:linear-gradient(#0000 0%,#0006 40%,#000000d9 100%);flex-direction:column;gap:4px;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.drift-wall__title{color:#eaf6ee;text-shadow:0 1px 3px #00000080;font-size:13px;font-weight:600;line-height:1.3}.drift-wall__detail{top:calc(100% - var(--dw-gap) / 2 - var(--dw-radius));left:calc(var(--dw-gap) / 2);right:calc(var(--dw-gap) / 2);border-radius:0 0 var(--dw-radius) var(--dw-radius);opacity:0;pointer-events:none;max-height:0;transform:translateZ(var(--dw-lift));background:linear-gradient(#0b0b12 0%,#0a0a18 100%);padding:0 12px;transition:max-height .38s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1),padding .38s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden}.drift-wall__tile.is-active .drift-wall__detail,.drift-wall__tile:focus-visible .drift-wall__detail{opacity:1;max-height:200px;padding:calc(var(--dw-radius) + 4px) 12px 10px}.drift-wall__tile.is-active .drift-wall__desc,.drift-wall__tile:focus-visible .drift-wall__desc{-webkit-line-clamp:unset}.drift-wall__desc{color:#9fbfad;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.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}}