/* The long document drives a single pinned spatial stage, without scroll locking. */
.chapter  {
  height:calc(var(--vh) * var(--beats) * 1.05);
}
.chapter-home  {
  height:calc(var(--vh) * 1.7);
}
.chapter-contact  {
  height:calc(var(--vh) * 1.4);
}
.chapter-stage  {
  position:fixed;
  inset:0;
  height:var(--vh);
  visibility:hidden;
}
.active-chapter .chapter-stage  {
  visibility:visible;
}
.chapter-stage .scene-copy  {
  visibility:hidden;
}
.chapter-stage .scene-copy.active  {
  visibility:visible;
}
.index-open .journey-hud,.index-open .scene-rail,.index-open .world-annotation  {
  visibility:hidden;
}
.reading-mode .chapter-stage  {
  position:relative;
  inset:auto;
  visibility:visible;
  height:auto;
}
.reading-mode .chapter-stage .scene-copy  {
  visibility:visible;
}
.reading-mode main,.reading-mode .scene-copy,.reading-mode .copy-inner  {
  pointer-events:auto;
}
.reading-mode #world  {
  pointer-events:none;
}
.scene-copy.side-right  {
  justify-content:end;
}
.scene-copy.side-bottom  {
  align-items:end;
  justify-content:center;
  padding-bottom:130px;
}
.side-bottom .copy-inner  {
  width:100%;
  max-width:1000px;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:0 70px;
  align-items:end;
}
.side-bottom .eyebrow  {
  grid-column:1/-1;
}
.side-bottom h2  {
  margin-bottom:0;
}
.side-bottom .body-copy  {
  font-size:13px;
  max-width:400px;
  padding-bottom:7px;
}
[dir=rtl] .scene-copy.side-right  {
  justify-content:end;
}
.reading-mode .side-bottom .copy-inner  {
  display:block;
  max-width:850px;
}
.reading-mode .side-bottom h2  {
  margin-bottom:25px;
}
.reading-mode .side-bottom .body-copy  {
  max-width:750px;
  font-size:15px;
}
@media(max-width:700px) {
  .scene-copy.side-right,.scene-copy.side-bottom,[dir=rtl] .scene-copy.side-right  {
    justify-content:start;
  }
  .scene-copy.side-bottom  {
    padding-bottom:105px;
  }
  .side-bottom .copy-inner  {
    display:block;
  }
  .side-bottom h2  {
    margin-bottom:18px;
  }
  .side-bottom .body-copy  {
    font-size:11px;
  }
  .hero .hero-subtitle  {
    justify-self:start;
  }
}
