/* Artwork is still an ordinary image below the typography when motion is off. */
.gallery-paint {
  position: fixed;
  inset: 0;
  z-index: -1;
  display: none;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#rundgang { position: relative; isolation: isolate; }
html:has(.menu-dialog[open]) { overflow-y: hidden; scrollbar-gutter: stable; }
.ren-painted .gallery-paint { display: block; }
.ren-painted #rundgang,
.ren-painted .gallery-cover,
.ren-painted .chapter,
.ren-painted .chapter-art,
.ren-painted .chapter-paper { background: transparent; }
.ren-painted .cover-backdrop, .ren-painted .chapter-art img { opacity: 0; }
.ren-painted .chapter-art { isolation: isolate; }
.ren-painted .chapter-art::after { opacity: 0; }
.ren-painted .chapter-paper::before { opacity: 0; }
.ren-painted .chapter-paper { isolation: isolate; }
.ren-painted .chapter-caption { opacity: var(--caption-opacity, 1); }
.ren-painted .gallery-cover, .ren-painted .chapter-art { min-height: 100svh; }
.ren-enhanced .chapter-art {
  height: 285svh;
  min-height: 285svh;
  overflow: clip;
}
.ren-enhanced .gallery-cover { height: 181svh; }
.ren-enhanced .cover-index { position: fixed; }
.ren-enhanced .chapter-caption {
  position: sticky;
  inset: 0 auto auto 0;
  height: 100svh;
  align-self: start;
}
.ren-enhanced .chapter-caption h2 {
  top: 57%;
  opacity: var(--chapter-title, 0);
  translate: 0 calc(-50% + (1 - var(--chapter-title, 0)) * .12em);
}
.ren-enhanced .chapter-caption .chapter-lede {
  top: 37%;
  line-height: 1.12;
  text-shadow: 0 1px 6px #18190fcc, 0 2px 20px #18190f80;
  opacity: var(--chapter-lede, 0);
  translate: 0 calc((1 - var(--chapter-lede, 0)) * .35em);
}
.ren-gallery .side-index { visibility: hidden; opacity: 0; }
.ren-contents-away .side-index { visibility: visible; opacity: 1; }
.ren-contents-away .cover-index { visibility: hidden; }
.ren-gallery .construction { transition: opacity 460ms ease; }
.ren-contents-away .construction { opacity: 0; }
.ren-index-traveller {
  position: fixed !important;
  z-index: 30 !important;
  pointer-events: none !important;
  user-select: none;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transform-origin: 0 0;
  white-space: nowrap;
  border: 0 !important;
  color: #f7f7ee;
  line-height: 1;
}
.ren-intro .construction :is(line, circle, polyline, path, rect, ellipse) {
  animation: construct-ink 2.4s cubic-bezier(.26,.12,.17,1) both;
  animation-delay: var(--guide-delay, 0ms);
  stroke-dasharray: 1;
}
.ren-intro .cover-index a:not(.cover-title),
.ren-intro .cover-index .cover-subtitle,
.ren-intro .cover-index .cover-description {
  animation: leaf-appear 680ms cubic-bezier(.16,1,.3,1) both;
  animation-delay: calc(.22s + var(--line-delay, 0ms));
}
.ren-intro .cover-title { animation: leaf-appear 1.1s cubic-bezier(.16,1,.3,1) both; }
@keyframes construct-ink { from { stroke-dashoffset: 1; opacity: .02; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes leaf-appear { from { opacity: 0; translate: 0 .32em; } to { opacity: 1; translate: 0 0; } }
@media(max-width: 760px) {
  .ren-gallery .side-index { display: none; }
  .ren-gallery .cover-index { transition: opacity 320ms ease, visibility 320ms ease; }
  .ren-contents-away .cover-index { opacity: 0; pointer-events: none; }
  #handschrift .chapter-art>img { object-position: 73% center; }
  #arbeitsblaetter .chapter-art>img { object-position: 48% center; }
  #mediathek .chapter-art>img { object-position: 77% center; }
  #rechnen .chapter-art>img { object-position: 62% center; }
  #assistent .chapter-art>img { object-position: 57% center; }
  #schreibprobe .chapter-art>img { object-position: 84% center; }
}
@media(prefers-reduced-motion: reduce) {
  .gallery-paint, .ren-index-traveller { display: none !important; }
  .ren-intro * { animation: none !important; }
}