.hero-card{display:block;position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/9;background:var(--bg-card)}.hero-img-wrap{position:absolute;inset:0}.hero-img-wrap img{width:100%;height:100%;object-fit:cover;transition:scale .6s ease;scale:1.04}.hero-card:hover .hero-img-wrap img{scale:1.07}@supports (animation-timeline: scroll()){.hero-img-wrap img{animation:hero-parallax linear both;animation-timeline:scroll(root);animation-range:0px 520px}@keyframes hero-parallax{0%{translate:0 0}to{translate:0 -7%}}}.hero-img-placeholder{width:100%;height:100%}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,#000000f7,#000000a6 35%,#0000002e 65%,#0000),linear-gradient(to right,rgba(0,0,0,.3) 0%,transparent 45%)}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.875rem 1.625rem}.hero-tags{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.hero-title{font-size:clamp(1.375rem,2.8vw,1.875rem);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 12px rgba(0,0,0,.5);font-family:var(--font-serif)}.hero-summary{font-size:.875rem;color:#ffffff8c;line-height:1.55;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#fff6}.hero-sep{opacity:.35}.hero-source{font-weight:700;color:#ffffffd9;background:#00000047;border:1px solid rgba(255,255,255,.15);padding:2px 7px;border-radius:4px;font-size:.75rem;backdrop-filter:blur(4px)}.hero-read{display:flex;align-items:center;gap:3px}.featured-card{display:flex;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--card-accent, var(--accent)) 18%,var(--border-subtle));border-left:3px solid var(--card-accent, var(--accent));border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 16px #00000080,0 8px 28px #0000004d;transition:box-shadow .25s,transform .25s,border-color .25s;min-height:180px;max-height:210px}.featured-card:hover{border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 35%,var(--border));box-shadow:-8px 0 32px color-mix(in srgb,var(--card-accent, var(--accent)) 25%,transparent),0 12px 40px #0009,0 4px 16px #00000059;transform:translateY(-2px)}.featured-img-wrap{position:relative;width:42%;flex-shrink:0;overflow:hidden;background:var(--bg-raised)}.featured-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.featured-card:hover .featured-img-wrap img{transform:scale(1.04)}.featured-img-placeholder{width:100%;height:100%}.featured-cat-pill{position:absolute;top:10px;left:10px;font-size:.5625rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c);background:color-mix(in srgb,var(--c) 14%,rgba(0,0,0,.55));border:1px solid color-mix(in srgb,var(--c) 28%,transparent);padding:3px 7px;border-radius:4px;backdrop-filter:blur(4px)}.featured-body{flex:1;padding:1.25rem 1.375rem;display:flex;flex-direction:column;min-width:0}.featured-title{font-size:1.125rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-excerpt{font-size:.875rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:1rem}.featured-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.featured-read-time,.featured-meta{font-size:.75rem;color:var(--text-muted)}.default-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid color-mix(in srgb,var(--card-accent, var(--accent)) 12%,var(--border-subtle));box-shadow:0 0 0 0 transparent,0 2px 12px #00000080,0 8px 32px #00000059;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative}.default-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, transparent);opacity:.35;transition:opacity .25s}.default-card:hover{border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 30%,var(--border));box-shadow:0 0 24px color-mix(in srgb,var(--card-accent, var(--accent)) 18%,transparent),0 8px 40px #0009,0 2px 12px #0006;transform:translateY(-3px)}.default-card:hover:after{opacity:1}.default-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-raised)}.default-img-wrap img{width:100%;height:100%;object-fit:cover;transition:scale .5s ease}.default-img-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:52px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);pointer-events:none;z-index:1}.default-card:hover .default-img-wrap img{scale:1.06}.default-img-placeholder{width:100%;height:100%}.default-cat-pill{position:absolute;bottom:8px;left:10px;z-index:2;font-size:.5625rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c);background:color-mix(in srgb,var(--c) 18%,rgba(0,0,0,.55));border:1px solid color-mix(in srgb,var(--c) 32%,transparent);padding:3px 7px;border-radius:4px}.default-body{padding:1rem 1.125rem;display:flex;flex-direction:column;flex:1;background:linear-gradient(to bottom,color-mix(in srgb,var(--card-accent, var(--accent)) 9%,var(--bg-card)) 0%,var(--bg-card) 55%)}.default-title{font-size:1rem;font-weight:700;line-height:1.38;letter-spacing:-.01em;color:var(--text);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.default-excerpt{font-size:.875rem;color:var(--text-secondary);line-height:1.58;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.875rem;flex:1}.default-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--card-accent, var(--border-subtle)) 20%,var(--border-subtle))}.default-meta{font-size:.75rem;color:var(--text-secondary)}.default-read-time{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:3px}.featured-read-time{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:3px}.compact-card{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-subtle);align-items:flex-start;transition:opacity .15s}.compact-card:hover{opacity:.75}.compact-card:last-child{border-bottom:none}.compact-img-wrap{width:76px;height:52px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-raised)}.compact-img-wrap img{width:100%;height:100%;object-fit:cover}.compact-body{flex:1;min-width:0}.compact-cat{font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:block}.compact-title{font-size:.875rem;font-weight:600;line-height:1.38;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.125rem 0 .25rem}.compact-time{font-size:.6875rem;color:var(--text-muted)}.mini-card{display:flex;gap:.625rem;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--border-subtle);counter-increment:trending-counter;transition:opacity .15s}.mini-card:hover{opacity:.75}.mini-card:last-child{border-bottom:none}.mini-num{font-size:1rem;font-weight:900;color:var(--text-muted);line-height:1;flex-shrink:0;width:20px;text-align:right;font-variant-numeric:tabular-nums;align-self:flex-start;margin-top:3px;letter-spacing:-.03em}.mini-num:before{content:counter(trending-counter,decimal-leading-zero)}.mini-body{flex:1;min-width:0}.mini-cat{font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:block}.mini-title{font-size:.8125rem;font-weight:600;line-height:1.38;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.125rem}.mini-time{font-size:.625rem;color:var(--text-muted);display:block;margin-top:.25rem}.mini-thumb{width:62px;height:44px;border-radius:5px;overflow:hidden;flex-shrink:0;background:var(--bg-raised)}.mini-thumb img{width:100%;height:100%;object-fit:cover}.breaking-badge{display:inline-flex;align-items:center;gap:5px;font-size:.5625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.3);padding:3px 7px;border-radius:4px;animation:breaking-pulse 1.8s ease-in-out infinite}.trending-badge{display:inline-flex;align-items:center;gap:4px;font-size:.5625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f97316;background:#f973161f;border:1px solid rgba(249,115,22,.28);padding:3px 7px;border-radius:4px}.trending-overlay-badge{position:absolute;bottom:10px;right:10px;font-size:.875rem;line-height:1;z-index:2;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}@keyframes breaking-pulse{0%,to{opacity:1}50%{opacity:.6}}.breaking-overlay-badge{position:absolute;top:10px;right:10px;font-size:.5rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.35);padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px);animation:breaking-pulse 1.8s ease-in-out infinite}.breaking-mini{font-size:.4375rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.25);padding:2px 5px;border-radius:3px}.type-badge{font-size:.5625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.fresh-dot{width:6px;height:6px;border-radius:50%;background:#34d399;flex-shrink:0;box-shadow:0 0 6px #34d39999}.default-type-row{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem}.compact-meta-row{display:flex;align-items:center;gap:.375rem;margin-bottom:.125rem}.cat-pill{display:inline-flex;align-items:center;font-size:.5625rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);padding:3px 7px;border-radius:4px}