.page-news{
  --pn-rail:210px;
  --pn-gap:clamp(16px,3vw,30px);
  --pn-card-bg:rgba(30,46,40,.92);
  color:var(--ink);
  background:var(--arena-deep);
  overflow-x:clip;
}

.page-news .pn-hero{
  position:relative;
  padding-top:calc(var(--header-h) + clamp(16px,3vw,34px));
  padding-bottom:clamp(26px,4.5vw,54px);
  background:
    radial-gradient(120% 90% at 82% -10%,rgba(200,255,61,.12),transparent 58%),
    radial-gradient(80% 70% at -10% 100%,rgba(159,216,255,.10),transparent 62%),
    var(--arena-deep);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.page-news .pn-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:repeating-linear-gradient(0deg,rgba(244,241,232,.055) 0 1px,transparent 1px 7px);
  opacity:.55;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}
.page-news .pn-hero-frame{
  position:relative;
  z-index:1;
  padding:clamp(18px,3vw,36px) clamp(16px,2.6vw,32px);
  background:linear-gradient(155deg,rgba(180,255,220,.09),rgba(11,31,26,.35));
  border:1px solid var(--line-strong);
}
.page-news .pn-crumbs{margin-bottom:clamp(16px,3vw,26px);}
.page-news .pn-crumbs .breadcrumbs-link,
.page-news .pn-crumbs .breadcrumbs-current{font-size:12px;letter-spacing:.08em;}

.page-news .pn-hero-head h1{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(34px,7.4vw,76px);
  line-height:1.02;
  letter-spacing:-.01em;
  margin:10px 0 0;
  color:var(--warm-white);
}
.page-news .pn-lead{
  max-width:58ch;
  margin:16px 0 0;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.75;
  color:var(--ink-soft);
}
.page-news .pn-hero-meta{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px solid var(--line);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--ice-blue);
}

.page-news .pn-focus{
  display:grid;
  gap:var(--pn-gap);
  margin-top:clamp(20px,3.6vw,38px);
}
.page-news .pn-focus-main{
  display:grid;
  gap:16px;
  background:rgba(20,23,26,.55);
  border:1px solid var(--line);
  padding:clamp(12px,2vw,18px);
}
.page-news .pn-focus-media{
  position:relative;
  border:1px solid var(--line-strong);
  overflow:hidden;
}
.page-news .pn-focus-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.85) contrast(1.08);
}
.page-news .pn-focus-media .media-caption{
  position:absolute;
  left:10px;
  bottom:10px;
  padding:4px 9px;
  font-size:11px;
  letter-spacing:.06em;
  color:var(--arena-deep);
  background:var(--lime-pulse);
}
.page-news .pn-focus-body h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(22px,3.2vw,34px);
  line-height:1.2;
  margin:10px 0 0;
  color:var(--warm-white);
}
.page-news .pn-focus-body p{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.75;
  color:var(--ink-soft);
}

.page-news .pn-meta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-news .pn-stamp{
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--data-gray);
}
.page-news .pn-foot{
  margin-top:12px;
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--data-gray);
}

.page-news .pn-stack{
  display:grid;
  gap:var(--pn-gap);
}
.page-news .pn-card{
  padding:clamp(14px,2.2vw,20px);
  background:var(--pn-card-bg);
  border:1px solid var(--line);
  border-left:3px solid var(--lime-line);
  transition:transform .35s var(--ease),border-color .35s var(--ease);
}
.page-news .pn-card:nth-child(2){border-left-color:rgba(255,106,43,.55);}
.page-news .pn-card h3{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(17px,2.2vw,20px);
  line-height:1.35;
  margin:10px 0 0;
  color:var(--warm-white);
}
.page-news .pn-card p{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-soft);
}

.page-news .section{padding-block:clamp(34px,5vw,72px);}
.page-news .pn-intro{
  max-width:62ch;
  margin:12px 0 0;
  font-size:15px;
  line-height:1.75;
  color:var(--ink-soft);
}

.page-news .pn-columns{
  background:linear-gradient(180deg,rgba(20,23,26,.9),rgba(11,31,26,.55));
  border-bottom:1px solid var(--line);
}
.page-news .pn-col-grid{
  list-style:none;
  margin:clamp(20px,3.4vw,34px) 0 0;
  padding:0;
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}
.page-news .pn-col{
  background:var(--pitch-shadow);
  border-top:3px solid var(--data-gray);
}
.page-news .pn-col--lime{border-top-color:var(--lime-pulse);}
.page-news .pn-col--blue{border-top-color:var(--ice-blue);}
.page-news .pn-col--orange{border-top-color:var(--orange-volt);}
.page-news .pn-col--plain{border-top-color:var(--line-strong);}
.page-news .pn-col-link{
  display:block;
  padding:16px 16px 18px;
  text-decoration:none;
  color:inherit;
  transition:background .3s var(--ease),transform .3s var(--ease);
}
.page-news .pn-col-link:hover{background:rgba(180,255,220,.08);}
.page-news .pn-col-index{
  font-size:11px;
  letter-spacing:.16em;
  color:var(--data-gray);
}
.page-news .pn-col h3{
  font-family:var(--font-display);
  font-weight:800;
  font-size:20px;
  margin:6px 0 0;
  color:var(--warm-white);
}
.page-news .pn-col p{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-soft);
}
.page-news .pn-col-count{
  display:block;
  margin-top:12px;
  font-size:11px;
  letter-spacing:.05em;
  color:var(--ice-blue);
}
.page-news .pn-col--orange .pn-col-count{color:var(--orange-volt);}
.page-news .pn-col--lime .pn-col-count{color:var(--lime-pulse);}
.page-news .pn-col--plain .pn-col-count{color:var(--data-gray);}

