.page-news{
  background:var(--color-bg);
  color:var(--color-text);
}
.page-news .news-hero{
  position:relative;
  padding:8.5rem 0 3.5rem;
  overflow:hidden;
  border-bottom:1px solid var(--color-line);
  background:
    radial-gradient(ellipse at 88% 18%,rgba(0,255,156,.1),transparent 34%),
    linear-gradient(135deg,rgba(31,40,51,.55) 0%,transparent 62%);
}
.page-news .news-hero::after{
  content:"NEWS";
  position:absolute;
  right:-1rem;
  bottom:-2.6rem;
  font-family:var(--font-condensed);
  font-size:clamp(4.5rem,13vw,11rem);
  line-height:1;
  letter-spacing:.06em;
  color:rgba(197,198,199,.05);
  pointer-events:none;
}
.page-news .news-breadcrumb{
  margin-bottom:2.75rem;
}
.page-news .news-hero__row{
  display:grid;
  grid-template-columns:1fr;
  gap:1.75rem;
}
.page-news .news-hero__main{
  max-width:60ch;
}
.page-news .news-hero__tag{
  background:rgba(0,255,156,.12);
  color:var(--color-accent);
  border-color:rgba(0,255,156,.3);
}
.page-news .news-title{
  margin:1rem 0 0;
  font-family:var(--font-condensed);
  font-size:clamp(2.6rem,8vw,4.6rem);
  line-height:1.06;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.page-news .news-title__sub{
  display:block;
  font-size:.42em;
  color:var(--color-silver);
  letter-spacing:.14em;
  font-weight:500;
  margin-top:.85rem;
  text-transform:none;
}
.page-news .news-lead{
  margin:0;
  max-width:34em;
  color:var(--color-muted);
  font-size:1.02rem;
  line-height:1.85;
  border-left:3px solid var(--color-accent);
  padding-left:1.25rem;
}
.page-news .news-latest{
  padding:4.5rem 0 2rem;
}
.page-news .news-latest__head{
  margin-bottom:2.25rem;
}
.page-news .news-section-title{
  position:relative;
  padding-left:1.1rem;
  font-family:var(--font-condensed);
}
.page-news .news-section-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.28em;
  bottom:.28em;
  width:.38rem;
  border-radius:99px;
  background:var(--color-accent);
}
.page-news .news-section-subtitle{
  color:var(--color-muted);
  margin-top:.35rem;
}
.page-news .news-filter-wrap{
  margin-bottom:2.5rem;
}
.page-news .news-filter{
  position:sticky;
  top:74px;
  z-index:30;
  display:flex;
  gap:.4rem;
  max-width:100%;
  width:fit-content;
  overflow-x:auto;
  scrollbar-width:none;
  padding:.45rem;
  border-radius:999px;
  border:1px solid var(--color-line);
  background:rgba(18,22,29,.86);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  margin-bottom:1.75rem;
}
.page-news .news-filter::-webkit-scrollbar{
  display:none;
}
.page-news .news-filter__input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.page-news .news-filter__label{
  flex:0 0 auto;
  padding:.5rem .95rem;
  border-radius:999px;
  font-size:.85rem;
  color:var(--color-silver);
  border:1px solid transparent;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
  user-select:none;
  white-space:nowrap;
}
.page-news .news-filter__label:hover{
  color:var(--color-text);
  border-color:var(--color-line);
}
.page-news #news-filter--all:checked ~ .news-filter label[for="news-filter--all"],
.page-news #news-filter--product:checked ~ .news-filter label[for="news-filter--product"],
.page-news #news-filter--calendar:checked ~ .news-filter label[for="news-filter--calendar"],
.page-news #news-filter--feature:checked ~ .news-filter label[for="news-filter--feature"],
.page-news #news-filter--announce:checked ~ .news-filter label[for="news-filter--announce"]{
  background:var(--color-accent);
  color:#0B0C10;
  border-color:var(--color-accent);
}
.page-news .news-masonry{
  display:grid;
  grid-template-columns:1fr;
  gap:1.4rem;
  grid-auto-flow:dense;
  align-items:start;
}
.page-news .news-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:var(--radius);
  border:1px solid var(--color-line);
  background:var(--color-bg-deep);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.page-news .news-card:hover{
  transform:translateY(-4px);
  border-color:var(--color-line-accent);
  box-shadow:var(--shadow-float);
}
.page-news .news-card--product{
  border-top:3px solid var(--color-accent);
}
.page-news .news-card--calendar{
  border-top:3px solid var(--color-info);
}
.page-news .news-card--announce{
  border-top:3px solid var(--color-warning);
}
.page-news .news-card--feature{
  border-top:3px solid var(--color-silver);
}
.page-news .news-card__media-wrap{
  overflow:hidden;
  aspect-ratio:16/9;
  background:var(--color-bg-overlay);
}
.page-news .news-card__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.page-news .news-card:hover .news-card__img{
  transform:scale(1.04);
}
.page-news .news-card__body{
  display:flex;
  flex-direction:column;
  gap:.7rem;
  padding:1.35rem 1.4rem 1.5rem;
  flex:1;
}
.page-news .news-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
}
.page-news .news-card__time{
  font-family:var(--font-condensed);
  font-size:.82rem;
  letter-spacing:.1em;
  color:var(--color-muted);
}
.page-news .news-card__title{
  margin:0;
  font-family:var(--font-condensed);
  font-size:1.5rem;
  line-height:1.22;
  color:var(--color-text);
}
.page-news .news-card--featured .news-card__title{
  font-size:clamp(1.6rem,4vw,2.2rem);
}
.page-news .news-card__desc{
  margin:0;
  color:var(--color-muted);
  font-size:.93rem;
  line-height:1.72;
}
.page-news .news-card__mini-list{
  list-style:none;
  margin:.2rem 0 0;
  padding:0;
  border-top:1px dashed var(--color-line);
}
.page-news .news-card__mini-list li{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  padding:.5rem 0 0;
  font-size:.82rem;
  color:var(--color-silver);
}
.page-news .news-card__mini-list li span{
  color:var(--color-muted);
}
.page-news .news-card__link{
  margin-top:auto;
  align-self:flex-start;
}
.page-news .news-version{
  padding:4.5rem 0;
  border-top:1px solid var(--color-line);
  border-bottom:1px solid var(--color-line);
  background:
    linear-gradient(180deg,transparent,rgba(31,40,51,.42) 50%,transparent 100%);
}
.page-news .news-version__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
  align-items:center;
}
.page-news .news-version__media{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--color-line);
  box-shadow:var(--shadow-float);
}
.page-news .news-version__img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.page-news .news-version__sticker{
  position:absolute;
  top:1rem;
  left:1rem;
  background:var(--color-accent);
  color:#0B0C10;
  font-family:var(--font-condensed);
  font-size:1.4rem;
  font-weight:700;
  padding:.35rem .8rem;
  border-radius:999px;
}
.page-news .news-version__tag,
.page-news .news-announce__tag{
  margin-bottom:.25rem;
}
.page-news .news-version__lead,
.page-news .news-announce__lead{
  color:var(--color-muted);
  line-height:1.8;
  margin:.75rem 0 0;
}
.page-news .news-version__list{
  list-style:none;
  padding:0;
  margin:1.5rem 0;
}
.page-news .news-version__list li{
  padding-left:1.5rem;
  position:relative;
  margin-bottom:.65rem;
  color:var(--color-silver);
  line-height:1.7;
}
.page-news .news-version__list li::before{
  content:"◆";
  color:var(--color-accent);
  font-size:.7rem;
  position:absolute;
  left:0;
  top:.3rem;
}
.page-news .news-version__timeline{
  margin:1.5rem 0 0;
  display:grid;
  gap:.25rem;
  border-left:2px solid var(--color-line-accent);
  padding-left:1.25rem;
}
.page-news .timeline__item{
  display:grid;
  grid-template-columns:5.5rem 1fr;
  align-items:baseline;
  gap:.5rem;
  position:relative;
  padding-bottom:.5rem;
}
.page-news .timeline__item::before{
  content:"";
  width:.6rem;
  height:.6rem;
  background:var(--color-accent);
  border-radius:50%;
  position:absolute;
  left:calc(-1.25rem - 5px);
  top:.55rem;
}
.page-news .timeline__year{
  font-family:var(--font-condensed);
  color:var(--color-accent);
  font-size:1.05rem;
  letter-spacing:.04em;
}
.page-news .timeline__item p{
  margin:0;
  color:var(--color-silver);
  font-size:.9rem;
}
.page-news .news-version__foot,
.page-news .news-announce__foot{
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin-top:1.75rem;
  align-items:flex-start;
}
.page-news .news-version__note,
.page-news .news-announce__note{
  color:var(--color-muted);
  font-size:.85rem;
  line-height:1.65;
  max-width:38em;
}
.page-news .news-features{
  padding:4.5rem 0 5rem;
}
.page-news .news-features__head{
  margin-bottom:2.25rem;
}
.page-news .news-features__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
}
.page-news .news-topic{
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--color-line);
  background:var(--color-bg-deep);
}
.page-news .news-topic--overlay{
  position:relative;
}
.page-news .news-topic--overlay img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
.page-news .news-topic__content{
  padding:1.5rem;
  background:var(--color-bg-deep);
}
.page-news .news-topic__content h3{
  margin:.75rem 0 .5rem;
  font-family:var(--font-condensed);
  font-size:1.7rem;
  line-height:1.2;
}
.page-news .news-topic__content p{
  margin:0;
  color:var(--color-muted);
  font-size:.93rem;
  line-height:1.72;
}
.page-news .news-topic__link{
  display:inline-block;
  margin-top:1rem;
  color:var(--color-accent);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .2s ease;
}
.page-news .news-topic__link:hover{
  border-bottom-color:var(--color-accent);
}
.page-news .news-topic--plain{
  display:flex;
  flex-direction:column;
  position:relative;
  padding:1.75rem;
  background:linear-gradient(135deg,rgba(31,40,51,.6),rgba(18,22,29,.3));
}
.page-news .news-topic__index{
  position:absolute;
  top:.75rem;
  right:1.25rem;
  font-family:var(--font-condensed);
  font-size:3.4rem;
  line-height:1;
  color:rgba(197,198,199,.12);
}
.page-news .news-topic--plain h3{
  margin:.75rem 0 .5rem;
  font-family:var(--font-condensed);
  font-size:1.55rem;
  line-height:1.22;
}
.page-news .news-topic--plain p{
  margin:0;
  color:var(--color-muted);
  font-size:.93rem;
  line-height:1.72;
}
.page-news .news-announce{
  padding:4.5rem 0;
  border-top:1px solid var(--color-line);
  background:linear-gradient(135deg,rgba(31,40,51,.5),transparent 70%);
}
.page-news .news-announce__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
  align-items:center;
}
.page-news .news-announce__img{
  display:block;
  width:100%;
  aspect-ratio:8/5;
  object-fit:cover;
  border-radius:var(--radius);
  box-shadow:var(--shadow-float);
}
.page-news .news-announce__list{
  list-style:none;
  padding:0;
  margin:1.5rem 0 0;
}
.page-news .news-announce__list li{
  padding:.9rem 0 .9rem 1.75rem;
  border-bottom:1px solid var(--color-line);
  position:relative;
  line-height:1.7;
}
.page-news .news-announce__list li::before{
  content:"◆";
  color:var(--color-warning);
  font-size:.7rem;
  position:absolute;
  left:0;
  top:1.1rem;
}
.page-news .news-announce__list a{
  color:var(--color-text);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .2s ease,color .2s ease;
}
.page-news .news-announce__list a:hover{
  color:var(--color-accent);
  border-bottom-color:var(--color-accent);
}
@media (min-width:720px){
  .page-news .news-hero__row{
    grid-template-columns:1.25fr .75fr;
    align-items:end;
    gap:3rem;
  }
  .page-news .news-masonry{
    grid-template-columns:repeat(2,1fr);
  }
  .page-news .news-card--featured{
    grid-column:span 2;
    display:grid;
    grid-template-columns:1.3fr 1fr;
    grid-template-rows:1fr;
  }
  .page-news .news-card--featured .news-card__media-wrap{
    aspect-ratio:auto;
    height:100%;
  }
  .page-news .news-card--featured .news-card__body{
    padding:2rem;
  }
  .page-news .news-version__grid{
    grid-template-columns:.9fr 1.1fr;
  }
  .page-news .news-features__grid{
    grid-template-columns:repeat(2,1fr);
  }
  .page-news .news-topic--overlay{
    grid-column:span 2;
  }
  .page-news .news-announce__grid{
    grid-template-columns:.8fr 1.2fr;
  }
  .page-news .news-version__foot,
  .page-news .news-announce__foot{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
  .page-news .news-version__note,
  .page-news .news-announce__note{
    text-align:right;
  }
}
@media (min-width:1024px){
  .page-news .news-masonry{
    grid-template-columns:repeat(3,1fr);
  }
  .page-news .news-card--featured{
    grid-column:span 2;
    grid-row:span 2;
    grid-template-columns:1.35fr 1fr;
  }
  .page-news #news-filter--product:checked ~ .news-masonry .news-card:not(.news-card--product),
  .page-news #news-filter--calendar:checked ~ .news-masonry .news-card:not(.news-card--calendar),
  .page-news #news-filter--feature:checked ~ .news-masonry .news-card:not(.news-card--feature),
  .page-news #news-filter--announce:checked ~ .news-masonry .news-card:not(.news-card--announce){
    display:none;
  }
  .page-news .news-features__grid{
    grid-template-columns:repeat(4,1fr);
  }
  .page-news .news-topic--overlay{
    grid-column:span 2;
  }
  .page-news .news-topic--overlay{
    min-height:540px;
  }
  .page-news .news-topic--overlay img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    aspect-ratio:auto;
  }
  .page-news .news-topic__content{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:2rem;
    background:linear-gradient(180deg,transparent 30%,rgba(11,12,16,.92) 78%);
  }
}
@media (prefers-reduced-motion:reduce){
  .page-news .news-card,
  .page-news .news-card__img,
  .page-news .news-topic,
  .page-news .news-filter__label{
    transition:none;
  }
}