.archive-video-gallery{background:#f5f5f5;padding:60px 0 80px;overflow:hidden;color:#1d1d1f}
.archive-video-gallery .section-block{margin:0 auto 62px;max-width:1028px}
.archive-video-gallery .section-content{margin:0 auto;width:calc(100% - 48px)}
.archive-video-gallery .typography-headline{font-size:48px;line-height:1.0835;font-weight:600;color:#1d1d1f;margin:0 0 24px}
.archive-video-gallery .sc-gallery__scroll-container{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:24px;scrollbar-width:none;padding:0 24px 10px;touch-action:pan-x pan-y}
.archive-video-gallery .sc-gallery__scroll-container::-webkit-scrollbar{display:none}
.archive-video-gallery .sc-gallery__card-set{display:flex;gap:20px;list-style:none;padding:0;margin:0}
.archive-video-gallery .sc-gallery__item{flex:0 0 300px;scroll-snap-align:start}
.archive-video-gallery .vc-card{display:block;color:#1d1d1f;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 8px #00000010;height:100%}
.archive-video-gallery .vc-card__image-container{position:relative;aspect-ratio:16/9;overflow:hidden;background:#ddd;border-radius:18px 18px 0 0}
.archive-video-gallery .vc-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}
.archive-video-gallery .vc-card:hover .vc-card__image{transform:scale(1.04)}
.archive-video-gallery .vc-card__content{min-height:59px;padding:19px;box-sizing:border-box}
.archive-video-gallery .vc-card__title{color:#1d1d1f;font-size:15px;font-weight:600;line-height:21px;margin:0}
.archive-video-gallery .vc-card__duration{position:absolute;right:10px;bottom:9px;z-index:2;padding:4px 6px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;pointer-events:none}
.archive-video-gallery .bpn-nav-container{display:flex;justify-content:space-between;margin-top:25.5px}
.archive-video-gallery .pn-paddlenav{display:flex;gap:9px}
.archive-video-gallery .pn-paddlenav button{display:flex;align-items:center;justify-content:center;padding:0;width:36px;height:36px;border:0;border-radius:50%;background:#dedede;color:#333;cursor:pointer;transition:background-color .2s,opacity .2s}
.archive-video-gallery .pn-paddlenav button:hover:not(:disabled){background:#ccc}
.archive-video-gallery .pn-paddlenav button:disabled{opacity:.3;cursor:default}
.archive-video-gallery .pn-paddlenav button svg{display:block;width:18px;height:18px;flex:none}
.archive-video-gallery .pn-paddlenav button:focus-visible{outline:2px solid #1d1d1f;outline-offset:2px}
.archive-video-modal[hidden]{display:none!important}
.archive-video-modal{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;box-sizing:border-box;padding:12px;background:rgba(0,0,0,.86);color:#fff;overscroll-behavior:contain;touch-action:manipulation}
.archive-video-panel{--player-ratio:1.7777778;position:relative;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;overflow:hidden;background:#000}
.archive-video-panel video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;background:#000}
.archive-video-controls{position:absolute;z-index:2;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;gap:9px;box-sizing:border-box;padding:0 12px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.72) 42%);color:#fff;opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease;touch-action:manipulation}
.archive-video-controls button{display:grid;place-items:center;flex:none;width:36px;height:40px;padding:0;border:0;border-radius:3px;background:transparent;color:#fff;cursor:pointer}
.archive-video-controls button:hover{background:rgba(255,255,255,.14)}
.archive-video-controls button:focus-visible,.archive-video-controls input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.archive-video-controls button svg{display:block;width:20px;height:20px}
.archive-video-controls [data-current],.archive-video-controls [data-duration]{flex:none;min-width:39px;text-align:center;color:#fff;font:12px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.archive-video-controls [data-seek]{flex:1;min-width:24px;margin:0;accent-color:#fff;cursor:pointer;touch-action:pan-x}
.archive-volume-group{display:flex;align-items:center;gap:7px;flex:none}
.archive-video-controls [data-volume]{display:none;width:82px;margin:0;accent-color:#fff;cursor:pointer;touch-action:pan-x}
.archive-volume-group.is-open [data-volume]{display:block}
.archive-video-modal.controls-hidden .archive-video-controls{opacity:0;visibility:hidden;pointer-events:none}
.archive-video-modal:fullscreen{padding:0;background:#000}
.archive-video-modal:fullscreen .archive-video-panel{max-width:none;max-height:none}
.archive-video-modal:fullscreen .archive-video-controls{height:48px;padding-inline:16px}
@media(max-width:600px){.archive-video-modal{padding:12px}.archive-video-controls{height:44px;gap:3px;padding:0 5px}.archive-video-controls button{width:32px;height:40px}.archive-video-controls button svg{width:18px;height:18px}.archive-video-controls [data-current],.archive-video-controls [data-duration]{min-width:34px;font-size:11px}.archive-video-controls [data-volume]{width:64px}}
@media(max-width:736px){.archive-video-gallery{padding-top:36px}.archive-video-gallery .section-block{margin-bottom:42px}.archive-video-gallery .typography-headline{font-size:17px;line-height:25px;font-weight:600}.archive-video-gallery .sc-gallery__item{flex-basis:min(312.5px,83.3vw)}}
@media (min-width:737px) and (max-width:1219px){body:has(.archive-video-gallery) .wrapper{min-width:0}body:has(.archive-video-gallery) .wrapper .container{width:100%;max-width:100%}body:has(.archive-video-gallery) nav-bar .nav-container{width:100%;max-width:100%}}
@media (max-width:736px){body:has(.archive-video-gallery) .wrapper{width:100%;min-width:0}body:has(.archive-video-gallery) .wrapper .container{width:100%;max-width:100%}}
@media(max-width:736px){body:has(.archive-video-gallery) nav-bar,body:has(.archive-video-gallery) nav-bar .nav-container{width:100%;max-width:100%}}