.language-switch {
  display: flex;
  align-items: center;
  gap: .35rem;
  margin-left: auto;
  padding-left: clamp(.5rem, 1vw, 1rem);
  font-family: RobotoCondensed, SourceHan, sans-serif;
  font-size: clamp(.66rem, .72vw, .78rem);
  font-weight: 800;
  letter-spacing: .06em;
  white-space: nowrap;
}

.language-switch a {
  display: inline-grid;
  min-width: 2.1rem;
  min-height: 2rem;
  place-items: center;
  padding: .3rem .45rem;
  border: 1px solid rgb(237 243 243 / 42%);
}

.language-switch a[aria-current='page'] {
  color: var(--ink);
  background: var(--moss);
  border-color: var(--moss);
}

html[lang='en'] body { font-family: RobotoCondensed, SourceHan, sans-serif; }
html[lang='en'] h1,
html[lang='en'] h2,
html[lang='en'] h3 { font-family: RobotoCondensed, SourceHan, sans-serif; letter-spacing: -.035em; }
html[lang='en'] .chapter h2 { line-height: .94; }
html[lang='en'] .chapter--origin h2 { max-width: 9ch; }
html[lang='en'] .chapter--belief h2 { max-width: 15ch; }
html[lang='en'] .chapter--venue h2 { max-width: 12ch; }
html[lang='en'] .chapter--anatomy h2 { max-width: 9ch; }
html[lang='en'] .chapter--campaign h2 { max-width: 11ch; font-size: clamp(2.8rem, 6.3vw, 6.6rem); }
html[lang='en'] .chapter--translation h2 { max-width: 17ch; font-size: clamp(2.7rem, 5.8vw, 6rem); }
html[lang='en'] .chapter--routes h2 { max-width: 10ch; }
html[lang='en'] .chapter--process h2 { max-width: 10ch; font-size: clamp(2.7rem, 6vw, 6.4rem); }
html[lang='en'] #urban-outdoor h2 { max-width: 13ch; font-size: clamp(3rem, 6.4vw, 6.8rem); }
html[lang='en'] .chapter--people h2 { max-width: 11ch; }
html[lang='en'] .chapter--event h2 { max-width: 13ch; font-size: clamp(3rem, 6.2vw, 6.6rem); }
html[lang='en'] .chapter--matrix h2 { max-width: 10ch; font-size: clamp(3rem, 6.2vw, 6.6rem); }
html[lang='en'] .chapter--partners h2 { max-width: 13ch; font-size: clamp(3rem, 6.2vw, 6.6rem); }
html[lang='en'] .chapter--friends h2 { max-width: 11ch; }
html[lang='en'] .chapter--cta h2 { max-width: 12ch; }
html[lang='en'] .metrics dd { font-size: clamp(1.65rem, 2.65vw, 3.3rem); line-height: .92; white-space: normal; }

html[lang='en'] .route-pillars h3,
html[lang='en'] .creation-matrix h3,
html[lang='en'] .partner-paths h3 { line-height: 1; }

@media (max-width: 1100px) {
  .story-nav__list { gap: .28rem; }
  .language-switch { padding-left: .45rem; }
  .language-switch a { min-width: 1.9rem; padding-inline: .32rem; }
}

@media (max-width: 900px) {
  .language-switch { margin-left: auto; }
  html[lang='en'] .chapter h2 { font-size: clamp(2.65rem, 10vw, 5.2rem); max-width: 15ch; }
}

@media (max-width: 560px) {
  .language-switch a { min-height: 1.8rem; }
  html[lang='en'] .chapter h2 { font-size: clamp(2.45rem, 12.5vw, 4.3rem); }
  html[lang='en'] .chapter--hero h1 { font-size: clamp(2.75rem, 14vw, 4.6rem); }
}

@media print {
  .language-switch { display: none !important; }
  html[lang='en'] .metrics dd { font-size: .37in; }
}

@media screen and (prefers-reduced-motion: reduce) {
  .rolling-mark__stone,
  .rolling-mark__trace { opacity: 0; }
}