/* R15.27.78: single, non-tiling supplied topographic image. */
html { background-color:#04111b; }
body {
 background-color:#04111b;
 background-image:url('/gld-topographic-background.webp') !important;
 background-position:center center !important;
 background-repeat:no-repeat !important;
 background-size:cover !important;
 background-attachment:fixed !important;
}
/* Mobile: a dedicated viewport layer avoids iOS Safari's fixed-background
   and full-document-height sizing behavior. Artwork is scaled to viewport width,
   never stretched to the document height. */
@media (max-width:800px) {
 html { background:#04111b !important; background-image:none !important; }
 html::before {
  content:"";
  position:fixed;
  inset:0;
  height:100vh;
  height:100dvh;
  width:100%;
  pointer-events:none;
  z-index:0;
  background-color:#04111b;
  background-image:url('/gld-topographic-mobile.webp');
  background-position:center top;
  background-size:100% auto;
  background-repeat:no-repeat;
 }
 body {
  position:relative;
  z-index:1;
  background-color:transparent !important;
  background-image:none !important;
 }
 body::before { background-image:none !important; }
}
