/* Default artwork for Home and future Moonbel pages; About keeps its existing treatment. */
body::before{background-image:url('teryon_box_background.jpg');background-position:30% center}
body::after{background:linear-gradient(90deg,rgba(12,24,30,.12) 0%,rgba(18,34,43,.32) 28%,rgba(18,34,43,.94) 47%,#172632 80%)}
/* Page artwork continues behind the shared header; the bottom menu stays solid. */
body::before,body:has(.studio-about[open])::before,body:has(.studio-contact[open])::before{content:"";position:fixed;inset:0;opacity:1;filter:none;animation:none;will-change:auto;background-size:cover;background-repeat:no-repeat}
body:has(.studio-about[open])::before{background-image:url('teryon_box_background.jpg');background-position:30% center}
body:has(.studio-contact[open])::before{background-image:url('teryon_box_background.jpg');background-position:30% center}
body::after,body:has(.studio-about[open])::after,body:has(.studio-contact[open])::after{content:"";position:fixed;inset:0;opacity:1;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body:has(.studio-about[open])::after{background:linear-gradient(90deg,rgba(12,24,30,.12) 0%,rgba(18,34,43,.32) 28%,rgba(18,34,43,.94) 47%,#172632 80%)}
body:has(.studio-contact[open])::after{background:linear-gradient(90deg,rgba(12,24,30,.12) 0%,rgba(18,34,43,.32) 28%,rgba(18,34,43,.94) 47%,#172632 80%)}
.studio-about,.studio-contact{background:transparent}
.studio-about::before,.studio-about::after,.studio-contact::before,.studio-contact::after{content:none}
.studio-about::backdrop,.studio-contact::backdrop{background:transparent}
@media(max-width:820px),(max-height:500px){
 /* Modal pages occupy the browser's top layer and need their own artwork. */
 .studio-about:not(.is-inline){background-color:#172632;background-image:linear-gradient(180deg,rgba(18,34,43,.77),rgba(18,34,43,.95) 38%,rgba(18,34,43,.97)),url('teryon_box_background.jpg');background-position:32% center;background-size:cover;background-repeat:no-repeat}
 body::after{background:linear-gradient(180deg,rgba(18,34,43,.77),rgba(18,34,43,.95) 38%,rgba(18,34,43,.97))}
 body:has(.studio-about[open])::after{background:linear-gradient(180deg,rgba(18,34,43,.77),rgba(18,34,43,.95) 38%,rgba(18,34,43,.97))}
 body:has(.studio-contact[open])::after{background:linear-gradient(180deg,rgba(18,34,43,.77),rgba(18,34,43,.95) 38%,rgba(18,34,43,.97))}
}