.page-news{
  overflow-x:hidden;
  background:var(--color-off-white);
  color:var(--color-charcoal);
  font-family:var(--font-body);
}

.page-news .breadcrumb{
  padding:18px var(--content-padding) 0;
}

.page-news .breadcrumb__link{
  color:var(--color-deep-blue);
  font-family:var(--font-ui);
  font-size:13px;
  text-decoration:none;
}

.page-news .breadcrumb__link:hover,
.page-news .breadcrumb__link:focus-visible{
  color:var(--color-terracotta);
  outline:none;
}

.page-news .breadcrumb__separator{
  color:var(--color-gold);
  font-family:var(--font-mono);
  font-size:13px;
  margin:0 6px;
}

.page-news .news-hero{
  position:relative;
  background:linear-gradient(135deg,var(--color-deep-blue) 0%,#172f49 58%,#12283c 100%);
  color:var(--color-off-white);
  padding:clamp(36px,7vw,84px) var(--content-padding) clamp(40px,7vw,88px);
  overflow:hidden;
}

.page-news .news-hero::before{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-90px;
  top:-120px;
  border:1px solid var(--color-gold);
  border-radius:8px;
  transform:rotate(45deg);
  opacity:.38;
  pointer-events:none;
}

.page-news .news-hero::after{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  left:-260px;
  bottom:-320px;
  border:1px dashed rgba(201,169,97,.3);
  border-radius:50%;
  pointer-events:none;
}

.page-news .news-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  position:relative;
  z-index:1;
}

.page-news .news-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.page-news .news-hero__eyebrow{
  display:inline-block;
  color:var(--color-gold);
  font-size:12px;
  letter-spacing:.14em;
  border-bottom:1px solid rgba(201,169,97,.5);
  padding-bottom:8px;
  margin-bottom:22px;
}

.page-news .news-hero h1{
  font-family:var(--font-heading);
  font-weight:300;
  font-size:clamp(44px,8vw,92px);
  line-height:1.04;
  letter-spacing:.01em;
  margin:0 0 18px;
  color:#fff;
}

.page-news .news-hero h1 small{
  display:block;
  font-size:clamp(14px,2vw,18px);
  font-weight:400;
  letter-spacing:.06em;
  color:rgba(245,242,235,.82);
  margin-top:14px;
}

.page-news .news-hero__lead{
  max-width:560px;
  font-size:16px;
  line-height:1.75;
  color:rgba(245,242,235,.88);
  margin:0 0 28px;
}

.page-news .news-hero__stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  width:100%;
  max-width:520px;
  margin:0;
  padding:22px 0 0;
  border-top:1px solid rgba(201,169,97,.34);
}

