/* Recent news with editorial thumbnails and a larger exhibition image. */
.s3-highlight__layout {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: clamp(42px, 5vw, 86px);
  margin-top: clamp(58px, 6vw, 92px);
}
.s3-highlight .s3-news ul { display: grid; gap: 12px; border-top: 0; }
.s3-highlight .s3-news li { border: 0; }
.s3-highlight .s3-news li a {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 16px;
  min-height: 118px;
  padding: 9px;
  border: 1px solid #e0e9ee;
  border-radius: 15px;
  color: #0b3153;
  background: #f8fbfd;
  transition: border-color .25s ease, background .25s ease, transform .25s ease;
}
.s3-highlight .s3-news li a:hover { padding-left: 9px; border-color: #9dcbdc; background: #fff; transform: translateY(-2px); }
.s3-news__thumb {
  width: 116px;
  height: 98px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9px;
  background: #eaf2f6;
}
.s3-news__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.s3-news__thumb.is-fallback img { width: 82%; height: auto; max-height: 74%; object-fit: contain; }
.s3-news__body { min-width: 0; }
.s3-news__meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 7px; }
.s3-highlight .s3-news__meta span { flex: none; width: auto; padding: 5px 8px; color: #0867b2; background: #e6f1f8; font: 700 9px/1 "Albert Sans", sans-serif; }
.s3-highlight .s3-news__meta time { color: #71818b; font-size: 10px; white-space: nowrap; }
.s3-highlight .s3-news li strong { display: -webkit-box; grid-column: auto; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 1.45; word-break: keep-all; }
.s3-news__body p { display: -webkit-box; overflow: hidden; margin: 5px 0 0; color: #647681; font-size: 12px; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }
.s3-news__arrow { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #d2e0e8; border-radius: 50%; color: #0b3153; font: 500 18px/1 "Albert Sans", sans-serif; transition: color .25s, background .25s, border-color .25s; }
.s3-highlight .s3-news li a:hover .s3-news__arrow { color: #fff; background: #0867b2; border-color: #0867b2; }
.s3-highlight .s3-exhibition__slides { height: clamp(520px, 42vw, 650px); border-radius: 17px; }
.s3-highlight .s3-exhibition__slide { padding: clamp(24px, 2.8vw, 42px); }
.s3-highlight .s3-exhibition__slide:after { background: linear-gradient(0deg, rgba(0,18,35,.88), rgba(0,18,35,.2) 47%, transparent 70%); }
.s3-highlight .s3-exhibition__slide strong { max-width: 560px; font-size: clamp(23px, 2.1vw, 32px); }
.s3-highlight .s3-exhibition__controls { height: 60px; align-items: center; gap: 16px; }
.s3-highlight .s3-exhibition__controls>button { width: 44px; height: 44px; color: #0b3153; font-size: 24px; }
.s3-highlight .s3-exhibition__controls>button:hover { color: #0867b2; }
.s3-highlight .s3-exhibition__controls>div { height: 44px; gap: 2px; }
.s3-highlight .s3-exhibition__controls>div button { display: grid; place-items: center; width: 24px; height: 44px; border-radius: 0; background: transparent; }
.s3-highlight .s3-exhibition__controls>div button::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #b5c6cf; transition: width .25s, background .25s; }
.s3-highlight .s3-exhibition__controls>div button.is-active::after { width: 22px; border-radius: 5px; background: #0867b2; }
@media (max-width: 1000px) {
  .s3-highlight__layout { display: block; }
  .s3-highlight .s3-exhibition { margin-top: 64px; }
  .s3-highlight .s3-exhibition__slides { height: 540px; }
}
@media (max-width: 760px) {
  .s3-highlight__layout { margin-top: 54px; }
  .s3-highlight .s3-news li a { grid-template-columns: 94px minmax(0, 1fr) 32px; gap: 11px; min-height: 102px; padding: 7px; }
  .s3-highlight .s3-news li a:hover { padding-left: 7px; transform: none; }
  .s3-news__thumb { width: 94px; height: 86px; }
  .s3-highlight .s3-news li strong { font-size: 14px; }
  .s3-news__body p { display: none; }
  .s3-highlight .s3-exhibition { margin-top: 56px; }
  .s3-highlight .s3-exhibition__slides { height: 520px; }
}
@media (max-width: 380px) {
  .s3-highlight .s3-news li a { grid-template-columns: 76px minmax(0, 1fr) 26px; gap: 8px; }
  .s3-news__thumb { width: 76px; height: 78px; }
  .s3-news__arrow { width: 26px; height: 26px; font-size: 15px; }
  .s3-highlight .s3-news li strong { font-size: 13px; }
  .s3-highlight .s3-news__meta time { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .s3-highlight .s3-news li a { transition: none; }
}