/* Adapted from the user-supplied React Bits DriftWall CSS; scoped to hero preview. */
.hero-showcase .showcase-grid.drift-wall{position:relative;display:block;width:100%;height:380px;overflow:hidden;--dw-gap:10px;--dw-radius:11px;--dw-dim:1;--dw-lift:64px;touch-action:pan-y;isolation:isolate}
.hero-showcase .drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;cursor:default}
.hero-showcase .drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));flex:none;transform-style:preserve-3d}
.hero-showcase .drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}
.hero-showcase .drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;transform-style:preserve-3d;cursor:default}
.hero-showcase .drift-wall__inner{position:absolute;inset:calc(var(--dw-gap)/2);display:block;border-radius:var(--dw-radius);overflow:hidden;background:#e7edf6;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)}
.hero-showcase .drift-wall__tile img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(255,255,255,.78);border-radius:var(--dw-radius);filter:none;box-shadow:none;user-select:none;-webkit-user-drag:none;transition:filter .42s cubic-bezier(.22,1,.36,1)}
.hero-showcase .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)}
.hero-showcase .drift-wall__tile.is-active img{filter:none}
.hero-showcase .showcase-label{pointer-events:none}
.hero-showcase .drift-wall__plane{transform-style:preserve-3d}
@media(max-width:760px){.hero-showcase .showcase-grid.drift-wall{height:310px}}
@media(prefers-reduced-motion:reduce){.hero-showcase .drift-wall__plane,.hero-showcase .drift-wall__track{will-change:auto}.hero-showcase .drift-wall__inner,.hero-showcase .drift-wall__tile img{transition:none}}
.hero-showcase .showcase-grid.drift-wall{perspective:1200px;perspective-origin:50% 50%}
.hero-showcase .drift-wall-loading{position:absolute;inset:0;display:grid;place-items:center;color:#718096;font-size:13px;background:linear-gradient(135deg,#f4f8ff,#eaf2fb);border-radius:11px}