body { background:#101d19; }
.museum-loader {
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  background:#101d19;
  color:#efe4c7;
  transition:opacity .35s ease, visibility .35s ease;
}
.museum-loader.is-ready { opacity:0; visibility:hidden; pointer-events:none; }
.museum-loader-inner { width:min(330px, calc(100vw - 56px)); text-align:center; }
.museum-loader-inner::before, .museum-loader-inner::after { content:''; display:block; height:5px; margin-inline:auto; background:#b99a56; border:1px solid #e5d29e; box-shadow:0 0 0 2px #594621; }
.museum-loader-inner::before { margin-bottom:24px; }
.museum-loader-inner::after { margin-top:24px; }
.museum-loader h1 { font:400 42px/1.02 var(--serif, Georgia, serif); margin:12px 0 26px; }
.museum-loader h1 em { color:#dfc17e; }
.museum-loader-track { height:8px; padding:1px; border:1px solid #b99a56; background:#071510; box-shadow:inset 0 0 0 1px #604b28; }
.museum-loader-track span { display:block; width:0; height:100%; background:#dfc17e; transition:width .25s ease; }
.museum-loader-status { margin-top:12px; color:#cbbd9d; font-size:9px; }
@media(prefers-reduced-motion:reduce) { .museum-loader { transition:none; } .museum-loader-track span { transition:none; } }