.article-card{--br:12px;border-radius:var(--br);color:#fff;cursor:pointer;border:1px solid var(--color-border-subtle);width:100%;transition:transform var(--transition-normal)ease-in-out;flex-direction:column;align-self:stretch;text-decoration:none;display:flex;position:relative;overflow:hidden}@media (min-width:960px){.article-card:hover{transform:scale(1.02)translateZ(0)}}@media (min-width:1320px){.article-card{--br:20px}}@media (min-width:1720px){.article-card{--br:28px}}.article-card--featured{flex-direction:column}@media (min-width:960px){.article-card--featured{flex-direction:row;gap:0}}.article-card__image-wrap{aspect-ratio:3/4;background-color:var(--color-bg-hover);flex-shrink:0;width:100%;position:relative;overflow:hidden}.article-card__image-wrap:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff0f 50%,#fff0 100%) 0 0/200% 100%;animation:1.8s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.article-card__image-wrap:has(img[data-loaded=true]):before{display:none}@media (min-width:600px){.article-card__image-wrap{aspect-ratio:229/260}}@media (min-width:960px){.article-card__image-wrap{aspect-ratio:23/15}}.article-card--featured .article-card__image-wrap{aspect-ratio:16/10}@media (min-width:960px){.article-card--featured .article-card__image-wrap{aspect-ratio:auto;width:60%;height:100%}}.article-card__image{object-fit:cover;width:100%;height:100%}.article-card__image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#000000d9 100%);width:100%;height:60%;display:block;position:absolute;bottom:0}.article-card__content{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;width:100%;padding:8px;display:flex;position:absolute;bottom:0}@media (min-width:375px){.article-card__content{padding:10px}}@media (min-width:600px){.article-card__content{padding:12px}}@media (min-width:1320px){.article-card__content{padding:16px}}@media (min-width:1720px){.article-card__content{gap:12px;padding:20px}}@media (min-width:960px){.article-card--featured .article-card__content{justify-content:center;width:40%;padding:24px;position:relative}}.article-card__title{text-overflow:ellipsis;-webkit-line-clamp:3;color:var(--color-text-primary);z-index:10;-webkit-box-orient:vertical;width:100%;margin:0;padding:0;font-size:13px;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}@media (min-width:600px){.article-card__title{font-size:16px;line-height:22px}}@media (min-width:1720px){.article-card__title{font-size:24px;line-height:32px}}.article-card--featured .article-card__title{font-family:var(--font-display),Georgia,"Times New Roman",serif;letter-spacing:.03em;font-weight:400}@media (min-width:960px){.article-card--featured .article-card__title{-webkit-line-clamp:3;font-size:28px;line-height:32px}}@media (min-width:1720px){.article-card--featured .article-card__title{font-size:42px;line-height:48px}}.article-card--stacked .article-card__image-wrap:after{display:none}.article-card--stacked .article-card__content{gap:6px;padding:10px;position:relative;bottom:auto}@media (min-width:600px){.article-card--stacked .article-card__content{padding:12px}}@media (min-width:1320px){.article-card--stacked .article-card__content{padding:16px}}@media (min-width:1720px){.article-card--stacked .article-card__content{gap:8px;padding:20px}}.article-card__meta{text-overflow:ellipsis;z-index:10;align-items:center;gap:8px;display:flex;overflow:hidden}@media (min-width:1320px){.article-card__meta{gap:10px}}@media (min-width:1720px){.article-card__meta{gap:12px}}.article-card__meta-text{color:var(--color-text-body);white-space:nowrap;font-size:10px;font-weight:500;line-height:13px}@media (min-width:600px){.article-card__meta-text{font-size:13px;line-height:18px}}@media (min-width:1720px){.article-card__meta-text{font-size:14px;line-height:18px}}.article-card__views{z-index:10;color:#ffffffb3;-webkit-backdrop-filter:blur(8px);background:#00000080;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;font-weight:500;line-height:1;display:flex;position:absolute;bottom:8px;right:8px}.article-card--stacked .article-card__views{background:var(--color-bg-glass);align-self:flex-end;margin:-4px 10px 10px auto;position:static}@media (min-width:600px){.article-card--stacked .article-card__views{margin:-4px 12px 12px auto}}@media (min-width:1720px){.article-card__views{border-radius:10px;gap:5px;padding:5px 10px;font-size:13px}}