/* Sitewide layered background system */
html, body { height: 100%; }
body { min-height: 100vh; position: relative; }
#app-layers, #site-content { position: relative; }
#app-layers { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
#app-layers .layer { position: absolute; inset: 0; display: grid; place-items: center; }
#app-layers .layer img { width: 100%; height: 100%; object-fit: cover; }
#app-layers .layer-background { z-index: 0; }
#app-layers .layer-seasonal   { z-index: 1; }
#app-layers .layer-showcase   { z-index: 2; }
#site-content { position: relative; z-index: 3; min-height: 100vh; }
#app-layers .layer-seasonal img { opacity: 0.5; }
#app-layers .layer-showcase img { opacity: 0.5; }