.page-news .news-hero__stat{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.page-news .news-hero__stat dt{
  font-family:var(--font-ui);
  font-size:12px;
  letter-spacing:.1em;
  color:rgba(245,242,235,.62);
}

.page-news .news-hero__stat dd{
  font-family:var(--font-heading);
  font-size:28px;
  line-height:1.1;
  color:var(--color-gold);
  margin:0;
  font-weight:400;
}

.page-news .news-hero__figure{
  margin:0;
  position:relative;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 24px 48px rgba(0,0,0,.26);
}

.page-news .news-hero__img{
  display:block;
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
}

.page-news .news-directory{
  display:grid;
  grid-template-columns:1fr;
  gap:26px;
  padding:clamp(44px,7vw,88px) var(--content-padding);
  align-items:start;
}

.page-news .news-directory__heading{
  display:block;
  max-width:860px;
}

.page-news .news-directory__kicker,
.page-news .news-hot__kicker,
.page-news .news-calendar__kicker{
  font-size:12px;
  letter-spacing:.16em;
  color:var(--color-terracotta);
  margin:0 0 10px;
}

.page-news .news-directory__heading h2,
.page-news .news-hot__header h2,
.page-news .news-calendar__header h2{
  font-family:var(--font-heading);
  font-weight:300;
  font-size:clamp(32px,5vw,56px);
  line-height:1.08;
  color:var(--color-deep-blue);
  margin:0 0 14px;
}

.page-news .news-directory__intro,
.page-news .news-hot__intro{
  font-size:15px;
  line-height:1.7;
  color:rgba(51,51,51,.74);
  max-width:620px;
  margin:0;
}

.page-news .news-directory__aside{
  background:linear-gradient(160deg,rgba(229,226,220,.55),rgba(245,242,235,.9));
  border:1px solid var(--color-light-gray);
  border-radius:18px;
  padding:18px;
  position:relative;
}

.page-news .news-directory__figure{
  margin:0 0 22px;
  border-radius:12px;
  overflow:hidden;
}

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

.page-news .news-directory__aside h2{
  font-family:var(--font-heading);
  font-size:24px;
  font-weight:400;
  color:var(--color-deep-blue);
  margin:0 0 6px;
}

.page-news .news-directory__aside-note{
  font-size:13px;
  line-height:1.6;
  color:rgba(51,51,51,.68);
  margin:0 0 18px;
}

.page-news .news-filter-list{
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0;
  padding:0;
}

.page-news .news-filter-list__item{
  min-width:0;
}

.page-news .news-filter-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  height:100%;
  padding:9px 12px;
  border:1px solid rgba(195,155,90,.45);
  border-radius:999px;
  background:rgba(255,255,255,.5);
  color:var(--color-deep-blue);
  font-family:var(--font-ui);
  font-size:13px;
  cursor:pointer;
  transition:background var(--transition),border-color var(--transition),transform var(--transition);
}

.page-news .news-filter-label:hover{
  background:rgba(255,255,255,.82);
  border-color:var(--color-terracotta);
  transform:translateY(-1px);
}

.page-news .news-filter-label__count{
  color:var(--color-terracotta);
  font-size:12px;
  white-space:nowrap;
}

.page-news .news-filter-radio{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-all"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-official"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-version"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-tips"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-industry"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-review"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-data"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-service"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-story"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-tech"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-event"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-partner"],
.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label[for="cat-faq"]{
  background:var(--color-terracotta);
  border-color:var(--color-terracotta);
  color:var(--color-off-white);
}

.page-news .news-filter-radio:checked ~ .news-directory__aside .news-filter-label .news-filter-label__count{
  color:rgba(245,242,235,.85);
}

.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-all"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-official"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-version"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-tips"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-industry"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-review"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-data"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-service"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-story"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-tech"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-event"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-partner"],
.page-news .news-filter-radio:focus-visible ~ .news-directory__aside .news-filter-label[for="cat-faq"]{
  outline:2px solid var(--color-gold);
  outline-offset:2px;
}

.page-news .news-directory__aside-foot{
  margin:16px 0 2px;
  color:rgba(29,62,94,.65);
  font-size:12px;
  letter-spacing:.08em;
  text-align:right;
}

.page-news .news-directory__main{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.page-news .news-card{
  display:none;
  margin:0;
  border:1px solid var(--color-light-gray);
  border-radius:16px;
  background:rgba(255,255,255,.68);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
}

.page-news .news-card:hover,
.page-news .news-card:focus-within{
  border-color:rgba(201,169,97,.8);
  box-shadow:0 12px 28px rgba(29,62,94,.1);
  transform:translateY(-2px);
}

.page-news .news-card__body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px;
  height:100%;
}

.page-news .news-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.page-news .news-card__time{
  font-size:12px;
  color:var(--color-rock-gray);
}

.page-news .news-card__flag{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(193,95,60,.1);
  color:var(--color-terracotta);
  font-size:11px;
  letter-spacing:.06em;
  border:1px solid rgba(193,95,60,.28);
}

.page-news .news-card__title{
  font-family:var(--font-heading);
  font-size:19px;
  line-height:1.36;
  color:var(--color-deep-blue);
  margin:0;
}

