.news-page,.news-detail-page{background:#031f18}
.news-header{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 74px),1240px);padding:31px 0;display:flex;align-items:center;justify-content:space-between;color:#fff}
.back-home{font-size:11px;font-weight:700;letter-spacing:.06em}
.news-hero{min-height:500px;display:flex;align-items:flex-end;padding:120px 0 90px;background:linear-gradient(90deg,rgba(2,29,23,.95),rgba(2,29,23,.52)),url("/assets/reference-crops/hero-reference.jpg") center/cover}
.news-hero-inner,.news-library,.featured-wrap,.related-section{width:min(calc(100% - 74px),1240px);margin:0 auto}
.news-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.02;margin:0 0 24px}
.news-hero p:not(.eyebrow){max-width:620px;color:#d8e0db}
.featured-wrap{padding:78px 0 30px}
.featured-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:410px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#173a2e}
.featured-image{min-height:410px}
.featured-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}
.featured-copy h2{font-size:48px;margin:12px 0 18px}
.featured-copy p{color:#d9e0db}
.news-meta{display:flex;gap:12px;align-items:center;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.news-library{padding:72px 0 100px}
.library-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.library-head h2,.related-section h2{font-size:48px;margin:0}
.news-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.news-filters input,.news-filters select{height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:#0a3026;color:#fff;outline:none}
.news-filters input{min-width:250px}
.news-filters select option{color:#17221e}
.news-filters button{height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--lime);color:#173128;font-weight:800}
.news-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.news-page-card{overflow:hidden;border-radius:17px;background:#173c2f;border:1px solid rgba(255,255,255,.05)}
.news-page-image{height:235px;position:relative}
.news-page-image img{width:100%;height:100%;object-fit:cover}
.news-page-body{padding:22px}
.news-page-body h3{font-size:24px;line-height:1.15;margin:10px 0 12px}
.news-page-body p{min-height:58px;color:#dce4de;font-size:13px}
.news-page-body a{color:var(--lime);font-size:11px;font-weight:800}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:42px}
.pagination button{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff}
.pagination button.active{background:var(--lime);color:#173128;border-color:var(--lime)}
.news-page-status{padding:30px;text-align:center;color:var(--lime)}
.article-hero{min-height:680px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.article-hero-image,.article-hero-shade{position:absolute;inset:0}
.article-hero-image{background:center/cover no-repeat}
.article-hero-shade{background:linear-gradient(0deg,rgba(2,24,19,.96),rgba(2,24,19,.16) 70%),linear-gradient(90deg,rgba(2,24,19,.52),transparent)}
.article-hero-content{position:relative;z-index:2;width:min(calc(100% - 74px),1020px);margin:0 auto;padding:180px 0 75px}
.article-category{display:inline-block;margin:0 0 20px;padding:7px 13px;border-radius:999px;background:var(--lime);color:#173128;font-size:11px;font-weight:800;text-transform:uppercase}
.article-hero h1{max-width:900px;font-size:clamp(48px,6vw,82px);line-height:1.02;margin:0 0 20px}
.article-date{color:#dbe2de;font-size:13px}
.article-shell{width:min(calc(100% - 74px),820px);margin:0 auto;padding:75px 0}
.article-lead{font:400 26px/1.55 Georgia,"Times New Roman",serif;color:#f6f3e7}
.article-content{margin-top:45px;color:#d9e1dc;font-size:17px;line-height:1.9}
.article-content h2{font-size:40px;color:#fff;margin:1.5em 0 .5em}
.article-content h3{font-size:30px;color:#fff;margin:1.5em 0 .5em}
.article-content blockquote{margin:2em 0;padding:20px 28px;border-left:4px solid var(--lime);background:#0b3026;color:#f3f0dc;font:400 24px/1.5 Georgia,"Times New Roman",serif}
.article-content a{color:var(--lime);text-decoration:underline}
.article-share{margin-top:55px;padding-top:25px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.article-share span{margin-right:8px;color:#9db0a5;font-size:11px;font-weight:800;letter-spacing:.12em}
.article-share button,.article-share a{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:#fff;font-size:10px;font-weight:800}
.article-nav{width:min(calc(100% - 74px),1020px);margin:0 auto;padding:35px 0 70px;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1fr;gap:25px}
.article-nav a{display:flex;flex-direction:column;gap:7px}
.article-nav a:last-child{text-align:right}
.article-nav small{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.1em}
.article-nav strong{font:400 22px/1.2 Georgia,"Times New Roman",serif}
.related-section{padding:70px 0 100px;border-top:1px solid rgba(255,255,255,.1)}
.related-section h2{margin-bottom:35px}
.preview-news-banner{position:fixed;z-index:9999;top:0;left:0;right:0;padding:10px 20px;background:var(--lime);color:#173128;text-align:center;font-size:12px;font-weight:800}
body.has-news-preview .news-header{top:38px}
@media(max-width:850px){
  .featured-card{grid-template-columns:1fr}.featured-image{min-height:300px}.featured-copy{padding:35px}
  .news-page-grid{grid-template-columns:repeat(2,1fr)}
  .library-head{align-items:flex-start;flex-direction:column}
  .news-filters{justify-content:flex-start}
}
@media(max-width:600px){
  .news-header,.news-hero-inner,.news-library,.featured-wrap,.related-section{width:calc(100% - 34px)}
  .news-header .brand-copy{display:none}
  .news-hero{min-height:540px}
  .news-hero h1{font-size:49px}
  .news-page-grid{grid-template-columns:1fr}
  .news-filters,.news-filters input,.news-filters select,.news-filters button{width:100%}
  .featured-copy h2,.library-head h2,.related-section h2{font-size:36px}
  .article-hero{min-height:600px}
  .article-hero-content,.article-shell,.article-nav{width:calc(100% - 34px)}
  .article-hero h1{font-size:48px}
  .article-lead{font-size:22px}
  .article-nav{grid-template-columns:1fr}
  .article-nav a:last-child{text-align:left}
}
