.page-news{
  --rail-line:rgba(42,75,61,.7);
  --news-gap:clamp(14px,2vw,20px);
  position:relative;
}

.page-news .news-crumb{padding-top:clamp(14px,2vw,22px)}

.page-news .news-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(120% 90% at 88% 8%, rgba(108,229,255,.10), transparent 62%),
    radial-gradient(90% 80% at 6% 96%, rgba(198,255,61,.09), transparent 66%),
    linear-gradient(180deg,#071A14 0%,#08201A 100%);
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(90deg,var(--rail-line) 1px,transparent 1px);
  background-size:clamp(58px,8vw,118px) 100%;
  opacity:.16;
}
.page-news .news-hero__grid{
  position:relative;
  display:grid;
  gap:clamp(26px,4vw,54px);
  padding:clamp(26px,5vw,60px) 0 clamp(34px,6vw,70px);
}
.page-news .news-hero__text{min-width:0}
.page-news .news-hero__title{
  margin:.4em 0 .55em;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(2.05rem,7.4vw,4.2rem);
  line-height:1.02;
  letter-spacing:.005em;
  color:var(--white);
}
.page-news .news-hero__title em{
  display:block;
  font-style:normal;
  color:var(--lime);
  letter-spacing:.02em;
}
.page-news .news-hero__lede{
  max-width:52ch;
  color:var(--muted);
  font-size:clamp(.98rem,1.4vw,1.1rem);
  line-height:1.8;
  margin:0;
}
.page-news .news-hero__acts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(20px,3vw,28px);
}
.page-news .hero-stats{
  list-style:none;
  margin:clamp(22px,4vw,38px) 0 0;
  padding:1px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--rail-line);
  border:1px solid var(--rail-line);
}
.page-news .hero-stats li{
  background:var(--panel-2);
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.page-news .hero-stats__num{
  font-size:clamp(1.35rem,3.2vw,1.85rem);
  color:var(--lime);
  line-height:1;
  letter-spacing:.02em;
}
.page-news .hero-stats__label{
  font-size:.76rem;
  color:var(--muted);
  letter-spacing:.04em;
}

.page-news .news-hero__board{
  position:relative;
  width:100%;
  max-width:400px;
  margin:0 auto;
  aspect-ratio:1/1;
  padding:clamp(14px,3vw,22px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid var(--rail-line);
  background:
    repeating-linear-gradient(0deg,transparent 0 25px,var(--rail-line) 25px 26px),
    repeating-linear-gradient(90deg,transparent 0 25px,var(--rail-line) 25px 26px),
    var(--panel-2);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%);
}
.page-news .board__tag{
  font-size:.68rem;
  letter-spacing:.16em;
  color:var(--ice);
}
.page-news .board__svg{
  display:block;
  width:100%;
  max-width:250px;
  margin:auto;
  overflow:visible;
}
.page-news .board__track{
  fill:none;
  stroke:var(--line);
  stroke-width:1;
}
.page-news .board__arc{
  fill:none;
  stroke:var(--lime);
  stroke-width:6;
  stroke-dasharray:335 540;
  transform:rotate(-90deg);
  transform-origin:110px 110px;
}
.page-news .board__axis{
  stroke:var(--rail-line);
  stroke-width:1;
  stroke-dasharray:3 5;
}
.page-news .board__readout{
  display:flex;
  align-items:baseline;
  gap:10px;
  border-top:1px solid var(--rail-line);
  padding-top:10px;
}
.page-news .board__num{
  font-size:1.5rem;
  color:var(--white);
  letter-spacing:.04em;
}
.page-news .board__cap{
  font-size:.68rem;
  letter-spacing:.14em;
  color:var(--muted);
}

.page-news .news-lead{padding:clamp(34px,6vw,72px) 0;border-bottom:1px solid var(--line)}
.page-news .news-lead__head{margin-bottom:clamp(18px,3vw,30px)}
.page-news .news-lead__title{
  margin:.3em 0 .4em;
  font-family:var(--font-head);
  font-size:clamp(1.65rem,3.4vw,2.6rem);
  font-weight:800;
  line-height:1.12;
  color:var(--white);
}
.page-news .news-lead__sub{
  margin:0;
  max-width:56ch;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.75;
}
.page-news .lead-grid{display:grid;gap:var(--news-gap)}

.page-news .lead-card{
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border:1px solid var(--rail-line);
  min-width:0;
}
.page-news .lead-card__media{
  aspect-ratio:16/7;
  overflow:hidden;
  border-bottom:1px solid var(--rail-line);
}
.page-news .lead-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.85) contrast(1.05);
}
.page-news .lead-card__body{padding:clamp(16px,2.6vw,26px)}
.page-news .lead-card__meta,
.page-news .lead-mini__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--muted);
}
.page-news .lead-card__title{
  margin:0 0 10px;
  font-family:var(--font-head);
  font-size:clamp(1.3rem,3vw,1.9rem);
  font-weight:700;
  line-height:1.2;
  color:var(--white);
}
.page-news .lead-card__desc{
  margin:0 0 18px;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.78;
  max-width:62ch;
}

