/* Original-art composition layer: square source pixels remain untouched. */
.archive-chip{height:40px;display:flex;align-items:center;padding:0 14px;background:var(--cream);border:2px solid var(--ink);font:700 10px var(--mono);box-shadow:4px 4px 0 var(--ink)}
.hero-art{inset:145px 0 0;perspective:1000px}
.hero-frame{position:absolute;margin:0;width:min(31vw,470px);aspect-ratio:1;border:0;background:transparent;box-shadow:none;overflow:visible;transform-origin:center}
.hero-frame img{width:100%;height:100%;object-fit:contain}
.hero-frame-a{left:3%;bottom:5%;transform:rotate(-8deg)}
.hero-frame-b{left:50%;bottom:7%;z-index:3;transform:translateX(-50%) rotate(1.5deg);width:min(34vw,520px)}
.hero-frame-c{right:3%;bottom:4%;transform:rotate(8deg)}
.mixer-stage{background:var(--ink);padding:24px}
.mixer-stage:after{display:none}
.mixer-stage img{inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:contain;object-position:center;border:3px solid var(--cream)}
.stage-lines{display:none}.stage-code{top:38px;left:38px}.stage-name{right:38px;bottom:38px;color:var(--cream);-webkit-text-stroke:5px var(--ink)}
.swatch{background:var(--ink)}.swatch img{object-fit:cover}
.rack-card{background:var(--ink)}.rack-card:nth-child(3n+2),.rack-card:nth-child(3n){background:var(--ink)}
.rack-card img{object-fit:cover}.rack-card footer{background:var(--lime)}
.dialog-art-wrap{background:var(--ink);padding:18px}.dialog-art-wrap img{border:3px solid var(--cream);object-fit:contain}
body>footer{grid-template-columns:1fr 1fr 1fr auto}
@media(max-width:980px){.hero-frame{width:43vw}.hero-frame-a{left:-5%}.hero-frame-b{width:48vw}.hero-frame-c{right:-5%}}
@media(max-width:640px){.archive-chip{display:none}.hero-art{inset:170px 0 0}.hero-frame{width:61vw;box-shadow:7px 7px 0 var(--ink);border-width:3px}.hero-frame-a{left:-29%;bottom:12%;transform:rotate(-8deg)}.hero-frame-b{width:70vw;bottom:14%;transform:translateX(-50%) rotate(1.5deg)}.hero-frame-c{right:-29%;bottom:12%;transform:rotate(8deg)}.mixer-stage{padding:12px}.mixer-stage img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.stage-code{top:23px;left:23px}.stage-name{right:23px;bottom:23px}body>footer{grid-template-columns:1fr}}