.classic-slider-section{padding:var(--section-py) 0;background-color:var(--color-bg)}.classic-slider-grid{gap:var(--gap-grid);grid-template-columns:minmax(0,2.4fr) minmax(0,1fr) minmax(0,1.3fr);display:grid}.classic-main-col{flex-direction:column;gap:10px;display:flex}.classic-main-link{border-radius:var(--radius-card);width:100%;height:420px;display:block;position:relative;overflow:hidden}.classic-main-image{object-fit:cover;width:100%;height:100%;transition:transform .8s}.classic-main-link:hover .classic-main-image{transform:scale(1.03)}.classic-main-link{animation:classic-slide-fade var(--transition-smooth)}@keyframes classic-slide-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.classic-main-link{animation:none}}.classic-main-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 28%,#000000e0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.classic-main-content{width:100%;padding:24px;position:absolute;bottom:0;left:0}.classic-badges{gap:10px;margin-bottom:12px;display:flex}.badge{color:#fff;border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:flex}.category-badge{background-color:#0000008c;border:1px solid #ffffff40}.breaking-badge{background-color:var(--color-primary)}.video-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3}.classic-main-title{color:#fff;font-family:var(--font-headline);font-size:var(--fs-hero);font-weight:800;line-height:var(--lh-tight);text-shadow:none;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.classic-pagination{flex-wrap:wrap;gap:6px;display:flex}.pagination-dot{border:1px solid var(--color-hairline);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.pagination-dot:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-dot.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.classic-narrow-list{flex-direction:column;height:420px;display:flex}.narrow-list-item{border-bottom:1px solid var(--color-hairline);flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:0;padding:10px 0;display:flex}.narrow-list-item:last-child{border-bottom:none}.narrow-list-title{font-family:var(--font-headline);font-size:var(--fs-card-sm);color:var(--color-text-main);font-weight:700;line-height:var(--lh-snug);-webkit-line-clamp:3;transition:color var(--transition-fast);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.narrow-list-item:hover .narrow-list-title{color:var(--color-primary)}.narrow-list-time{font-size:var(--fs-meta);color:var(--color-text-muted)}.classic-medium-col{gap:var(--gap-grid);flex-direction:column;height:420px;display:flex}.medium-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-hairline);min-height:0;transition:border-color var(--transition-fast);flex-direction:column;flex:1;display:flex;overflow:hidden}.medium-card:hover{border-color:var(--color-primary)}.medium-card-media-link{min-height:0;color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.medium-card-image-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.medium-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.medium-card:hover .medium-card-image{transform:scale(1.04)}.medium-card-body{padding:10px var(--card-pad) 0;flex-direction:column;display:flex}.medium-card-title{font-family:var(--font-headline);font-size:var(--fs-card-sm);color:var(--color-text-main);font-weight:700;line-height:var(--lh-snug);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.medium-card:hover .medium-card-title{color:var(--color-primary)}.medium-card-footer{padding:6px var(--card-pad) 10px}@media (max-width:1024px){.classic-slider-grid{grid-template-columns:1fr}.classic-main-link{height:360px}.classic-narrow-list,.classic-medium-col{height:auto}.medium-card-image-wrapper{aspect-ratio:16/9}.classic-main-title{font-size:1.8rem}}
