html, body { margin: 0; padding: 0; }
img { border: 0; }
img, .stage { width: 728px; height: 90px; }
div { top: 0; bottom: 0; left: 0; right: 0; }

.cover { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
.cover * { position: absolute; }

.stage { background: #fff; overflow: hidden; }
.frame { border: 4px solid rgba(247, 247, 247, 1); transform: matrix(1.1, 0, 0, 1.8, 0, 0); }

.group { display: none; }
.group_00, .group_01 { display: block; }

.brand { opacity: 0; transform: matrix(1, 0, 0, 1, 0, 10); }
.click { opacity: 0; }

.print, .print * { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }

.shape_00 { opacity: 0; }

.group_01 .image, .group_05 .image { transform: matrix(1.6, 0, 0, 1.6, 0, 0); }
.group_01 .image img, .group_02 .image img, .group_03 .image img, .group_04 .image img { transform: matrix(1.05, 0, 0, 1.05, 0, 0); }

.group_01 .print_01 { transform: matrix(1, 0, 0, 1, 0, 20); }
.group_01 .print_02 { transform: matrix(1, 0, 0, 1, 0, 40); }
.group_01 .print_03 { transform: matrix(1, 0, 0, 1, 0, 60); }

.group_05 .print_01 { transform: matrix(1, 0, 0, 1, 0, 30); }
.group_05 .print_02 { transform: matrix(1, 0, 0, 1, 0, 60); }

.group_02 .print { transform: matrix(1, 0, 0, 1, -10, 0); }
.group_03 .print { transform: matrix(1, 0, 0, 1, 0, 10); }
.group_04 .print { transform: matrix(1, 0, 0, 1, 10, 0); }

.swipe_01 { transform: matrix(1, 0, 0, 1, -850, 0); }
.swipe_01 .slice img, .swipe_02 .slice img { width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.swipe_01 .slice_01 { top: 0; }
.swipe_01 .slice_02 { top: 0; }
.swipe_01 .slice_03 { top: 0; }

.swipe_02 .slice_01 { top: 0; }
.swipe_02 .slice_02 { top: -56px; }
.swipe_02 .slice_03 { top: -38px; }

.group_01 .image, .group_01 .image img { transform-origin: 75% 50%; }
.group_02 .image, .group_02 .image img { transform-origin: 25% 50%; }
.group_03 .image, .group_03 .image img { transform-origin: 75% 50%; }
.group_04 .image, .group_04 .image img { transform-origin: 25% 50%; }
.group_05 .image, .group_05 .image img { transform-origin: 75% 50%; }

.group_02 .image { transform: matrix(1, 0, 0, 1, -30, 0); }
.group_03 .image { transform: matrix(1, 0, 0, 1, 0, 30); }
.group_04 .image { transform: matrix(1, 0, 0, 1, 30, 0); }

.frame { z-index: 9; }
.swipe_02 { z-index: 7; }
.click, .brand { z-index: 6; }
.swipe_01 { z-index: 5; }
.print, .label, .shade { z-index: 4; }
.shape { z-index: 3; }
.image { z-index: 2; }