.page-news{
  position:relative;
  padding:1.25rem 1rem 3rem;
  background:
    radial-gradient(ellipse at 88% 2%, rgba(255,81,47,.16), transparent 36%),
    linear-gradient(165deg, rgba(15,26,46,.68), transparent 46%),
    var(--void);
  color:var(--daylight);
  font-family:var(--font-body);
  line-height:1.6;
}

.page-news .crumb{
  margin-bottom:1.25rem;
  font-size:.875rem;
  color:var(--dimmer);
  border-left:3px solid var(--volt);
  padding-left:.625rem;
}

.page-news .news-hero{
  position:relative;
  display:grid;
  gap:1.25rem;
  padding:1rem 0 2rem;
  border-bottom:1px solid var(--latent);
  margin-bottom:2rem;
}

.page-news .news-hero::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  width:34%;
  height:3px;
  background:linear-gradient(90deg, transparent, var(--volt), var(--flare));
  transform:skewX(-18deg);
  transform-origin:right bottom;
}

.page-news .news-hero__text .eyebrow{
  margin-bottom:.5rem;
  color:var(--volt);
}

.page-news .news-hero h1{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2rem, 5.5vw, 3.6rem);
  line-height:1.05;
  letter-spacing:-.02em;
  margin:0 0 .875rem;
}

.page-news .lead{
  color:var(--dimmer);
  font-size:1rem;
  max-width:58ch;
  margin:0 0 1.25rem;
}

.page-news .news-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.page-news .news-hero__stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.85rem;
  padding:1rem;
  border:1px solid var(--latent);
  border-radius:var(--radius);
  background:rgba(255,255,255,.06);
}

.page-news .news-stat{
  display:flex;
  flex-direction:column;
  border-left:2px solid var(--volt);
  padding-left:.75rem;
}

.page-news .news-stat__num{
  font-family:var(--font-display);
  font-size:1.85rem;
  font-weight:700;
  line-height:1.15;
  color:var(--volt);
}

.page-news .news-stat__label{
  font-size:.8rem;
  color:var(--dimmer);
}

.page-news .news-layout{
  display:grid;
  gap:1.5rem;
}

.page-news .news-index{
  min-width:0;
}

.page-news .news-index .eyebrow{
  font-size:.75rem;
  letter-spacing:.12em;
  color:var(--volt);
  text-transform:uppercase;
  margin-bottom:.25rem;
}

.page-news .news-index h2{
  font-family:var(--font-display);
  font-size:1.5rem;
  margin:0 0 1rem;
}

.page-news .news-tags{
  display:flex;
  gap:.5rem;
  flex-wrap:nowrap;
  overflow-x:auto;
  padding-bottom:.875rem;
  border-bottom:1px solid var(--latent);
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

.page-news .news-tags__link{
  flex:0 0 auto;
  padding:.35rem .85rem;
  font-size:.85rem;
  border:1px solid var(--latent);
  border-radius:999px;
  color:var(--dimmer);
  text-decoration:none;
  transition:border-color .2s, color .2s, background .2s;
}

.page-news .news-tags__link:hover,
.page-news .news-tags__link.is-active{
  border-color:var(--volt);
  color:var(--volt);
  background:rgba(212,255,63,.08);
}

.page-news .news-index__note,
.page-news .news-index__tip{
  margin-top:1rem;
  padding:1rem;
  border-radius:var(--radius);
  background:var(--glass);
}

.page-news .news-index__note{
  border-left:4px solid var(--flare);
}

.page-news .news-index__note h3{
  font-family:var(--font-display);
  font-size:1.1rem;
  margin:0 0 .5rem;
}

.page-news .news-index__note p{
  font-size:.9rem;
  color:var(--dimmer);
  margin:0 0 .5rem;
}

.page-news .news-index__note a{
  color:var(--volt);
  text-decoration:underline;
  font-size:.9rem;
}

.page-news .news-index__tip{
  border-left:4px solid var(--volt);
  display:flex;
  flex-direction:column;
  gap:.5rem;
  align-items:flex-start;
}

.page-news .news-index__tip-label{
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--dimmer);
  margin:0;
}

.page-news .btn--small{
  padding:.35rem .75rem;
  font-size:.85rem;
}

.page-news .news-main{
  min-width:0;
}

.page-news .news-progress{
  height:3px;
  border-radius:999px;
  background:var(--latent);
  overflow:hidden;
  position:sticky;
  top:.75rem;
  z-index:5;
  margin-bottom:1.5rem;
}

.page-news .news-progress__fill.progress-fill{
  height:100%;
  width:0;
  background:linear-gradient(90deg, var(--volt), var(--flare));
}

.page-news .news-feed{
  scroll-margin-top:4rem;
}

.page-news .news-feed__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:.75rem;
  border-bottom:1px solid var(--latent);
  padding-bottom:.75rem;
  margin-bottom:1rem;
}

.page-news .news-feed__header .eyebrow{
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--flare);
  text-transform:uppercase;
}

.page-news .news-feed__header h2{
  font-family:var(--font-display);
  font-size:1.6rem;
  margin:.15rem 0 0;
}

.page-news .news-feed__count{
  font-size:.8rem;
  color:var(--dimmer);
  white-space:nowrap;
}

.page-news .news-item{
  display:grid;
  gap:1rem;
  padding:1rem;
  margin-bottom:1rem;
  border-radius:var(--radius);
  background:var(--glass);
  border-left:3px solid rgba(212,255,63,.45);
  scroll-margin-top:5rem;
  transition:background .2s, transform .2s;
}

