.news-card{background:var(--color-surface-raised);border-radius:var(--radius-lg);color:var(--color-fg);display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transform:translateZ(0);transition:transform var(--motion-duration-base) var(--motion-ease-out),box-shadow var(--motion-duration-base) var(--motion-ease-out);width:100%}.news-card:focus-visible,.news-card:hover{box-shadow:var(--shadow-card-hover);outline:none;transform:translateY(calc(var(--space-1)*-1))}.news-card:focus-visible{--news-card-focus-ring:2px;outline:var(--news-card-focus-ring) solid var(--color-fg);outline-offset:var(--news-card-focus-ring)}.news-card__cover{aspect-ratio:16/9;flex-shrink:0;overflow:hidden;position:relative;width:100%}.news-card__cover--full{aspect-ratio:unset;flex:1;min-height:0}.news-card__cover--loading{animation:shimmer-skeleton var(--motion-duration-shimmer) linear infinite;background-color:var(--color-news-placeholder-a);background-image:linear-gradient(100deg,var(--color-news-placeholder-a) 30%,var(--color-news-placeholder-b) 50%,var(--color-news-placeholder-a) 70%);background-size:200% 100%}.news-card__cover-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-out),transform var(--motion-duration-slow) var(--motion-ease-out);width:100%}.news-card__cover-img--loaded{opacity:1}.news-card:focus-visible .news-card__cover-img,.news-card:hover .news-card__cover-img{transform:scale(1.04)}.news-card__cover-placeholder{display:block;height:100%;width:100%}.news-card__cover-placeholder--default{background:linear-gradient(135deg,var(--color-news-placeholder-a),var(--color-news-placeholder-b))}.news-card__cover-placeholder--автоматизация{background:linear-gradient(135deg,var(--color-news-cat-automation-a),var(--color-news-cat-automation-b))}.news-card__cover-placeholder--интеграции{background:linear-gradient(135deg,var(--color-news-cat-integrations-a),var(--color-news-cat-integrations-b))}.news-card__cover-placeholder--разработка{background:linear-gradient(135deg,var(--color-news-cat-dev-a),var(--color-news-cat-dev-b))}.news-card__cover-placeholder--ai{background:linear-gradient(135deg,var(--color-news-cat-ai-a),var(--color-news-cat-ai-b))}.news-card__cover-placeholder--кейс{background:linear-gradient(135deg,var(--color-news-cat-dev-a),var(--color-news-cat-automation-b))}.news-card__overlay{--news-card-overlay-mid:rgba(0,0,0,.7);--news-card-overlay-gradient:linear-gradient(to top,var(--color-overlay-image-bottom) 0%,var(--news-card-overlay-mid) 55%,transparent 100%);background:var(--news-card-overlay-gradient);display:flex;flex-direction:column;gap:var(--space-3);inset:0;justify-content:flex-end;padding:var(--space-6);position:absolute}.news-card__badge{background:var(--color-status-online);border-radius:var(--radius-pill);color:var(--color-bg);font-family:var(--font-saans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-3);text-transform:uppercase;top:var(--space-3)}.news-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.news-card--compact .news-card__body{gap:var(--space-2);justify-content:space-between;padding:var(--space-3)}.news-card__meta{align-items:center;color:var(--color-fg-muted);display:flex;flex-wrap:wrap;font-family:var(--font-saans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1)}.news-card__meta--overlay{color:var(--color-overlay-image-fg);opacity:.85}.news-card__category{color:var(--color-fg-muted);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.news-card__meta--overlay .news-card__category{color:var(--color-overlay-image-fg)}.news-card__sep{opacity:.5}.news-card__date,.news-card__reading-time{font-variant-numeric:tabular-nums}.news-card__title{color:var(--color-fg);font-family:var(--font-saans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}.news-card--large .news-card__title{color:var(--color-overlay-image-fg);font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-tighter);text-shadow:0 1px 12px rgba(0,0,0,.55)}.news-card--compact .news-card__title{letter-spacing:0}.news-card--compact .news-card__title,.news-card__excerpt{display:-webkit-box;font-size:var(--font-size-md);-webkit-line-clamp:3;line-height:var(--line-height-base);-webkit-box-orient:vertical;overflow:hidden}.news-card__excerpt{color:var(--color-fg-muted);flex:1;font-family:var(--font-saans);font-weight:var(--font-weight-regular);margin:0}.news-card--large .news-card__excerpt{color:var(--color-overlay-image-fg);-webkit-line-clamp:2;opacity:.8}.news-card__cta{align-items:center;color:var(--color-fg-muted);display:inline-flex;font-family:var(--font-saans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-top:auto;transition:color var(--motion-duration-base) var(--motion-ease-standard)}.news-card--large .news-card__cta{color:var(--color-overlay-image-fg);opacity:.75}.news-card:focus-visible .news-card__cta,.news-card:hover .news-card__cta{color:var(--color-fg);opacity:1}.news-card--large:focus-visible .news-card__cta,.news-card--large:hover .news-card__cta{color:var(--color-overlay-image-fg);opacity:1}.news-card__cta-arrow{align-items:center;background:var(--color-glass-bg);border-radius:50%;display:inline-flex;height:var(--space-8);justify-content:center;transition:transform var(--motion-duration-base) var(--motion-ease-standard),background var(--motion-duration-base) var(--motion-ease-standard);width:var(--space-8)}.news-card--large .news-card__cta-arrow{background:var(--color-overlay-image-chip)}.news-card:focus-visible .news-card__cta-arrow,.news-card:hover .news-card__cta-arrow{background:var(--color-glass-bg-strong);transform:rotate(-45deg) scale(1.1)}.news-card--large:focus-visible .news-card__cta-arrow,.news-card--large:hover .news-card__cta-arrow{background:var(--color-overlay-image-chip)}@media(prefers-reduced-motion:reduce){.news-card,.news-card__cover-img,.news-card__cta,.news-card__cta-arrow{transition:none}.news-card__cover--loading{animation:none}.news-card:focus-visible,.news-card:hover{box-shadow:none;transform:none}.news-card:focus-visible .news-card__cover-img,.news-card:hover .news-card__cover-img{transform:none}.news-card:focus-visible .news-card__cta-arrow,.news-card:hover .news-card__cta-arrow{transform:none}}