.page-news .pn-body{
  display:grid;
  gap:var(--pn-gap);
  padding-block:clamp(30px,4.6vw,64px);
}
.page-news .pn-rail{
  border:1px solid var(--line);
  background:rgba(20,23,26,.6);
  padding:14px;
}
.page-news .pn-rail-title{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--data-gray);
}
.page-news .pn-rail-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-news .pn-rail-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  font-size:13px;
  line-height:1.4;
  text-decoration:none;
  color:var(--ink-soft);
  border:1px solid var(--line);
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-news .pn-rail-link:hover,
.page-news .pn-rail-link:focus-visible{
  color:var(--arena-deep);
  background:var(--lime-pulse);
  border-color:var(--lime-pulse);
}
.page-news .pn-rail-link .legend-dot{flex:0 0 auto;}

.page-news .pn-group + .pn-group{margin-top:clamp(24px,3.6vw,40px);}
.page-news .pn-group-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  padding-bottom:10px;
  border-bottom:2px solid var(--line-strong);
  background-image:repeating-linear-gradient(90deg,rgba(244,241,232,.35) 0 1px,transparent 1px 9px);
  background-size:100% 5px;
  background-repeat:no-repeat;
  background-position:bottom left;
}
.page-news .pn-group-head h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(20px,3vw,28px);
  margin:0;
  color:var(--warm-white);
}
.page-news .pn-group-head .mono{
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--data-gray);
}

.page-news .pn-item{
  display:grid;
  gap:10px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
  transition:background .3s var(--ease);
}
.page-news .pn-item:hover{background:rgba(180,255,220,.04);}
.page-news .pn-item h3{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(17px,2.3vw,21px);
  line-height:1.35;
  margin:9px 0 0;
  color:var(--warm-white);
}
.page-news .pn-item p{
  margin:8px 0 0;
  font-size:14.5px;
  line-height:1.72;
  color:var(--ink-soft);
}
.page-news .pn-read{
  margin:0;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--data-gray);
  align-self:start;
}
.page-news .pn-thumb{
  width:100%;
  max-width:220px;
  border:1px solid var(--line);
  overflow:hidden;
}
.page-news .pn-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.page-news .pn-series{
  background:linear-gradient(180deg,rgba(11,31,26,.4),rgba(20,23,26,.95));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-news .pn-series-grid{
  display:grid;
  gap:var(--pn-gap);
  margin-top:clamp(20px,3.4vw,34px);
}
.page-news .pn-series-card{
  background:var(--pitch-shadow);
  border:1px solid var(--line);
  border-top:3px solid var(--ice-blue);
  padding:clamp(16px,2.4vw,22px);
  transition:transform .35s var(--ease),border-color .35s var(--ease);
}
.page-news .pn-series-card:nth-child(2){border-top-color:var(--orange-volt);}
.page-news .pn-series-card:nth-child(3){border-top-color:var(--lime-pulse);}
.page-news .pn-series-card:hover{transform:translateY(-3px);}
.page-news .pn-series-card h3{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(19px,2.6vw,24px);
  line-height:1.25;
  margin:12px 0 0;
  color:var(--warm-white);
}
.page-news .pn-series-card p{
  margin:10px 0 0;
  font-size:14.5px;
  line-height:1.72;
  color:var(--ink-soft);
}
.page-news .pn-series-card--lead{padding:0;overflow:hidden;}
.page-news .pn-series-media{
  border-bottom:1px solid var(--line-strong);
  overflow:hidden;
}
.page-news .pn-series-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:340px;
  object-fit:cover;
  filter:saturate(.9) contrast(1.06);
}
.page-news .pn-series-body{padding:clamp(16px,2.4vw,22px);}

