.motion-card { background: #071327; }
.media-cover { position: relative; z-index: 2; margin: 26px 0 0; width: 100%; display: block; border: 1px solid #9ecbff33; border-radius: 10px; overflow: hidden; }
.media-cover img, .media-cover video { display: block; width: 100%; height: auto; }
.motion-card .work-bottom, .music-card .work-bottom { padding-top: 28px; }
.film-strip { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; position: relative; z-index: 3; margin-top: 8px; }
.film-strip a { display: block; border: 1px solid #a8d9ff33; border-radius: 4px; overflow: hidden; }
.film-strip img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .2s; }
.film-strip a:hover img { transform: scale(1.08); }
.film-strip a:focus-visible { outline: 3px solid #74c8ff; outline-offset: 3px; }
.photo-board { height: 1340px; }
.photo-board-title { top: 32%; left: 36%; }
.photo-one { width: 270px; height: 368px; top: 1%; left: 3%; }
.photo-one img { height: 314px; }
.photo-two { width: 220px; height: 304px; top: 8%; right: 35%; left: auto; --rotation: 7deg; }
.photo-two img { height: 250px; }
.photo-three { width: 390px; height: 264px; top: 43%; left: 2%; bottom: auto; --rotation: -7deg; }
.photo-three img { height: 210px; }
.photo-four { width: 305px; height: 362px; top: 2%; right: 2%; bottom: auto; --rotation: 10deg; }
.photo-four img { height: 308px; }
.photo-five { width: 440px; height: 282px; bottom: 6%; left: 10%; --rotation: 6deg; }
.photo-five img { height: 228px; object-fit: contain; background: #b9c3cd; }
.photo-six { width: 310px; height: 266px; bottom: 23%; right: 3%; --rotation: -8deg; }
.photo-six img { height: 212px; object-fit: contain; background: #111; }
.photo-stamp { top: 49%; right: 8%; }
.photo-aside { bottom: 8%; left: auto; right: 11%; }
@media(max-width:850px){
 .photo-one{width:220px;height:300px}.photo-one img{height:246px}
 .photo-two{width:180px;height:250px;right:33%;top:17%}.photo-two img{height:196px}
 .photo-four{width:220px;height:290px}.photo-four img{height:236px}
 .photo-three{width:300px;height:222px;top:45%}.photo-three img{height:168px}
 .photo-five{width:350px;height:236px;left:4%}.photo-five img{height:182px}
 .photo-six{width:260px;height:230px;bottom:23%}.photo-six img{height:176px}
 .photo-board-title{top:35%;left:27%}.photo-stamp{right:2%}
}
@media(max-width:560px){
 .photo-board{height:1180px}
 .photo-board-title{left:10%;top:29%;font-size:5.6rem}
 .photo-one{width:46%;height:238px;top:0;left:4%}.photo-one img{height:194px}
 .photo-two{width:44%;height:220px;right:4%;top:13%}.photo-two img{height:176px}
 .photo-three{width:51%;height:178px;top:50%;left:auto;right:3%}.photo-three img{height:134px}
 .photo-four{width:46%;height:232px;top:41%;right:auto;left:3%}.photo-four img{height:188px}
 .photo-five{width:84%;height:208px;bottom:15%;left:6%}.photo-five img{height:164px}
 .photo-six{width:49%;height:188px;bottom:0;right:4%}.photo-six img{height:144px}
 .photo-stamp{top:39%;right:2%;font-size:1rem}.photo-aside{bottom:3%;left:3%;right:auto}
}