.news-wrapper{padding-bottom:120px}
.news-container{max-width:1400px;margin:0 auto;padding:80px 40px 0}
.feed-header{margin-bottom:60px}
.main-title{font-size:80px;font-weight:950;font-style:italic;text-transform:uppercase;line-height:.8;letter-spacing:-4px}
.main-title span{color:var(--brand-primary)}
.tagline{color:#444;font-size:12px;font-weight:900;letter-spacing:4px;margin-top:20px}
.header-line{height:2px;width:200px;background:var(--brand-primary);margin-top:20px}
.empty-feed{text-align:center;padding:100px;font-weight:900;color:#333;letter-spacing:2px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:40px}
.news-card{background:#0c0c0c;border:1px solid #1a1a1a;border-radius:30px;overflow:hidden;transition:.3s}
.news-card:hover{transform:translateY(-10px);border-color:var(--brand-primary)}
.card-img-wrap{height:250px;position:relative;overflow:hidden;background:#000}
.card-img{width:100%;height:100%;object-fit:cover}
.img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:950;font-style:italic;color:#222;font-size:40px}
.card-date{position:absolute;bottom:20px;right:20px;background:var(--brand-primary);padding:5px 15px;font-size:10px;font-weight:900;border-radius:5px;color:white}
.card-body{padding:35px}
.card-author{font-size:10px;font-weight:900;color:#444;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}
.card-author span{color:var(--brand-primary)}
.card-title{font-size:26px;font-weight:950;font-style:italic;line-height:1;letter-spacing:-1px;text-transform:uppercase;margin-bottom:12px;color:white}
.card-excerpt{color:#666;font-size:14px;font-weight:600;line-height:1.6;margin-bottom:25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more{font-size:11px;font-weight:900;color:var(--brand-primary);text-decoration:none;letter-spacing:2px;text-transform:uppercase}
.read-more:hover{color:white}

@media(max-width:768px){
    .main-title{font-size:50px}
    .news-grid{grid-template-columns:1fr}
    .news-container{padding:60px 24px 0}
    .feed-header{margin-bottom:40px}
    .card-body{padding:28px}
    .card-img-wrap{height:220px}
    .card-date{bottom:16px;right:16px;padding:4px 12px;font-size:9px}
}

@media(max-width:640px){
    .news-container{padding:40px 16px 0}
    .main-title{font-size:40px;letter-spacing:-2px}
    .feed-header{margin-bottom:32px}
    .news-grid{gap:20px}
    .card-body{padding:20px}
    .card-author{font-size:9px;margin-bottom:10px}
    .card-title{font-size:20px;margin-bottom:10px}
    .card-excerpt{font-size:13px;margin-bottom:16px;-webkit-line-clamp:2}
    .card-img-wrap{height:200px;border-radius:20px 20px 0 0}
    .news-card{border-radius:20px}
}

@media(max-width:375px){
    .news-container{padding:32px 12px 0}
    .news-wrapper{padding-bottom:80px}
    .main-title{font-size:32px;letter-spacing:-1px;margin-bottom:16px}
    .tagline{font-size:11px;letter-spacing:2px;margin-top:12px}
    .header-line{width:160px;margin-top:12px}
    .feed-header{margin-bottom:24px}
    .news-grid{gap:16px}
    .card-body{padding:16px}
    .card-author{font-size:8px;margin-bottom:8px}
    .card-title{font-size:16px;margin-bottom:8px;letter-spacing:-0.5px}
    .card-excerpt{font-size:12px;margin-bottom:12px;-webkit-line-clamp:2;line-height:1.4}
    .card-img-wrap{height:180px}
    .read-more{font-size:10px}
    .news-card{border-radius:16px}
}