.page-news .lead-side{display:grid;gap:var(--news-gap);min-width:0}
.page-news .lead-mini{
  position:relative;
  padding:clamp(16px,2.4vw,22px);
  background:var(--panel-2);
  border:1px solid var(--rail-line);
  border-left:2px solid var(--ice);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-news .lead-mini--alt{border-left-color:var(--orange)}
.page-news .lead-mini__title{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.05rem,2.2vw,1.3rem);
  font-weight:700;
  line-height:1.28;
  color:var(--text);
}
.page-news .lead-mini__desc{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.72;
}

.page-news .news-index{
  padding:clamp(32px,5vw,66px) 0;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#08201A 0%,#071A14 100%);
}
.page-news .news-index__grid{display:grid;gap:clamp(24px,3vw,42px)}
.page-news .news-rail-wrap{min-width:0}
.page-news .news-rail__title{
  margin:.3em 0 .8em;
  font-family:var(--font-head);
  font-size:clamp(1.3rem,2.6vw,1.75rem);
  font-weight:700;
  color:var(--white);
}
.page-news .news-rail{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--rail-line);
  margin-bottom:14px;
}
.page-news .news-rail__link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:11px 6px;
  border-bottom:1px solid var(--rail-line);
  color:var(--muted);
  text-decoration:none;
  font-size:.94rem;
  border-left:2px solid transparent;
  transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);
}
.page-news .news-rail__link .mono{font-size:.72rem;letter-spacing:.1em;color:var(--line)}
.page-news .news-rail__link:hover,
.page-news .news-rail__link:focus-visible{
  color:var(--lime);
  background:rgba(198,255,61,.06);
  border-left-color:var(--lime);
}
.page-news .news-rail__link:focus-visible{outline:2px solid var(--white);outline-offset:2px}
.page-news .news-rail__link[aria-current]{
  color:var(--lime);
  border-left-color:var(--lime);
  background:rgba(198,255,61,.07);
}
.page-news .news-rail__link[aria-current] .mono{color:var(--lime)}
.page-news .news-rail__note{
  margin:0 0 16px;
  font-size:.85rem;
  line-height:1.72;
  color:var(--muted);
}

.page-news .news-list{min-width:0}
.page-news .news-group{padding-bottom:clamp(20px,3vw,34px)}
.page-news .news-group:last-child{padding-bottom:0}
.page-news .news-group__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 14px;
  padding-bottom:10px;
  border-bottom:2px solid var(--line);
  margin-bottom:4px;
}
.page-news .news-group__idx{
  font-size:.78rem;
  color:var(--lime);
  letter-spacing:.12em;
}
.page-news .news-group__title{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.15rem,2.4vw,1.5rem);
  font-weight:700;
  color:var(--white);
}
.page-news .news-group__hint{
  margin-left:auto;
  font-size:.7rem;
  letter-spacing:.08em;
  color:var(--line);
}

