/* Reading surfaces belong to their scroll sections. Native .s opacity still
   carries both text and light out of the way when entering the physical room. */
html[lang='zh-CN']:not([data-jc-art-study]) :is(#intro, #exhibitions) {
  --jc-reading-ink: #20282c;
  --jc-reading-rgb: 247, 249, 250;
  mix-blend-mode: normal;
  isolation: isolate;
  color: var(--jc-reading-ink);
}

html[lang='zh-CN'].dark:not([data-jc-art-study]) :is(#intro, #exhibitions) {
  --jc-reading-ink: #edf1f3;
  --jc-reading-rgb: 15, 21, 28;
}

/* A feathered pool of light, without a panel edge, filter or fixed overlay. */
html[lang='zh-CN']:not([data-jc-art-study]) #intro {
  background-image: radial-gradient(ellipse 66% 40% at 50% 50%,
    rgba(var(--jc-reading-rgb), .72) 0%,
    rgba(var(--jc-reading-rgb), .6) 40%,
    rgba(var(--jc-reading-rgb), 0) 100%);
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions {
  background-image: linear-gradient(to bottom,
    rgba(var(--jc-reading-rgb), 0),
    rgba(var(--jc-reading-rgb), .8) 15%,
    rgba(var(--jc-reading-rgb), .86) 45%,
    rgba(var(--jc-reading-rgb), .78) 82%,
    rgba(var(--jc-reading-rgb), 0));
}

html[lang='zh-CN']:not([data-jc-art-study]) #intro [abt-intro],
html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions :is(.ex-para-wrap, .hl-wrap, .text-wrap, .ex-wrap, .ex-row-inner, .btn-wrap, .btn-inner) {
  mix-blend-mode: normal;
}

/* Keep the native row's negative-z separator and hover fill in its own stack. */
html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .ex-wrap {
  isolation: isolate;
}

html[lang='zh-CN']:not([data-jc-art-study]) #intro [data-jc-intro] {
  color: var(--jc-reading-ink);
  font-size: clamp(24px, 3.22vw, 48px);
  font-weight: 440;
  line-height: 1.48;
  letter-spacing: -.025em;
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions :is(.a-h, .text-regular) {
  color: var(--jc-reading-ink);
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .a-h {
  font-weight: 460;
  letter-spacing: -.035em;
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .ex-para-wrap .text-regular {
  font-size: clamp(16px, 1.38vw, 21px);
  line-height: 1.7;
  letter-spacing: 0;
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .ex-row-inner .text-regular {
  font-size: clamp(14px, 1.12vw, 18px);
  line-height: 1.5;
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .btn-inner {
  color: #f3f5f5;
  background: #30393c;
  backdrop-filter: none;
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .btn-inner .text-large {
  color: inherit;
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .ex-row-bg {
  background-color: rgba(145, 162, 168, .14);
}

html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .ex-row-line {
  background-color: rgba(96, 113, 120, .3);
}

@media (max-width: 767px) {
  html[lang='zh-CN']:not([data-jc-art-study]) #intro {
    background-image: radial-gradient(ellipse 105% 37% at 50% 50%,
      rgba(var(--jc-reading-rgb), .84) 0%,
      rgba(var(--jc-reading-rgb), .68) 42%,
      rgba(var(--jc-reading-rgb), 0) 100%);
  }

  html[lang='zh-CN']:not([data-jc-art-study]) #intro [data-jc-intro] {
    font-size: clamp(23px, 6.2vw, 32px);
    line-height: 1.6;
    column-gap: .4em;
  }

  html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions [ex-intro] {
    margin-top: 2rem;
  }

  html[lang='zh-CN']:not([data-jc-art-study]) #exhibitions .btn-inner {
    min-height: 44px;
  }
}