/* Load after museum-refined-r210.css. The raster geometry is deliberately unchanged. */
body.student-page.museum-refined[data-museum-backdrop] {
  isolation:isolate;
}
body.student-page.museum-refined[data-museum-backdrop='loading'] {
  background-image:var(--museum-backdrop-initial-scene,none),url('/assets/museum/r210/charcoal-fibre.png')!important;
}
body.student-page.museum-refined[data-museum-backdrop='ready'] {
  background-image:none,url('/assets/museum/r210/charcoal-fibre.png')!important;
}
body.student-page.museum-refined #museumEraBackdrop {
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  overflow:hidden;
  contain:strict;
}
body.student-page.museum-refined #museumEraBackdrop>.museum-era-backdrop-layer {
  position:absolute;
  inset:0;
  pointer-events:none;
  /* Each fade includes the existing opaque fibre base, so unequal image heights
     never reveal the outgoing chapter below a shorter incoming raster. */
  background-position:center var(--museum-backdrop-top,0px),center var(--museum-backdrop-top,0px);
  background-repeat:no-repeat,repeat;
  background-size:min(100%,1024px) auto,627px 627px;
  background-blend-mode:normal,luminosity;
  opacity:0;
}
@media(prefers-reduced-motion:reduce) {
  body.student-page.museum-refined #museumEraBackdrop>.museum-era-backdrop-layer {transition:none!important}
}
body.student-page.museum-refined[data-museum-motion='off'] #museumEraBackdrop>.museum-era-backdrop-layer {transition:none!important}
