.label-showcase{max-width:1800px;margin:auto;padding:48px 4.4% 54px;background:#191D20;color:#E8EDF1;font-family:'Golos Text',Arial,sans-serif;scroll-margin-top:20px}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.showcase-heading h2{font-size:clamp(27px,2.3vw,35px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0 0 10px}.showcase-heading p{font-size:14px;color:#ADB7C0;line-height:1.5;margin:0}.showcase-heading small{display:block;font-size:10px;color:#83909A;margin-top:9px}.showcase-navigation{display:flex;align-items:center;gap:8px;flex-shrink:0}.showcase-count{font-size:11px;letter-spacing:.05em;color:#A3ADB5;margin-right:10px}.showcase-navigation button{width:35px;height:35px;border:1px solid #B49A6355;border-radius:50%;background:transparent;color:#D5BF93;font-size:20px}.showcase-navigation button:hover{background:#B49A6320;border-color:#B49A63}.showcase-navigation button:disabled{opacity:.25;cursor:default}.showcase-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 12px;scrollbar-width:thin;scrollbar-color:#8D785233 transparent}.showcase-card{flex:0 0 calc((100% - 64px)/5);min-width:205px;scroll-snap-align:start}.showcase-play{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;overflow:hidden;background:#222426;border:1px solid #B49A6344;border-radius:14px;text-align:left;color:#F0F3F5}.showcase-play>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}.showcase-play:hover>img{transform:scale(1.025);filter:brightness(1.07)}.showcase-play::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0C131AB3);pointer-events:none}.showcase-play-mark{position:absolute;bottom:18px;left:18px;z-index:1;width:38px;height:38px;border:1px solid #D0B47CAA;border-radius:50%;display:grid;place-items:center;background:#11192088;color:#E2C993;backdrop-filter:blur(5px)}.showcase-play-mark svg{width:12px;height:14px;margin-left:2px;fill:currentColor}.showcase-watch{position:absolute;bottom:29px;left:66px;font-size:10px;font-weight:500;z-index:1;color:#DEE4E9}.showcase-time{position:absolute;top:12px;right:12px;font-size:9px;letter-spacing:.04em;padding:5px 7px;border-radius:4px;background:#10171DC0;color:#BDC7D0}.showcase-card h3{font-size:15px;font-weight:550;letter-spacing:-.015em;line-height:1.3;margin:13px 0 5px}.showcase-card>p{font-size:10px;line-height:1.5;color:#929FA9;margin:0}.showcase-play:focus-visible{outline:2px solid #D0B47C;outline-offset:3px}
#showcase-player{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #B49A6355;border-radius:14px;background:#171D22;color:#E8EDF1;overflow:auto}#showcase-player::backdrop{background:#080D12DE;backdrop-filter:blur(8px)}.showcase-player-close{position:absolute;z-index:2;right:10px;top:10px;width:32px;height:32px;background:#10171DE6;border:1px solid #D0B47C66;border-radius:50%;color:#D0B47C;font-size:22px;line-height:1}.showcase-player-video{display:block;width:100%;max-height:calc(100dvh - 130px);aspect-ratio:9/16;object-fit:contain;background:#080D12}.showcase-player-footer{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.showcase-player-footer h3{font:550 15px/1.3 'Golos Text',Arial,sans-serif;margin:0 0 4px}.showcase-player-footer p{font:400 10px/1.4 'Golos Text',Arial,sans-serif;color:#99A7B2;margin:0}.showcase-player-footer .showcase-navigation{gap:6px}.showcase-player-footer .showcase-count{margin-right:4px;white-space:nowrap}
@media(max-width:1023px){.showcase-card{flex-basis:calc((100% - 32px)/3);min-width:190px}}@media(max-width:767px){.label-showcase{padding:35px 24px 40px}.showcase-heading{align-items:flex-start;gap:12px}.showcase-heading h2{font-size:27px}.showcase-heading p{font-size:13px;max-width:240px}.showcase-heading .showcase-count{display:none}.showcase-heading .showcase-navigation{gap:5px}.showcase-navigation button{width:30px;height:30px}.showcase-track{gap:12px;margin-right:-24px;padding-right:24px}.showcase-card{flex-basis:68%;min-width:0}.showcase-card h3{font-size:15px}.showcase-watch{font-size:10px}.showcase-player-footer{padding:14px}.showcase-player-footer h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.showcase-play>img{transition:none}.showcase-track{scroll-behavior:auto}}
.showcase-heading .showcase-navigation[data-overflow=false] button{display:none}
/* Thin arrows and centered page progress, matching the supplied reference. */
.showcase-carousel-nav{display:flex;justify-content:center;align-items:center;gap:32px;margin:23px auto 0;max-width:330px}.showcase-carousel-nav button{display:grid;place-items:center;width:34px;height:42px;padding:6px;border:0;border-radius:0;background:transparent;color:#D9E1E6;transition:color .2s,opacity .2s}.showcase-carousel-nav button svg{width:16px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.showcase-carousel-nav button:hover{color:#F1D8A2}.showcase-carousel-nav button:disabled{opacity:.3;cursor:default}.showcase-carousel-nav button:focus-visible{outline:1px solid #D0B47C;outline-offset:3px}.showcase-progress{width:170px;text-align:center}.showcase-page{display:block;color:#AEB7BE;font:400 12px/1.3 'Golos Text',Arial,sans-serif;margin-bottom:10px}.showcase-page b{font-weight:500;color:#D5BD88}.showcase-progress-track{height:4px;border-radius:5px;background:#A8B0B349;overflow:hidden}.showcase-progress-track>span{display:block;width:33.333%;height:100%;background:#D8BF86;border-radius:5px;transition:width .3s}.showcase-carousel-nav[data-overflow=false]{display:none}.showcase-track{scrollbar-width:none}.showcase-track::-webkit-scrollbar{display:none}.showcase-heading>.showcase-count{margin-right:0;margin-bottom:3px}
@media(max-width:767px){.showcase-carousel-nav{gap:25px;margin-top:18px}.showcase-progress{width:145px}.showcase-heading>.showcase-count{display:none}}
@media(prefers-reduced-motion:reduce){.showcase-progress-track>span{transition:none}}
.showcase-header-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.showcase-header-controls .showcase-count{margin-right:8px}.showcase-header-controls button{display:grid;place-items:center;width:30px;height:38px;padding:5px;background:transparent;border:0;border-radius:0;color:#D9E1E6;transition:color .2s,opacity .2s}.showcase-header-controls button svg{width:14px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.showcase-header-controls button:hover{color:#F1D8A2}.showcase-header-controls button:disabled{opacity:.3;cursor:default}.showcase-header-controls button:focus-visible{outline:1px solid #D0B47C;outline-offset:3px}.showcase-header-controls[data-overflow=false] button{display:none}.showcase-carousel-nav{max-width:170px}.showcase-heading .showcase-header-controls .showcase-count{margin-bottom:0}
@media(max-width:767px){.showcase-header-controls{gap:5px}.showcase-header-controls .showcase-count{display:none}.showcase-header-controls button{width:25px;height:34px}.showcase-header-controls button svg{width:12px;height:22px}.showcase-carousel-nav{max-width:145px}}
/* Keep arrows, page number and progress together above the carousel. */
.showcase-header-controls{gap:18px}.showcase-header-controls .showcase-carousel-nav{margin:0;gap:15px;width:230px;max-width:none;flex-shrink:0}.showcase-header-controls .showcase-progress{width:140px;flex-shrink:0}.showcase-header-controls .showcase-count{margin:0}.showcase-header-controls .showcase-page{margin-bottom:9px}
@media(max-width:767px){.showcase-heading{display:block}.showcase-header-controls{justify-content:flex-end;margin-top:18px}.showcase-header-controls .showcase-carousel-nav{width:200px;gap:15px}.showcase-header-controls .showcase-progress{width:120px}}
.showcase-card h3{text-align:center}