.page-news .pn-desk-grid{
  display:grid;
  gap:clamp(20px,3.4vw,34px);
}
.page-news .pn-desk-copy h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(24px,4vw,40px);
  line-height:1.15;
  margin:10px 0 0;
  color:var(--warm-white);
}
.page-news .pn-desk-copy .prose{margin-top:16px;}
.page-news .pn-desk-copy .prose p{
  margin:0 0 14px;
  font-size:15px;
  line-height:1.8;
  color:var(--ink-soft);
}
.page-news .pn-desk-copy .prose a{
  color:var(--ice-blue);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-news .pn-desk-cta{margin:4px 0 0;}

.page-news .pn-stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-news .pn-stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px 14px;
  background:var(--carbon);
}
.page-news .pn-stat-num{
  font-size:clamp(26px,4vw,38px);
  line-height:1;
  color:var(--lime-pulse);
}
.page-news .pn-stat:nth-child(2) .pn-stat-num{color:var(--ice-blue);}
.page-news .pn-stat:nth-child(3) .pn-stat-num{color:var(--orange-volt);}
.page-news .pn-stat-label{
  font-size:12.5px;
  line-height:1.55;
  color:var(--ink-mute);
}

.page-news .pn-sub-panel{
  display:grid;
  gap:0;
  border:1px solid var(--line-strong);
  background:rgba(20,23,26,.85);
  overflow:hidden;
}
.page-news .pn-sub-media{position:relative;border-bottom:1px solid var(--line);}
.page-news .pn-sub-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:140px;
  object-fit:cover;
  opacity:.75;
}
.page-news .pn-sub-body{padding:clamp(18px,3vw,32px);}
.page-news .pn-sub-body h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(23px,3.6vw,34px);
  line-height:1.2;
  margin:10px 0 0;
  color:var(--warm-white);
}
.page-news .pn-sub-body p{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.78;
  color:var(--ink-soft);
}
.page-news .pn-sub-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.page-news .pn-sub-actions .btn{flex:1 1 auto;justify-content:center;text-align:center;}
.page-news .pn-note{
  font-size:12.5px;
  line-height:1.7;
  color:var(--ink-mute);
}
.page-news .pn-note a{color:var(--ice-blue);text-decoration:underline;text-underline-offset:3px;}

@media (min-width:640px){
  .page-news .pn-col-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .pn-stack{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .pn-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .pn-series-card--lead{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
  .page-news .pn-series-media{border-bottom:0;border-right:1px solid var(--line-strong);height:100%;}
  .page-news .pn-series-media img{height:100%;max-height:none;}
}

@media (min-width:900px){
  .page-news .pn-focus{grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);align-items:start;}
  .page-news .pn-stack{grid-template-columns:1fr;}
  .page-news .pn-card:nth-child(1){transform:rotate(-1.1deg);}
  .page-news .pn-card:nth-child(2){transform:rotate(.9deg) translateX(-10px);}
  .page-news .pn-card:hover{transform:rotate(0deg) translateY(-3px);border-left-color:var(--lime-pulse);}
  .page-news .pn-col-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
  .page-news .pn-item{grid-template-columns:minmax(0,1fr) 92px;align-items:start;gap:6px 20px;}
  .page-news .pn-item--with-thumb{grid-template-columns:168px minmax(0,1fr) 92px;}
  .page-news .pn-read{text-align:right;padding-top:22px;}
  .page-news .pn-series-grid{grid-template-columns:1.15fr 1fr 1fr;}
  .page-news .pn-series-card--lead{grid-column:auto;display:block;}
  .page-news .pn-series-media{border-right:0;border-bottom:1px solid var(--line-strong);}
  .page-news .pn-series-media img{max-height:360px;}
  .page-news .pn-series-card:nth-child(2){margin-top:26px;}
  .page-news .pn-series-card:nth-child(3){margin-top:52px;}
  .page-news .pn-desk-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;}
  .page-news .pn-sub-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
  .page-news .pn-sub-media{border-bottom:0;border-right:1px solid var(--line);}
}

@media (min-width:1000px){
  .page-news .pn-body{grid-template-columns:var(--pn-rail) minmax(0,1fr);}
  .page-news .pn-rail{position:sticky;top:calc(var(--header-h) + 18px);align-self:start;}
  .page-news .pn-rail-list{flex-direction:column;gap:0;}
  .page-news .pn-rail-link{
    width:100%;
    padding:10px 0 10px 12px;
    border:0;
    border-left:2px solid var(--line);
  }
  .page-news .pn-rail-link:hover,
  .page-news .pn-rail-link:focus-visible{
    background:rgba(200,255,61,.10);
    color:var(--lime-pulse);
    border-left-color:var(--lime-pulse);
  }
  .page-news .pn-sub-actions .btn{flex:0 1 auto;}
}

@media (prefers-reduced-motion:reduce){
  .page-news .pn-card,
  .page-news .pn-series-card,
  .page-news .pn-item,
  .page-news .pn-col-link,
  .page-news .pn-rail-link{transition:none;}
  .page-news .pn-card:nth-child(1),
  .page-news .pn-card:nth-child(2),
  .page-news .pn-card:hover,
  .page-news .pn-series-card:hover{transform:none;}
}
<<<END>>>