/* Show each full portrait artwork at page width without horizontal cropping. */
body.has-art-background{position:relative;isolation:isolate;background:#080908}
.page-art{position:absolute;inset:var(--art-start,0px) 0 0;z-index:-1;pointer-events:none;overflow:hidden;background:#080908}
.art-phase{position:absolute;left:0;width:100%;height:auto;aspect-ratio:2/3;overflow:hidden}
.art-phase:first-child{top:0}
.art-phase:last-child{bottom:clamp(240px,35vw,500px)}
.art-panel{position:absolute;inset:0;background-size:100% auto;background-position:center;background-repeat:no-repeat;opacity:.26;filter:contrast(1.12);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}
.art-phase:first-child .art-panel{background-image:url('assets/page-backgrounds/art-first-extended.png')}
.art-phase:last-child .art-panel{background-image:url('assets/page-backgrounds/art-second-extended.png')}
body.has-art-background .noodles-story,body.has-art-background #menu{background:transparent}
body.has-art-background .store-intro-frame{background:rgba(8,9,8,.64)}
body.has-art-background .noodles-story-copy,body.has-art-background .menu-text-grid,body.has-art-background .info,body.has-art-background .franchise-copy{background:rgba(8,9,8,.52);box-shadow:0 0 24px 12px rgba(8,9,8,.52)}
