.drift-wall{isolation:isolate;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:#050505;--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 82% 86% at 50% 46%, #000 var(--dw-edge), transparent 100%);-webkit-mask-image:radial-gradient(ellipse 82% 86% at 50% 46%, #000 var(--dw-edge), transparent 100%);mask-image:radial-gradient(ellipse 82% 86% at 50% 46%, #000 var(--dw-edge), transparent 100%);position:relative;overflow:hidden}.drift-wall__plane{transform-style:preserve-3d;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));color:inherit;transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border:1px solid color-mix(in srgb, var(--color-bone) 13%, transparent);border-radius:var(--dw-radius);background:var(--color-soot);opacity:var(--dw-dim);pointer-events:none;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:block;position:absolute;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 42px #00000052}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) saturate(.86) contrast(1.04);-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:linear-gradient(to top, #050505bd, transparent 54%), var(--dw-overlay);opacity:.48;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.drift-wall__caption{opacity:0;text-shadow:0 2px 12px #000000e6;grid-template-columns:1fr auto;align-items:end;gap:2px 10px;transition:opacity .26s,transform .42s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:11px;left:12px;right:12px;transform:translateY(10px)}.drift-wall__eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-flare);grid-column:1/-1;font-size:.55rem}.drift-wall__title{font-family:var(--font-sans);color:var(--color-bone);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500;line-height:1.2;overflow:hidden}.drift-wall__arrow{font-family:var(--font-mono);color:var(--color-bone);font-size:.75rem;line-height:1}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{border-color:color-mix(in srgb, var(--color-flare) 60%, transparent);opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 28px 70px -18px #000000d1, 0 0 40px color-mix(in srgb, var(--color-red) 13%, transparent)}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)saturate(1.04)contrast(1.02)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:.16}.drift-wall__tile.is-active .drift-wall__caption,.drift-wall__tile:focus-visible .drift-wall__caption{opacity:1;transform:translateY(0)}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 28px 70px -18px #000000d1, 0 0 0 2px var(--color-flare)}.drift-wall--reduced .drift-wall__plane,.drift-wall--reduced .drift-wall__track{will-change:auto}@media (hover:none){.drift-wall__caption{opacity:.82;transform:none}.drift-wall__overlay{opacity:.3}}@media (prefers-reduced-motion:reduce){.drift-wall__inner,.drift-wall__tile img,.drift-wall__overlay,.drift-wall__caption{transition-duration:.01ms}}