.page-news .news-item{
  display:grid;
  gap:14px;
  padding:clamp(15px,2.4vw,20px) 2px;
  border-bottom:1px solid var(--rail-line);
}
.page-news .news-item:last-child{border-bottom:0}
.page-news .news-item__body{min-width:0}
.page-news .news-item__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 8px;
  font-size:.7rem;
  letter-spacing:.07em;
}
.page-news .news-item__time{color:var(--muted)}
.page-news .news-item__title{
  margin:0 0 7px;
  font-family:var(--font-head);
  font-size:clamp(1.02rem,2.1vw,1.3rem);
  font-weight:700;
  line-height:1.3;
  color:var(--text);
}
.page-news .news-item__desc{
  margin:0;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.75;
  max-width:70ch;
}
.page-news .news-item__thumb{
  margin:0;
  aspect-ratio:3/2;
  overflow:hidden;
  border:1px solid var(--rail-line);
}
.page-news .news-item__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-news .news-item__more{margin-top:10px}
.page-news .news-item__more summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  list-style:none;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.08em;
  color:var(--ice);
  padding:3px 0;
}
.page-news .news-item__more summary::-webkit-details-marker{display:none}
.page-news .news-item__more summary::after{
  content:"+";
  font-size:.9rem;
  line-height:1;
}
.page-news .news-item__more[open] summary::after{content:"–"}
.page-news .news-item__more summary:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.page-news .news-item__points{
  margin:10px 0 0;
  padding:0 0 0 18px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.72;
}
.page-news .news-item__points li{margin-bottom:6px}
.page-news .news-item__points li:last-child{margin-bottom:0}

.page-news .news-method{
  padding:clamp(34px,6vw,72px) 0;
  border-bottom:1px solid var(--line);
  background:radial-gradient(80% 70% at 100% 0%,rgba(255,127,63,.08),transparent 62%);
}
.page-news .method-hero{
  display:grid;
  gap:clamp(20px,3vw,34px);
  align-items:center;
  margin-bottom:clamp(22px,3.4vw,34px);
}
.page-news .method-hero__text{min-width:0}
.page-news .method-hero__title{
  margin:.3em 0 .5em;
  font-family:var(--font-head);
  font-size:clamp(1.6rem,3.4vw,2.5rem);
  font-weight:800;
  line-height:1.14;
  color:var(--white);
}
.page-news .method-hero__desc{
  margin:0;
  max-width:58ch;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.78;
}
.page-news .method-hero__figure{
  margin:0;
  border:1px solid var(--rail-line);
  overflow:hidden;
  aspect-ratio:10/7;
}
.page-news .method-hero__figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-news .method-grid{display:grid;gap:var(--news-gap)}
.page-news .method-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(16px,2.4vw,24px);
  background:var(--panel);
  border:1px solid var(--rail-line);
  min-width:0;
}
.page-news .method-card::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:44px;height:2px;
  background:var(--lime);
}
.page-news .method-card:nth-child(2)::before{background:var(--orange)}
.page-news .method-card:nth-child(3)::before{background:var(--ice)}
.page-news .method-card__idx{
  margin:0;
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--lime);
}
.page-news .method-card:nth-child(2) .method-card__idx{color:var(--orange)}
.page-news .method-card:nth-child(3) .method-card__idx{color:var(--ice)}
.page-news .method-card__title{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.08rem,2.2vw,1.3rem);
  font-weight:700;
  line-height:1.28;
  color:var(--white);
}
.page-news .method-card__desc{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.75;
}
.page-news .method-card__use{
  margin:0;
  padding-top:10px;
  border-top:1px solid var(--rail-line);
  color:var(--muted);
  font-size:.85rem;
  line-height:1.7;
}
.page-news .method-card__use .mono{
  color:var(--text);
  margin-right:8px;
  font-size:.72rem;
  letter-spacing:.1em;
}
.page-news .method-card .btn{margin-top:auto;align-self:flex-start}

