.language-switch {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line);
  background: var(--background);
}
.language-switch button {
  min-width: 39px;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .06em;
}
.language-switch button:hover { color: var(--ink); background: var(--surface); }
.language-switch button.is-active { background: var(--raised); color: var(--cyan); box-shadow: inset 0 -2px var(--cyan); }
.comic-card:before { content: attr(data-chapter); }
.hero h1 { font-size: clamp(60px, 7vw, 106px); }
.nav { gap: 26px; }
.navlinks { gap: 25px; margin-left: auto; }
.foot { flex-wrap: wrap; }
.foot-links { flex-wrap: wrap; }
.homecoming h2 { font-size: clamp(42px, 4.8vw, 70px); }
.closing h2 span[data-i18n="joinLine1"], .closing h2 span[data-i18n="joinLine2"] { color: var(--ink); }
@media (max-width: 1050px) {
  .navlinks { gap: 18px; }
  .navlinks > a:not(.small-cta) { display: none; }
  .hero h1 { font-size: 75px; }
}
@media (max-width: 800px) {
  .nav { gap: 12px; }
  .navlinks { display: none; }
  .language-switch { margin-left: auto; }
  .language-switch button { min-width: 34px; }
  .hero h1 { font-size: clamp(49px, 13.6vw, 67px); }
  .homecoming h2 { font-size: clamp(35px, 10.5vw, 49px); }
  .closing h2 { font-size: clamp(36px, 10.6vw, 48px); }
  .scene-label { letter-spacing: .1em; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 45px; }
  .brand { gap: 8px; }
  .language-switch button { min-width: 31px; }
  .chapter-heading h2 { font-size: 32px; }
  .play h2 { font-size: 38px; }
}