.page-news .news-card__title a{
  color:inherit;
  text-decoration:none;
  transition:color var(--transition);
}

.page-news .news-card__title a:hover,
.page-news .news-card__title a:focus-visible{
  color:var(--color-terracotta);
  outline:none;
}

.page-news .news-card__excerpt{
  font-size:14px;
  line-height:1.68;
  color:rgba(51,51,51,.74);
  margin:0;
}

.page-news .news-card__details{
  border-top:1px dashed var(--color-light-gray);
  padding-top:10px;
}

.page-news .news-card__details summary{
  font-family:var(--font-ui);
  font-size:13px;
  color:var(--color-moss-green);
  cursor:pointer;
  user-select:none;
}

.page-news .news-card__details summary:hover,
.page-news .news-card__details summary:focus-visible{
  color:var(--color-terracotta);
  outline:none;
}

.page-news .news-card__details p{
  font-size:13px;
  line-height:1.7;
  color:rgba(51,51,51,.7);
  margin:10px 0 0;
}

.page-news .news-card__details p a{
  color:var(--color-moss-green);
  text-decoration:underline;
  text-underline-offset:3px;
}

.page-news .news-card__details p a:hover,
.page-news .news-card__details p a:focus-visible{
  color:var(--color-terracotta);
  outline:none;
}

.page-news #cat-all:checked ~ .news-directory__main .news-card,
.page-news #cat-official:checked ~ .news-directory__main .news-card[data-cat="official"],
.page-news #cat-version:checked ~ .news-directory__main .news-card[data-cat="version"],
.page-news #cat-tips:checked ~ .news-directory__main .news-card[data-cat="tips"],
.page-news #cat-industry:checked ~ .news-directory__main .news-card[data-cat="industry"],
.page-news #cat-review:checked ~ .news-directory__main .news-card[data-cat="review"],
.page-news #cat-data:checked ~ .news-directory__main .news-card[data-cat="data"],
.page-news #cat-service:checked ~ .news-directory__main .news-card[data-cat="service"],
.page-news #cat-story:checked ~ .news-directory__main .news-card[data-cat="story"],
.page-news #cat-tech:checked ~ .news-directory__main .news-card[data-cat="tech"],
.page-news #cat-event:checked ~ .news-directory__main .news-card[data-cat="event"],
.page-news #cat-partner:checked ~ .news-directory__main .news-card[data-cat="partner"],
.page-news #cat-faq:checked ~ .news-directory__main .news-card[data-cat="faq"]{
  display:block;
}

.page-news .news-hot{
  background:
    radial-gradient(circle at 82% 16%,rgba(201,169,97,.2),transparent 320px),
    linear-gradient(150deg,#EDE9DF 0%,#EAE4D6 52%,rgba(91,125,97,.14) 100%);
  padding:clamp(44px,7vw,88px) var(--content-padding);
  border-top:1px solid var(--color-light-gray);
  border-bottom:1px solid var(--color-light-gray);
}

.page-news .news-hot__header{
  max-width:860px;
  margin-bottom:34px;
}

.page-news .news-hot__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
}

.page-news .news-hot__figure{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(29,62,94,.14);
}

.page-news .news-hot__img{
  display:block;
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
}

.page-news .news-hot__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.page-news .news-hot__card{
  position:relative;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(201,169,97,.35);
  border-radius:16px;
  padding:22px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform var(--transition),box-shadow var(--transition),background var(--transition);
}

.page-news .news-hot__card:hover,
.page-news .news-hot__card:focus-within{
  background:rgba(255,255,255,.78);
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(29,62,94,.12);
}

.page-news .news-hot__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}

.page-news .news-hot__title{
  font-family:var(--font-heading);
  font-size:18px;
  line-height:1.4;
  color:var(--color-deep-blue);
  margin:0 0 8px;
}

.page-news .news-hot__text{
  font-size:14px;
  line-height:1.68;
  color:rgba(51,51,51,.72);
  margin:0;
}

