#extra-artworks{position:fixed;inset:0;z-index:3;pointer-events:none}
#extra-artworks .extra-artwork{position:absolute;width:clamp(135px,13.5vw,260px);max-width:none;line-height:0;animation:artwork-arrive 1s ease .25s both}
#extra-artworks .frame{display:block;width:100%;border-radius:2.125rem;box-shadow:0.272rem 1.092rem 1.5rem 0.5rem #C6192D;overflow:hidden}
#extra-artworks .frame img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1/1;object-fit:cover}
#extra-artworks .artwork-upper-left{left:12.5vw;top:6.5vh}
#extra-artworks .artwork-upper-right{right:9vw;top:35vh;animation-delay:.4s}
#extra-artworks .artwork-lower-left{left:2.7vw;bottom:4.5vh;animation-delay:.55s}
@keyframes artwork-arrive{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){
 #extra-artworks{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(87vw,36rem);margin:2rem auto 1rem}
 #extra-artworks .extra-artwork{position:relative;inset:auto;width:100%}
 #extra-artworks .frame{border-radius:clamp(1rem,3vw,2.125rem);box-shadow:.2rem .7rem 1.1rem .2rem #C6192D}
}
@media(prefers-reduced-motion:reduce){#extra-artworks .extra-artwork{animation:none}}
#extra-artworks .artwork-upper-right .frame{box-shadow:none;overflow:visible;filter:drop-shadow(.272rem 1.092rem 1.5rem #C6192D) drop-shadow(0 0 .5rem #C6192D)}