.page-news .news-item:hover{
  background:rgba(255,255,255,.09);
  transform:translateX(2px);
}

.page-news .news-item__media{
  border-radius:6px;
  overflow:hidden;
  border:1px solid var(--latent);
}

.page-news .news-item__media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}

.page-news .news-item__body{
  min-width:0;
}

.page-news .news-item__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  margin-bottom:.35rem;
}

.page-news .news-item__tag{
  background:rgba(255,81,47,.16);
  color:var(--flare);
  font-size:.75rem;
  font-weight:600;
  padding:.15rem .5rem;
  border-radius:4px;
  letter-spacing:.05em;
}

.page-news .news-item__time{
  font-size:.75rem;
  color:var(--dimmer);
}

.page-news .news-item h3{
  font-family:var(--font-display);
  font-size:1.25rem;
  line-height:1.3;
  margin:0 0 .35rem;
}

.page-news .news-item__excerpt{
  font-size:.92rem;
  color:var(--dimmer);
  margin:0 0 .5rem;
}

.page-news .news-item__details{
  margin-top:.5rem;
  border-top:1px dashed var(--latent);
  padding-top:.75rem;
}

.page-news .news-item__details summary{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.85rem;
  font-weight:600;
  color:var(--volt);
  list-style:none;
}

.page-news .news-item__details summary::-webkit-details-marker{
  display:none;
}

.page-news .news-item__details summary::before{
  content:"＋";
  font-weight:700;
  font-size:.9rem;
}

.page-news .news-item__details[open] summary::before{
  content:"－";
}

.page-news .news-item__details p{
  margin:.75rem 0 0;
  padding-left:.875rem;
  border-left:2px solid var(--latent);
  font-size:.9rem;
  color:var(--daylight);
}

.page-news .news-item__inner-link{
  display:inline-block;
  margin-top:.75rem;
  font-size:.85rem;
  color:var(--volt);
  text-decoration:underline;
}

.page-news .season-zone{
  display:grid;
  gap:1rem;
  margin-top:2rem;
  padding:1.25rem;
  border:1px solid var(--latent);
  border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(15,26,46,.92), rgba(10,10,12,.94));
  position:relative;
  scroll-margin-top:4rem;
}

.page-news .season-zone::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg, var(--volt), var(--flare));
}

.page-news .season-zone__media{
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--latent);
}

.page-news .season-zone__media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}

.page-news .season-zone .eyebrow{
  color:var(--volt);
  text-transform:uppercase;
  font-size:.75rem;
  letter-spacing:.14em;
  margin-bottom:.35rem;
}

.page-news .season-zone h2{
  font-family:var(--font-display);
  font-size:1.75rem;
  line-height:1.2;
  margin:0 0 .5rem;
}

.page-news .season-zone p{
  color:var(--dimmer);
  font-size:.95rem;
  margin:0;
}

.page-news .season-zone__points{
  list-style:none;
  margin:1rem 0;
  padding:0;
  display:grid;
  gap:.5rem;
}

.page-news .season-zone__points li{
  display:flex;
  font-size:.9rem;
  color:var(--daylight);
}

.page-news .season-zone__points li::before{
  content:"→";
  margin-right:.5rem;
  color:var(--volt);
  font-family:var(--font-display);
  font-weight:700;
}

.page-news .news-cta{
  display:grid;
  gap:1rem;
  margin-top:2rem;
  padding:1.5rem;
  border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(255,81,47,.24), transparent 58%), rgba(15,26,46,.72);
  border:1px solid rgba(255,81,47,.3);
  scroll-margin-top:4rem;
}

.page-news .news-cta__copy h2{
  font-family:var(--font-display);
  font-size:1.5rem;
  margin:0 0 .35rem;
}

.page-news .news-cta__copy p{
  color:var(--dimmer);
  font-size:.9rem;
  margin:0;
}

.page-news .news-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

@media (min-width:68rem){
  .page-news{
    padding:2rem clamp(1.5rem, 4vw, 3.5rem) 4rem;
  }

  .page-news .crumb{
    margin-bottom:1.75rem;
  }

  .page-news .news-hero{
    grid-template-columns:minmax(0, 1fr) 280px;
    align-items:end;
    gap:2rem;
    padding:1.25rem 1px 2rem;
  }

  .page-news .news-hero__stats{
    grid-template-columns:repeat(2, 1fr);
  }

  .page-news .news-layout{
    grid-template-columns:250px minmax(0, 1fr);
    align-items:start;
    gap:2rem;
  }

  .page-news .news-index{
    position:sticky;
    top:5rem;
  }

  .page-news .news-tags{
    flex-direction:column;
    flex-wrap:wrap;
    overflow:visible;
    gap:.35rem;
    border-bottom:0;
    padding-bottom:0;
  }

  .page-news .news-tags__link{
    flex:none;
    width:fit-content;
    border:none;
    border-left:3px solid transparent;
    border-radius:0;
    padding:.35rem .5rem .35rem .75rem;
  }

  .page-news .news-tags__link:hover,
  .page-news .news-tags__link.is-active{
    border-left-color:var(--volt);
    background:transparent;
  }

  .page-news .news-item{
    grid-template-columns:168px minmax(0, 1fr);
    align-items:start;
  }

  .page-news .news-item__media img{
    aspect-ratio:16/9;
    height:100%;
    max-height:148px;
  }

  .page-news .season-zone{
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    padding:1.5rem;
  }

  .page-news .news-cta{
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
  }
}