/* An explicit decorative image keeps scenery above the page canvas in browsers. */
body{position:relative;isolation:isolate}
.site-scenery{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:var(--bg)}
.site-scenery img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.site-scenery::after{content:"";position:absolute;inset:0;background:var(--scene-overlay)}
.site-header,main,.site-footer{position:relative;z-index:1}
@media(max-width:1023px){.site-scenery img{object-position:78% center}}