.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;perspective:var(--dw-perspective,1200px);perspective-origin:50% 50%;--dw-tile-w:220px;--dw-tile-h:146px;--dw-gap:18px;--dw-radius:16px;--dw-lift:64px;--dw-dim:0.82;--dw-gray:0;--dw-overlay:#134633;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 30px,rgba(0,0,0,.65) 75px,#000 120px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 30px,rgba(0,0,0,.65) 75px,#000 120px,#000 calc(100% - 24px),transparent)}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;cursor:pointer;transform-origin:50% 50%;will-change:transform}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}.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;color:inherit;text-decoration:none;cursor:pointer}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:#134633;box-shadow:0 6px 18px rgba(19,70,51,.12),0 2px 6px rgba(0,0,0,.06);border:1px solid rgba(19,70,51,.15);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),border-color .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)) saturate(.96);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__overlay{position:absolute;inset:0;background:var(--dw-overlay);opacity:.18;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.drift-wall__caption{position:absolute;inset:auto 0 0 0;padding:18px 14px 12px;background:linear-gradient(0deg,rgba(14,51,37,.92) 0,rgba(14,51,37,.4) 65%,transparent);display:flex;flex-direction:column;gap:2px;z-index:2;pointer-events:none;opacity:.9;transition:opacity .35s ease}.drift-wall__badge{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#6ee7b7}.drift-wall__title{font-size:13px;font-weight:600;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 50px -15px rgba(19,70,51,.45),0 10px 24px -8px rgba(0,0,0,.2);border-color:rgba(52,211,153,.6)}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0) saturate(1.06)}.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__caption,.drift-wall__tile:focus-visible .drift-wall__caption{opacity:1}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 50px -15px rgba(19,70,51,.45),0 0 0 2px #34d399}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}