.page-hero{padding:125px 60px 150px;position:relative;overflow:hidden;background:linear-gradient(180deg,#111 0%,var(--black) 100%)}
.hero-content{position:relative;z-index:2}
.news-section{padding:48px 60px 80px}

.featured-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(245,195,0,0.22);background:var(--black);margin-bottom:2px;text-decoration:none;color:inherit;transition:border-color 0.2s;min-height:340px}
.featured-card:hover{border-color:var(--yellow-border)}
.featured-img{overflow:hidden;min-height:280px;background:#111;position:relative}
.featured-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.featured-card:hover .featured-img img{transform:scale(1.03)}
.featured-img-placeholder{width:100%;height:100%;min-height:280px;background:linear-gradient(145deg,#141414 0%,#1a1500 45%,#0d0d0d 100%)}
.featured-body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;background:var(--black)}
.featured-title{font-family:var(--font-display);font-size:var(--typ-feature);font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:16px}
.featured-excerpt{font-size:var(--typ-body);font-weight:300;color:var(--text);line-height:1.75;margin-bottom:20px}
.page-title br{display:none}
.featured-meta{font-family:var(--font-display);font-size:var(--typ-small);font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--text);margin-bottom:28px;display:flex;align-items:center;gap:12px}
.featured-meta-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.25);flex-shrink:0}
.featured-body .btn-primary{align-self:flex-start}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:2px}
.news-card{background:var(--mid);border:1px solid rgba(255,255,255,0.04);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color 0.2s}
.news-card:hover{border-color:var(--yellow-hover)}
.news-thumb{overflow:hidden;aspect-ratio:16/9;background:#111;position:relative}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.news-card:hover .news-thumb img{transform:scale(1.04)}
.news-thumb-placeholder{width:100%;height:100%}
.bg-grad-truck{background:linear-gradient(145deg,#12161c,#1a1200)}
.bg-grad-gear{background:linear-gradient(145deg,#161616,#1c1808)}
.bg-grad-plant{background:linear-gradient(145deg,#0f1412,#181a00)}
.bg-grad-oil{background:linear-gradient(145deg,#14120e,#1a1600)}
.news-body{padding:20px 24px 24px;flex:1;display:flex;flex-direction:column;border-top:1px solid var(--border)}
.news-date{font-family:var(--font-display);font-size:var(--typ-small);font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.news-date::before{content:'';width:16px;height:1px;background:rgba(255,255,255,0.4);flex-shrink:0}
.news-date-dot{width:3px;height:3px;border-radius:50%;background:var(--text-faint);flex-shrink:0}
.news-title{font-family:var(--font-display);font-size:var(--typ-title);font-weight:900;text-transform:uppercase;line-height:1.1;margin-bottom:10px}
.news-excerpt{font-size:var(--typ-body);font-weight:300;color:var(--text);line-height:1.6;margin-bottom:16px;flex:1}
.news-read{font-family:var(--font-display);font-size:var(--typ-small);font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:8px;margin-top:auto;align-self:flex-end;transition:color 0.2s}
.news-card:hover .news-read{color:var(--yellow)}
.news-read-arrow{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;transition:transform 0.2s}
.news-card:hover .news-read-arrow{transform:none}

.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 0 0}
.page-btn{min-width:44px;height:44px;padding:0 14px;font-family:var(--font-display);font-size:var(--typ-body);font-weight:700;background:transparent;border:1px solid var(--text-faint);color:var(--white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s;text-decoration:none;box-sizing:border-box}
.page-btn.active{background:var(--yellow);border-color:var(--yellow);color:var(--black)}
.page-btn:hover:not(.active){border-color:rgba(255,255,255,0.7);color:var(--white)}
.page-btn-next,
.page-btn-prev{min-width:0;width:auto;padding:0 22px;font-size:var(--typ-small);letter-spacing:0.12em;text-transform:none}

.news-empty{border:1px solid rgba(245,195,0,0.22);background:var(--black);padding:72px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.news-empty-icon{color:rgba(245,195,0,0.45);margin-bottom:8px}
.news-empty-title{font-family:var(--font-display);font-size:var(--typ-subheading);font-weight:900;text-transform:uppercase;letter-spacing:-0.01em}
.news-empty-text{font-size:var(--typ-body);font-weight:300;color:var(--text);max-width:420px;line-height:1.7;margin:0}

@media(max-width:1024px){
  nav{padding:14px 32px}
  .page-hero{padding:100px 32px 48px}
  .news-section{padding:40px 32px 60px}
  .featured-card{grid-template-columns:1fr;min-height:0}
  .featured-body{padding:28px 32px}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .finder-strip{padding:40px 32px}
  footer{padding:48px 32px 24px}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:768px){
  nav{padding:14px 20px}
  .nav-links{display:none}
  .page-hero{padding:90px 20px 40px}
  .news-section{padding:32px 20px 48px}
  .news-grid{grid-template-columns:1fr}
  .featured-body{padding:24px 20px}
  .news-empty{padding:56px 24px}
  .pagination{flex-wrap:wrap}
  .finder-strip{flex-direction:column;text-align:center;padding:40px 20px}
  footer{padding:40px 20px 24px}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;text-align:center}
}