.hero-wall{z-index:0;perspective:1600px;perspective-origin:50% 40%;position:absolute;inset:0;overflow:hidden}.hero-wall__plane{transform-origin:50%;gap:22px;width:160%;height:180%;animation:1.6s cubic-bezier(.22,1,.36,1) .2s both paused heroWallIn;display:flex;position:absolute;top:-40%;left:-30%;transform:rotateX(24deg)rotate(-14deg)}.app-content--visible .hero-wall__plane{animation-play-state:running}@keyframes heroWallIn{0%{opacity:0;transform:rotateX(24deg)rotate(-14deg)translateY(60px)}to{opacity:1;transform:rotateX(24deg)rotate(-14deg)}}.hero-wall__col{min-width:0;margin-top:var(--nudge,0px);flex:1}.hero-wall__run{animation:heroWallUp var(--dur,60s) linear infinite;will-change:transform;flex-direction:column;display:flex}.hero-wall__col--down .hero-wall__run{animation-name:heroWallDown}.hero-wall__col:hover .hero-wall__run{animation-play-state:paused}@keyframes heroWallUp{0%{transform:translateY(0)}to{transform:translateY(-33.3333%)}}@keyframes heroWallDown{0%{transform:translateY(-33.3333%)}to{transform:translateY(0)}}.hero-wall__card{aspect-ratio:16/10;cursor:pointer;background:#0f1a12;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-bottom:22px;padding:0;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;position:relative;overflow:hidden;box-shadow:0 16px 34px -18px #000000e6}.hero-wall__card img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.hero-wall__card:hover{z-index:2;border-color:#4ade80b3;transform:scale(1.07);box-shadow:0 0 0 2px #4ade8073,0 26px 50px -16px #000000f2}.hero-wall__tag{text-align:left;color:#fff;opacity:0;background:linear-gradient(#0000,#040906eb);flex-direction:column;gap:2px;padding:18px 12px 10px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.hero-wall__card:hover .hero-wall__tag{opacity:1;transform:none}.hero-wall__tag b{font-size:14px}.hero-wall__tag small{color:#bbf7d0;font:11px/1.3 Fira Code,monospace}@media (max-width:760px){.hero-wall__plane{gap:12px;width:180%;animation:none;left:-40%;transform:rotateX(20deg)rotate(-12deg)}.hero-wall__col:nth-child(n+6){display:none}.hero-wall__card{border-radius:8px;margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.hero-wall__run,.hero-wall__plane{animation:none}}[data-theme=light] .hero-wall__card{background:#fff;border-color:#0f172a14;box-shadow:0 14px 30px -18px #0f172a73}