/* Restore the original continuous writing scene without changing the rest of the page. */
.mountain-page .hero { background: #11110f; }
.mountain-page .hero > .cinema-scene,
.mountain-page .hero > .cinema-shade,
.mountain-page .hero > .cinema-light { display: block; }
.mountain-page .hero > .cinema-scene { inset: 0; height: auto; z-index: -3; }
.mountain-page .hero .cinema-canvas { width: 100%; height: 100%; min-height: 100%; margin: 0; max-width: none; }
.mountain-page .hero > .cinema-shade { background: linear-gradient(90deg,#11110ff5 0%,#11110fe8 29%,#11110f99 47%,#11110f1f 64%,transparent 80%),linear-gradient(0deg,#11110f 0%,#11110f14 19%,transparent 70%,#11110fc9 100%); }
.mountain-page .hero .motion-toggle { position: absolute; top: auto; right: 30px; bottom: 112px; z-index: 4; min-height: 44px; background: #171411ad; }
.mountain-page .hero .hero-foot { background: #11110f6b; border-color: #cdb78a3b; }
@media (max-width: 1100px) and (min-width: 821px) {
  .mountain-page .hero > .cinema-shade { background: linear-gradient(90deg,#11110ff7 0%,#11110fe6 34%,#11110fbb 52%,#11110f33 75%,transparent),linear-gradient(0deg,#11110f,transparent 20%,transparent 75%,#11110fbb); }
}
@media (max-width: 820px) {
  .mountain-page .hero .hero-art-space { height: 340px; }
  .mountain-page .hero > .cinema-scene { inset: auto 0 128px; height: 550px; }
  .mountain-page .hero .cinema-canvas { width: 200%; margin-left: -95%; }
  .mountain-page .hero > .cinema-shade { background: linear-gradient(0deg,#11110f 0%,transparent 15%,transparent 31%,#11110f88 49%,#11110f 68%); }
  .mountain-page .hero > .cinema-light { opacity: .6; }
  .mountain-page .hero .motion-toggle { bottom: 146px; right: 18px; }
}
@media (max-width: 540px) {
  .mountain-page .hero .hero-art-space { height: 310px; }
  .mountain-page .hero > .cinema-scene { height: 440px; }
  .mountain-page .hero .cinema-canvas { width: 250%; margin-left: -145%; }
}
@media (prefers-reduced-motion: reduce) {
  .mountain-page .hero .motion-toggle { display: none; }
}