.showcase-gallery{width:min(1160px,calc(100% - 40px));margin:10px auto 70px;padding:30px;background:linear-gradient(145deg,#172c3d,#0e1c28);border:1px solid #355269;border-radius:28px;box-shadow:0 30px 80px #0004}.showcase-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.showcase-head span{color:#78bde9;font-size:.73rem}.showcase-head h2{margin:4px 0 0;font-size:1.7rem}.showcase-controls{display:flex;align-items:center;gap:13px}.showcase-controls>button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #47657b;border-radius:50%;background:#142636;color:#fff;cursor:pointer;transition:.25s}.showcase-controls>button:hover{background:#327dc1;border-color:#327dc1;transform:scale(1.06)}.showcase-count{display:flex;align-items:center;gap:7px;font:600 .68rem Arial}.showcase-count i{display:block;width:30px;height:1px;background:#587185}.showcase-count span{color:#7f919f}.showcase-stage{position:relative;height:540px;overflow:hidden;border-radius:20px;background:#09141d}.showcase-slide{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#09141d;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .65s ease,transform .85s ease,visibility .65s;cursor:zoom-in}.showcase-slide.active{opacity:1;visibility:visible;transform:scale(1)}.showcase-slide img{width:100%;height:100%;object-fit:contain}.showcase-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07121bd9,transparent 38%);pointer-events:none}.showcase-slide>span{position:absolute;z-index:2;right:24px;bottom:25px;color:#fff;font-size:.9rem}.showcase-slide>span small{display:block;color:#78bde9;font:600 .62rem Arial}.showcase-open{position:absolute;z-index:4;left:20px;top:20px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #ffffff29;border-radius:999px;background:#07131db8;color:#d9e5ed;font-size:.62rem;pointer-events:none;backdrop-filter:blur(8px)}.showcase-progress{position:absolute;z-index:4;right:0;left:0;bottom:0;height:3px;background:#ffffff12}.showcase-progress i{display:block;width:100%;height:100%;background:#65b2e8;transform-origin:right;animation:showcaseTimer 5s linear}.showcase-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.showcase-thumbs button{height:74px;overflow:hidden;padding:0;border:1px solid #36536a;border-radius:10px;background:#09141d;opacity:.52;cursor:pointer;transition:.25s}.showcase-thumbs button.active{opacity:1;border-color:#70b9e9;box-shadow:0 0 0 2px #70b9e920}.showcase-thumbs img{width:100%;height:100%;object-fit:contain}.showcase-thumbs button:hover{opacity:.9}@keyframes showcaseTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:760px){.showcase-gallery{width:calc(100% - 24px);padding:16px;margin-bottom:45px}.showcase-head{align-items:center}.showcase-head h2{font-size:1.35rem}.showcase-count{display:none}.showcase-controls>button{width:36px;height:36px}.showcase-stage{height:350px;border-radius:15px}.showcase-slide>span{right:15px;bottom:18px;font-size:.76rem}.showcase-open span{display:none}.showcase-thumbs{gap:5px}.showcase-thumbs button{height:50px;border-radius:7px}}@media(max-width:420px){.showcase-stage{height:300px}.showcase-head>div>span{font-size:.64rem}.showcase-thumbs{grid-template-columns:repeat(3,1fr)}.showcase-thumbs button{height:58px}}