.card{display:inline-grid;grid-template-areas:'only';aspect-ratio:20 / 26;color:#fff;text-decoration:none;}@media (min-width:726px){.card--highlight{aspect-ratio:3 / 1;}}.card__arrow,.card__image,.card__title{grid-area:only;}.card__arrow{font-family:var(--icons);font-weight:700;font-size:0.75rem;background:#d9d9d94c;margin:1.33333333rem;padding:1rem;aspect-ratio:1/1;height:2.72222222rem;box-sizing:border-box;line-height:1;border-radius:var(--button-radius);backdrop-filter:invert(10%) blur(0.3rem);text-align:center;margin-left:auto;transition:background 0.25s,color 0.25s;:hover > &{background:var(--color-accent-bg);color:var(--color-accent-fg);}}.card__image{position:relative;}.card__image:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(62,62,62,0.10) 45%,#000 100%);}.card__image img{width:100%;aspect-ratio:20 / 26;object-fit:cover;border-radius:var(--curvynes);vertical-align:bottom;transition:border-radius 0.25s;}@media (min-width:726px){.card--highlight img{aspect-ratio:3 / 1;}}.card__title{margin:auto auto 0 0;grid-area:only;padding:var(--1);hyphens:auto;z-index:1;}