.page-news .news-cadence{
  padding:clamp(34px,6vw,72px) 0;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#071A14,#08201A);
}
.page-news .cadence-grid{display:grid;gap:clamp(22px,3.4vw,38px)}
.page-news .cadence-text{min-width:0}
.page-news .cadence-text__title{
  margin:.3em 0 .55em;
  font-family:var(--font-head);
  font-size:clamp(1.55rem,3.2vw,2.35rem);
  font-weight:800;
  line-height:1.16;
  color:var(--white);
}
.page-news .cadence-text__desc{
  margin:0;
  max-width:56ch;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.8;
}
.page-news .cadence-text__acts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(18px,2.6vw,24px);
}
.page-news .cadence-text__note{
  margin:16px 0 0;
  padding-left:12px;
  border-left:2px solid var(--ice);
  color:var(--muted);
  font-size:.83rem;
  line-height:1.72;
}
.page-news .cadence-list{
  list-style:none;
  margin:0;
  padding:1px;
  display:grid;
  gap:1px;
  background:var(--rail-line);
  border:1px solid var(--rail-line);
}
.page-news .cadence-item{
  position:relative;
  background:var(--panel-2);
  padding:16px 16px 18px;
  min-width:0;
}
.page-news .cadence-item::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:var(--line);
}
.page-news .cadence-item:nth-child(1)::before{background:var(--ice)}
.page-news .cadence-item:nth-child(2)::before{background:var(--lime)}
.page-news .cadence-item:nth-child(3)::before{background:var(--orange)}
.page-news .cadence-item__stage{
  display:block;
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--text);
  margin-bottom:8px;
}
.page-news .cadence-item p{
  margin:0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.72;
}

.page-news .news-next{padding:clamp(34px,6vw,72px) 0}
.page-news .news-next__head{margin-bottom:clamp(18px,3vw,28px)}
.page-news .news-next__title{
  margin:.3em 0 .5em;
  font-family:var(--font-head);
  font-size:clamp(1.5rem,3.2vw,2.3rem);
  font-weight:800;
  line-height:1.16;
  color:var(--white);
}
.page-news .news-next__desc{
  margin:0;
  max-width:60ch;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.78;
}
.page-news .news-next__desc a{
  color:var(--ice);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-news .news-next__desc a:hover{color:var(--lime)}
.page-news .news-next__desc a:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.page-news .next-grid{display:grid;gap:var(--news-gap)}
.page-news .next-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:clamp(16px,2.4vw,22px);
  background:var(--panel);
  border:1px solid var(--rail-line);
  text-decoration:none;
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);
}
.page-news .next-card:hover,
.page-news .next-card:focus-visible{
  border-color:var(--lime);
  background:#0E2A21;
}
.page-news .next-card:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.page-news .next-card__idx{
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--lime);
}
.page-news .next-card__title{
  font-family:var(--font-head);
  font-size:clamp(1.1rem,2.2vw,1.35rem);
  font-weight:700;
  color:var(--white);
}
.page-news .next-card__desc{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.72;
}

@media (min-width:640px){
  .page-news .hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-news .cadence-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-news .next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:780px){
  .page-news .news-item--feature{grid-template-columns:minmax(0,1fr) minmax(0,.58fr);align-items:start;gap:clamp(18px,2.6vw,28px)}
  .page-news .news-item--feature .news-item__thumb{order:2}
  .page-news .method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-news .cadence-list{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (min-width:900px){
  .page-news .news-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}
  .page-news .news-hero__board{margin:0 0 0 auto}
  .page-news .lead-grid{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr)}
  .page-news .method-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
  .page-news .cadence-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}
  .page-news .next-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:980px){
  .page-news .news-index__grid{grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,3.6vw,48px)}
  .page-news .news-rail-wrap{position:sticky;top:96px;align-self:start}
}

@media (prefers-reduced-motion:reduce){
  .page-news .news-rail__link,
  .page-news .next-card{transition:none}
}
<<<END>>>