/* Original photo bytes are preserved. Portraits are CSS crops only. */
.original-band-photos{position:absolute;inset:0;z-index:4;pointer-events:none}
.original-group{position:absolute;left:49.55%;top:24.72%;width:42.35%;height:35.7%;background:#050505 url('assets/band-dark.png') center/contain no-repeat}
.original-portrait{position:absolute;top:70.68%;width:7.7%;height:9.25%;background-image:url('assets/band-dark.png');background-size:512% auto;background-repeat:no-repeat}
.original-portrait-0{left:19.6%}.original-portrait-1{left:33.13%}.original-portrait-2{left:46.35%}.original-portrait-3{left:60.0%}.original-portrait-4{left:73.15%}
.original-portrait-0,.bandpage .member-photo.member-0{background-position:6.371359% 9.332024%}
.original-portrait-1,.bandpage .member-photo.member-1{background-position:30.946602% 4.420432%}
.original-portrait-2,.bandpage .member-photo.member-2{background-position:51.274272% 6.385069%}
.original-portrait-3,.bandpage .member-photo.member-3{background-position:75.242718% 2.455796%}
.original-portrait-4,.bandpage .member-photo.member-4{background-position:96.480583% 9.823183%}
@media (max-width:1100px), (hover:none) and (pointer:coarse){
 .original-band-photos{display:none}
 .bandpage .mobile-group-photo{aspect-ratio:2048/1338;background-image:url('assets/band-dark.png');background-size:contain;background-position:center;border:2px solid #b58b52}
 .bandpage .member-photo{background-image:url('assets/band-dark.png');background-size:512% auto;aspect-ratio:5/4;border:2px solid #b58b52}
}

/* Readable text is independent of the background artwork. */
.desktop-band-copy{position:absolute;z-index:6;left:9.3%;top:30%;width:36%;color:#e8ded0;font-family:'Arial Narrow',Arial,sans-serif}
.desktop-band-copy h1{font-size:5.4vw;line-height:1;margin:0 0 .5vw;font-weight:900;letter-spacing:.02em}
.desktop-band-copy h2{font-size:1.9vw;line-height:1.2;margin:0 0 1vw;letter-spacing:.04em}
.desktop-band-copy p{font-size:1.05vw;line-height:1.5;margin:.5vw 0}
.desktop-member-labels{position:absolute;inset:0;z-index:6;pointer-events:none;color:#e8ded0;font-family:'Arial Narrow',Arial,sans-serif}
.desktop-member-label{position:absolute;top:81.5%;width:12%;text-align:center;font-size:.9vw;line-height:1.4}
.desktop-member-label strong,.desktop-member-label span{display:block}
.desktop-member-label span{font-size:.8vw;text-transform:uppercase}
.label-0{left:17.45%}.label-1{left:30.98%}.label-2{left:44.2%}.label-3{left:57.85%}.label-4{left:71%}
.original-group{background-size:cover;background-position:center 30%;border:3px solid #c3a06b;box-shadow:0 0 0 1px #493824}
.original-portrait{border:2px solid #c3a06b;box-shadow:0 0 0 1px #493824}
@media (max-width:1100px), (hover:none) and (pointer:coarse){
 .desktop-band-copy,.desktop-member-labels{display:none}
}