.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;overflow:clip;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:#0a0807;--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 82% 86% at 50% 50%,#000 var(--dw-edge),transparent 100%),linear-gradient(to bottom,transparent 0,#000 calc(var(--dw-edge) * .6),#000 calc(100% - var(--dw-edge) * .6),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 82% 86% at 50% 50%,#000 var(--dw-edge),transparent 100%),linear-gradient(to bottom,transparent 0,#000 calc(var(--dw-edge) * .6),#000 calc(100% - var(--dw-edge) * .6),transparent 100%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-origin:50% 50%;cursor:pointer;will-change:transform}.drift-wall__col,.drift-wall__plane{height:100%;transform-style:preserve-3d}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap))}.drift-wall.is-draggable .drift-wall__col.is-drift{cursor:grab;touch-action:none}.drift-wall.is-draggable .drift-wall__col.is-drift:active{cursor:grabbing}.drift-wall__track{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;transform-style:preserve-3d;will-change:transform}.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;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:#12100e;opacity:var(--dw-dim);transform:translateZ(0);pointer-events:none;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)}.drift-wall__tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:grayscale(var(--dw-gray));transition:filter .42s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.drift-wall__caption{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem;background:linear-gradient(to top,color-mix(in srgb,var(--dw-overlay) 92%,transparent),transparent);opacity:0;transform:translateY(.5rem);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.drift-wall__title{color:#f4efe7;font-size:.875rem;font-weight:500;line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.7)}.drift-wall__meta{color:hsla(37,37%,93%,.66);font-size:.5625rem;font-weight:500;line-height:1.15;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.9)}.drift-wall__tile.is-active .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px rgba(0,0,0,.7)}.drift-wall__tile.is-active .drift-wall__caption{opacity:1;transform:translateY(0)}@keyframes drift-wall-fall{0%{opacity:0;transform:translate3d(0,-260px,420px) rotateX(-24deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.drift-wall.is-arrived .drift-wall__tile{animation:drift-wall-fall 1.05s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--dw-fall,0s)}.drift-wall.is-settled .drift-wall__tile{animation:none}}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}