.card{display:flex;flex-direction:column;border-radius:22px;overflow:clip;text-decoration:none;color:var(--text);transition:transform .25s}
.card:hover{transform:translateY(-4px);color:var(--text)}
.card img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top}
.arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--text);flex:none;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .2s}
.card:hover .arrow{background:var(--btn-grad);color:var(--btn-text);box-shadow:none}
.fcap{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:26px}
.card{animation:pop .6s cubic-bezier(.2,.8,.2,1) backwards}
.card:nth-child(1){animation-delay:.35s}.card:nth-child(2){animation-delay:.42s}.card:nth-child(3){animation-delay:.49s}.card:nth-child(4){animation-delay:.56s}.card:nth-child(5){animation-delay:.63s}.card:nth-child(6){animation-delay:.7s}.card:nth-child(7){animation-delay:.77s}.card:nth-child(8){animation-delay:.84s}
.card img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.card:hover img{transform:scale(1.04)}