.page-news .news-calendar{
  background:linear-gradient(150deg,var(--color-deep-blue) 0%,#1a354f 58%,#173047 100%);
  color:var(--color-off-white);
  padding:clamp(44px,7vw,88px) var(--content-padding);
}

.page-news .news-calendar__header h2{
  color:#fff;
}

.page-news .news-calendar__header{
  margin-bottom:34px;
}

.page-news .news-calendar__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}

.page-news .news-calendar__figure{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(201,169,97,.4);
}

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

.page-news .news-calendar__note{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(201,169,97,.3);
  border-radius:18px;
  padding:24px;
}

.page-news .news-calendar__note h3{
  font-family:var(--font-heading);
  font-size:22px;
  font-weight:400;
  color:var(--color-gold);
  margin:0 0 16px;
}

.page-news .news-calendar__list{
  list-style:none;
  margin:0 0 20px;
  padding:0;
  display:grid;
  gap:12px;
}

.page-news .news-calendar__list li{
  position:relative;
  padding-left:26px;
  font-size:15px;
  line-height:1.65;
  color:rgba(245,242,235,.86);
}

.page-news .news-calendar__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--color-gold);
  transform:rotate(45deg);
}

.page-news .news-calendar__list .text-mono{
  color:var(--color-gold);
  font-size:13px;
  margin-right:2px;
}

.page-news .news-calendar__trust{
  margin:0;
  padding:16px 18px;
  border-left:3px solid var(--color-gold);
  background:rgba(201,169,97,.1);
  border-radius:0 12px 12px 0;
  font-size:13px;
  line-height:1.75;
  color:rgba(245,242,235,.8);
}

.page-news .news-cta{
  padding:clamp(48px,7vw,88px) var(--content-padding);
  text-align:center;
  background:var(--color-off-white);
}

.page-news .news-cta__heading{
  font-family:var(--font-heading);
  font-weight:300;
  font-size:clamp(28px,4vw,48px);
  color:var(--color-deep-blue);
  margin:0 0 12px;
}

.page-news .news-cta__text{
  max-width:580px;
  margin:0 auto 30px;
  font-size:15px;
  line-height:1.72;
  color:rgba(51,51,51,.74);
}

.page-news .news-cta__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}

.page-news .news-cta__links .btn--primary{
  background:var(--color-moss-green);
  border:1px solid var(--color-moss-green);
  color:var(--color-off-white);
}

.page-news .news-cta__links .btn--ghost{
  border:1px solid var(--color-deep-blue);
  color:var(--color-deep-blue);
  background:transparent;
}

.page-news .news-cta__links .btn--ghost:hover,
.page-news .news-cta__links .btn--ghost:focus-visible{
  background:var(--color-deep-blue);
  color:var(--color-off-white);
  outline:none;
}

@media (min-width:640px){
  .page-news .news-hero__grid{
    grid-template-columns:1.15fr .85fr;
    align-items:stretch;
  }

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

  .page-news .news-filter-list{
    grid-template-columns:1fr;
  }

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

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

@media (min-width:1024px){
  .page-news .news-directory{
    grid-template-columns:300px 1fr;
    gap:clamp(28px,4vw,56px);
  }

  .page-news .news-directory__heading{
    grid-column:1/-1;
  }

  .page-news .news-directory__aside{
    grid-column:1;
    position:sticky;
    top:24px;
    max-height:calc(100vh - 48px);
    overflow:auto;
    scrollbar-width:thin;
  }

  .page-news .news-directory__main{
    grid-column:2;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
  }

  .page-news .news-card--span2{
    grid-column:span 2;
  }
}

@media (min-width:1280px){
  .page-news .news-hot__layout{
    grid-template-columns:340px 1fr;
    gap:34px;
    align-items:stretch;
  }

  .page-news .news-hot__figure{
    min-height:100%;
  }

  .page-news .news-calendar__layout{
    grid-template-columns:.9fr 1.1fr;
    gap:34px;
    align-items:center;
  }
}