.news-chronicle {
  --news-ink: #20263a;
  --news-muted: #6e7483;
  --news-purple: #5149bb;
  padding: 28px 0 100px;
  color: var(--news-ink);
  background: radial-gradient(circle at 50% 12%, #eeeefa 0, transparent 42%), #fbfaf9;
}
.news-chronicle__shell { width: min(1210px, calc(100% - 64px)); margin: auto; }
.news-deck { padding: 12px 0 0; }
.news-list__heading span:first-child {
  display: block; color: var(--news-purple); font: 700 11px/1.5 Arial, sans-serif; letter-spacing: .18em;
}
.news-list h2 {
  margin: 7px 0 0; font-family: "Times New Roman", "Songti SC", serif;
  font-size: clamp(27px, 3vw, 38px); font-weight: 500; letter-spacing: .04em;
}
.news-deck__stage {
  position: relative; width: 100vw; height: 365px; margin-left: calc(50% - 50vw);
  perspective: 1100px; overflow: visible;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.news-deck__card {
  position: absolute; top: 23px; left: 50%; display: flex; align-items: center; gap: 22px;
  width: min(520px, 46vw); height: 270px; padding: 18px;
  transform-origin: center center; border: 1px solid rgba(123, 115, 186, .28);
  border-radius: 18px; color: var(--news-ink); text-align: left; cursor: pointer;
  background: linear-gradient(135deg, #fff 0%, #f8f8ff 56%, #eeecf8 100%);
  box-shadow: 0 7px 0 -3px #ddd9eb, 0 22px 34px rgba(43, 39, 91, .15), inset 0 1px rgba(255,255,255,.98);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  transition: transform .72s cubic-bezier(.22,1,.3,1), box-shadow .72s, filter .72s;
  -webkit-tap-highlight-color: transparent;
}
.news-deck__card::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.85), transparent 42%, rgba(155,145,220,.065));
}
.news-deck__card[data-position="0"] {
  z-index: 3; transform: translateX(-50%) translateZ(65px);
  box-shadow: 0 7px 0 -3px #d5d0e6, 0 30px 48px rgba(43, 39, 91, .21), inset 0 1px #fff;
}
.news-deck__card[data-position="-1"] { z-index: 2; transform: translateX(calc(-50% - 335px)) rotate(-4deg) scale(.94); }
.news-deck__card[data-position="1"] { z-index: 2; transform: translateX(calc(-50% + 335px)) rotate(4deg) scale(.94); }
.news-deck__card:hover:not([data-position="0"]) { filter: brightness(1.04); }
.news-deck__card:focus-visible, .news-list a:focus-visible { outline: 3px solid #7770db; outline-offset: 4px; }
.news-deck__media {
  position: relative; z-index: 1; display: block; width: 42%; aspect-ratio: 1 / 1;
  flex: none; overflow: hidden; border-radius: 10px; background: #eae9f1;
}
.news-deck__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-deck__media img.news-image--logo { object-fit: contain; padding: 23px; background: white; }
.news-deck__year-art {
  display: grid; width: 100%; height: 100%; place-items: center;
  color: #a5a0ca; background: linear-gradient(140deg, #f0eff9, #e5e3f4);
  font: 64px/1 "Times New Roman", serif;
}
.news-deck__card-content { position: relative; z-index: 1; display: flex; min-width: 0; flex: 1; flex-direction: column; justify-content: center; padding: 8px 0; }
.news-deck__date { color: var(--news-purple); font: 700 13px/1.4 Arial, sans-serif; letter-spacing: .05em; }
.news-deck__title {
  display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
  margin-top: 12px; font: 600 clamp(21px, 2vw, 26px)/1.33 "Times New Roman", "Songti SC", serif;
}
.news-deck__summary {
  display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
  margin-top: 13px; color: #676c7c; font-size: 14px; line-height: 1.6;
}
.news-list { margin-top: 20px; }
.news-list__heading { display: flex; justify-content: space-between; align-items: end; padding-bottom: 19px; }
.news-list__items { margin: 0; padding: 0; list-style: none; }
.news-list__item {
  display: grid; grid-template-columns: 124px 130px minmax(0,1fr) 34px; gap: 25px; align-items: center;
  min-height: 150px; padding: 16px 12px; border-bottom: 1px solid #dedee7;
  transition: background .25s;
}
.news-list__item:hover { background: #f4f3fb; }
.news-list__thumb { width: 124px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 7px; background: #e9e8f1; }
.news-list__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-list__thumb img.news-image--logo { object-fit: contain; padding: 18px; background: white; }
.news-list__year-art { display: grid; width: 100%; height: 100%; place-items: center; color: #b0acd0; background: linear-gradient(140deg, #f3f2fa, #e7e6f3); font: 42px/1 "Times New Roman", serif; }
.news-list__item time { align-self: start; padding-top: 8px; color: #77708d; font-size: 13px; white-space: nowrap; }
.news-list__body h3 { margin: 0; font: 600 23px/1.4 "Times New Roman", "Songti SC", serif; }
.news-list__body h3 a { color: var(--news-ink); text-decoration: none; }
.news-list__body h3 a:hover { color: var(--news-purple); }
.news-list__body p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 850px; margin: 9px 0 0; color: var(--news-muted); font-size: 14px; line-height: 1.65; }
.news-list__arrow { justify-self: end; color: var(--news-purple); font-size: 26px; text-decoration: none; }
.news-chronicle__empty { padding: 60px 0; }
@media (max-width: 1000px) {
  .news-deck__card { width: min(500px, 58vw); }
  .news-deck__card[data-position="-1"] { transform: translateX(calc(-50% - 34vw)) rotate(-4deg) scale(.93); }
  .news-deck__card[data-position="1"] { transform: translateX(calc(-50% + 34vw)) rotate(4deg) scale(.93); }
  .news-list__item { grid-template-columns: 112px minmax(0,1fr) 30px; gap: 18px; }
  .news-list__thumb { width: 112px; grid-row: span 2; }
  .news-list__item time { grid-column: 2; padding: 0; align-self: end; }
  .news-list__body { grid-column: 2; align-self: start; }
  .news-list__arrow { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 600px) {
  .news-chronicle { padding: 23px 0 70px; }
  .news-chronicle__shell { width: calc(100% - 28px); }
  .news-deck { padding-top: 13px; }
  .news-deck__stage {
    height: 440px;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 11%, #000 89%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 11%, #000 89%, transparent);
  }
  .news-deck__card { top: 19px; flex-direction: column; gap: 12px; width: min(80vw, 340px); height: 365px; padding: 13px; border-radius: 15px; }
  .news-deck__card[data-position="-1"] { transform: translateX(calc(-50% - 59vw)) rotate(-4deg) scale(.88); }
  .news-deck__card[data-position="1"] { transform: translateX(calc(-50% + 59vw)) rotate(4deg) scale(.88); }
  .news-deck__card[data-position="0"] { transform: translateX(-50%) translateZ(35px); }
  .news-deck__media { width: 100%; height: 165px; aspect-ratio: auto; }
  .news-deck__media img { object-fit: cover; }
  .news-deck__year-art { font-size: 54px; }
  .news-deck__card-content { width: 100%; justify-content: flex-start; padding: 3px 6px 0; }
  .news-deck__date { font-size: 13px; }
  .news-deck__title { margin-top: 7px; font-size: 21px; -webkit-line-clamp: 2; }
  .news-deck__summary { margin-top: 7px; font-size: 14px; -webkit-line-clamp: 2; }
  .news-list { margin-top: 20px; }
  .news-list__item { grid-template-columns: 94px minmax(0,1fr) 22px; gap: 7px 11px; min-height: 111px; padding: 15px 3px; }
  .news-list__thumb { grid-column: 1; width: 94px; }
  .news-list__thumb img.news-image--logo { padding: 12px; }
  .news-list__year-art { font-size: 28px; }
  .news-list__item time { grid-column: 2; font-size: 13px; }
  .news-list__body h3 { font-size: 17px; }
  .news-list__body p { display: none; }
  .news-list__arrow { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .news-deck__card, .news-list__item { transition-duration: .01ms; }
}