/* Quiet editorial type beside ARUNE's brighter digital character fields. */
#home-view :is(#hero-title, #participation-title, #protocol-title, .closing > p) {
  --headline-ink: #c7c9bd;
  --headline-emphasis: #b8a36d;
  color: var(--headline-ink);
  font-family: var(--body, Manrope, Arial, sans-serif);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: -.028em;
  text-wrap: balance;
}

#home-view :is(#hero-title, #participation-title, #protocol-title, .closing > p) > .headline-line {
  color: inherit;
  font-weight: inherit;
}

#home-view :is(#hero-title, #participation-title, #protocol-title, .closing > p) > .headline-line:nth-of-type(2) {
  color: var(--headline-emphasis);
}

#home-view #hero-title { font-size: clamp(56px, 5vw, 78px); }
#home-view #participation-title { font-size: clamp(32px, 3vw, 43px); }
#home-view #protocol-title { font-size: clamp(42px, 4.1vw, 63px); }
#home-view .closing > p { font-size: clamp(46px, 5.1vw, 76px); line-height: 1.18; }

html[lang="zh-CN"] #home-view :is(#hero-title, #participation-title, #protocol-title, .closing > p) {
  line-height: 1.22;
  letter-spacing: -.015em;
}

@media (max-width: 900px) {
  #home-view #hero-title { font-size: clamp(46px, 7.6vw, 62px); }
  #home-view #participation-title { font-size: clamp(30px, 4.8vw, 39px); }
  #home-view #protocol-title { font-size: clamp(33px, 5.2vw, 48px); }
  #home-view .closing > p { font-size: clamp(38px, 6.5vw, 58px); }
}

@media (max-width: 620px) {
  #home-view #hero-title { font-size: clamp(44px, 11.6vw, 52px); }
  #home-view #participation-title { font-size: clamp(29px, 7.4vw, 34px); }
  #home-view #protocol-title { font-size: clamp(30px, 7.5vw, 34px); }
  #home-view .closing > p { font-size: clamp(34px, 9.4vw, 43px); }
}