.magazine-card-link{text-decoration:none;color:inherit;display:block}.magazine-card{display:flex;flex-direction:column;width:100%;max-width:var(--magazine-card-max-width);background-color:var(--color-bg);border:1px solid var(--color-sep);border-radius:var(--radius-xl);gap:0;overflow:hidden;position:relative}.magazine-image{width:100%;height:var(--magazine-image-height);border-radius:0;background-color:var(--color-fill);overflow:hidden;position:relative}.magazine-image-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-image-hover);will-change:transform}.magazine-image:before{content:"";position:absolute;inset:0;background:inherit;background-position:inherit;background-size:inherit;transition:transform var(--transition-image-hover);transform-origin:center center;z-index:var(--z-index-base)}.magazine-card-link:hover .magazine-image-img{transform:scale(var(--image-hover-scale))}.magazine-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.magazine-card .magazine-content{padding:14px 16px 16px;gap:6px}.magazine-title{font-size:17px;font-weight:var(--font-weight-demibold);color:var(--color-fg);line-height:22px;letter-spacing:-.2px;margin:0}.magazine-excerpt{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-fg2);line-height:20px;letter-spacing:-.1px;margin:0;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skeleton-magazine-card .magazine-image{height:var(--magazine-image-height)}.skeleton-magazine-card .magazine-image:before{display:none!important}.skeleton-magazine-card .magazine-title{height:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.skeleton-magazine-card .magazine-excerpt .skeleton{height:var(--font-size-lg);width:100%;margin-bottom:var(--spacing-xs)}.skeleton-magazine-card .magazine-excerpt .skeleton:last-child{margin-bottom:0}@media screen and (max-width: 768px){.magazine-card{max-width:100%}.magazine-image,.magazine-card.skeleton-magazine-card .magazine-image.skeleton{height:var(--image-height-mobile)}.magazine-title{font-size:17px;line-height:22px;letter-spacing:-.2px}.magazine-excerpt{height:auto;-webkit-line-clamp:3}}@media screen and (max-width: 480px){.magazine-image{height:var(--magazine-image-height-small)}.magazine-title{font-size:17px;line-height:22px;letter-spacing:-.2px}}.skeleton-short{width:70%}