.card1{background:#828282;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);padding:9px;position:relative}.card1 .card-item{height:100%;overflow:auto;position:relative;width:100%}.card1 .card-item .full-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card2{background:linear-gradient(180deg,#464241,#100d0b);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.card2,.card3{height:calc(100% - 2px);inset:1px;position:absolute;width:calc(100% - 2px)}.card3{background:linear-gradient(180deg,#c8bdb9,#2d2620);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.card4{background:linear-gradient(180deg,#464241,#100d0b);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);height:calc(100% - 5px);inset:2.5px;width:calc(100% - 5px)}.card4,.card5{position:absolute}.card5{background:linear-gradient(180deg,#c8bdb9,#2d2620);clip-path:polygon(2.5px 0,calc(100% - 2.5px) 0,100% 2.5px,100% calc(100% - 2.5px),calc(100% - 2.5px) 100%,2.5px 100%,0 calc(100% - 2.5px),0 2.5px);height:calc(100% - 1.6px);inset:.8px;width:calc(100% - 1.6px)}.card6{background:#000;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);height:calc(100% - 2px);inset:1px;width:calc(100% - 2px)}.card6,.card7{position:absolute}.card7{background:#828282;clip-path:polygon(1px 0,calc(100% - 1px) 0,100% 1px,100% calc(100% - 1px),calc(100% - 1px) 100%,1px 100%,0 calc(100% - 1px),0 1px);height:calc(100% - 4px);inset:2px;width:calc(100% - 4px)}.card8{background:linear-gradient(180deg,#222,#000);box-shadow:inset 0 0 16px #000c,inset 0 0 24px #000000e6;height:100%;inset:0;position:absolute;width:100%}