.hero-section{padding:var(--section-py) 0;background-color:var(--color-bg)}.bento-grid{gap:var(--gap-grid);margin-bottom:var(--gap-grid);grid-template-columns:2fr 1fr;align-items:stretch;display:grid}.bento-main{height:100%}.bento-side{gap:var(--gap-grid);flex-direction:column;height:100%;display:flex}.bento-side-top,.bento-side-bottom{flex:1;min-height:0}.bento-strip{gap:var(--gap-grid);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.news-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-hairline);width:100%;height:100%;transition:border-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.news-card:hover{border-color:var(--color-primary)}.card-media-link{min-height:0;color:inherit;flex-direction:column;flex:auto;text-decoration:none;display:flex}.card-image-wrapper{aspect-ratio:16/9;flex-shrink:0;width:100%;position:relative;overflow:hidden}.bento-main .card-image-wrapper{aspect-ratio:4/3}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.news-card:hover .card-image{transform:scale(1.04)}.card-image-badges{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:10px;left:10px}.card-badge{color:#fff;border-radius:var(--radius-sm);letter-spacing:.5px;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.card-badge.breaking{background-color:var(--color-primary)}.card-badge.video{-webkit-backdrop-filter:blur(4px);background-color:#0000008c;border:1px solid #ffffff4d}.card-body{min-height:0;padding:var(--card-pad) var(--card-pad) 0;flex-direction:column;flex:auto;display:flex}.card-title{color:var(--color-text-main);font-family:var(--font-headline);font-weight:700;line-height:var(--lh-tight);font-size:var(--fs-card);transition:color var(--transition-fast);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-card:hover .card-title{color:var(--color-primary)}.card-footer{padding:8px var(--card-pad) var(--card-pad);justify-content:space-between;align-items:center;gap:8px;display:flex}.card-time{color:var(--color-text-muted);font-size:var(--fs-meta);white-space:nowrap;font-weight:500}.card-main .card-title{font-size:var(--fs-card-lg);-webkit-line-clamp:3}.card-side-top .card-title,.card-side-bottom .card-title{font-size:var(--fs-card);-webkit-line-clamp:3}.card-small .card-title{font-size:var(--fs-card-sm);-webkit-line-clamp:2}.card-small .card-body{padding:12px 12px 0}.card-small .card-footer{padding:8px 12px 12px}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr}.bento-side{flex-direction:row}.bento-side-top,.bento-side-bottom{flex:1}}@media (max-width:768px){.bento-side{flex-direction:column}}