.news-page{background:#f3f3f1;color:#111214}
.news-breadcrumb{padding:34px 5% 0;margin:0;color:#6b6d70}
.news-breadcrumb a:hover{color:var(--red)}
.news-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:7%;align-items:end;padding:70px 5% 78px}
.news-hero .eyebrow{color:#6f7073}
.news-hero h1{font-size:clamp(64px,8.2vw,126px);line-height:.88;letter-spacing:-6px;font-weight:650;margin:0}
.news-hero h1 em{font-style:normal;color:var(--red)}
.news-intro{border-left:3px solid var(--red);padding-left:32px;max-width:590px}
.news-intro p{font-size:17px;line-height:1.75;color:#55575b;margin:0}
.news-intro .news-lead{font-size:25px;line-height:1.35;color:#111214;margin-bottom:24px}
.news-topics{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid #c9cacc;padding:0 5%;background:#fff}
.news-topics span{font-size:12px;letter-spacing:.8px;text-transform:uppercase;padding:18px 22px 18px 0;margin-right:22px;color:#4c4d50;white-space:nowrap}
.news-topics span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);margin-right:10px;vertical-align:1px}
.news-feed{padding-top:84px;padding-bottom:110px}
.news-feed-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
.news-feed-head .eyebrow{color:#66686b;margin:0}
.news-feed-head h2{font-size:clamp(38px,4.5vw,66px)}
.news-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);min-height:610px;background:#111214;color:#fff;margin-bottom:22px}
.news-feature-image{min-width:0;overflow:hidden}
.news-feature-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.82) contrast(1.06)}
.news-feature-copy{padding:55px 48px;display:flex;flex-direction:column;align-items:flex-start}
.news-meta{display:flex;justify-content:space-between;gap:18px;width:100%;padding-bottom:18px;border-bottom:1px solid #ffffff2b;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.news-meta span{color:var(--red)}
.news-meta time{color:#9fa0a3}
.news-feature h2{font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-2px;margin:44px 0 26px}
.news-feature-copy>p{color:#b9babd;font-size:17px;line-height:1.7;margin:0}
.news-demo-mark{margin-top:auto;padding-top:35px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#787a7e}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.news-card{background:#fff;border:1px solid #d4d5d6;min-width:0}
.news-card-image{aspect-ratio:16/10;overflow:hidden;background:#111214}
.news-card-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:82% center;transition:transform .35s}
.news-card:hover .news-card-image img{transform:scale(1.025)}
.news-card-copy{padding:30px 30px 34px}
.news-card .news-meta{border-color:#d7d8da}
.news-card h2{font-size:clamp(29px,2.8vw,43px);line-height:1.08;letter-spacing:-1.3px;margin:31px 0 18px}
.news-card p{font-size:16px;line-height:1.7;color:#5b5d60;margin:0}
.news-card .news-demo-mark{display:block;color:#929397}
.news-card-red{background:var(--red);border-color:var(--red)}
.news-card-red .news-card-image img{object-fit:contain;object-position:center;background:#000}
.news-card-red .news-meta{border-color:#ffffff5c}
.news-card-red .news-meta span,.news-card-red .news-meta time{color:#fff}
.news-card-red p{color:#fff}
.news-card-red .news-demo-mark{color:#111214a8}

@media(max-width:1000px){
  .news-hero{grid-template-columns:1fr;gap:42px}
  .news-intro{max-width:720px}
  .news-feature{grid-template-columns:1.1fr .9fr;min-height:540px}
  .news-feature-copy{padding:40px 34px}
}

@media(max-width:700px){
  .news-breadcrumb{padding:24px 6% 0}
  .news-hero{padding:50px 6% 58px;gap:34px}
  .news-hero h1{font-size:58px;letter-spacing:-3px}
  .news-intro{padding-left:22px}
  .news-intro .news-lead{font-size:21px}
  .news-intro p{font-size:16px}
  .news-topics{padding:0 6%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .news-topics::-webkit-scrollbar{display:none}
  .news-feed{padding-top:55px;padding-bottom:70px}
  .news-feed-head{display:block}
  .news-feed-head .eyebrow{margin-bottom:18px}
  .news-feature{grid-template-columns:1fr;min-height:auto}
  .news-feature-image{aspect-ratio:4/3}
  .news-feature-copy{padding:34px 24px 38px;min-height:470px}
  .news-feature h2{font-size:39px;letter-spacing:-1.4px;margin-top:34px}
  .news-grid{grid-template-columns:1fr;gap:16px}
  .news-card-copy{padding:25px 22px 30px}
  .news-card h2{font-size:34px}
}
