.section-video-gallery{--voltage-bg: #0b0c0e;--voltage-yellow: #f4c300;--voltage-text: #edeef0}.video-gallery{background:var(--voltage-bg);padding:72px clamp(20px,5vw,64px)}.video-gallery__inner{max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.video-gallery__header{margin-bottom:28px}.video-gallery__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--voltage-yellow);margin:0 0 12px}.video-gallery__dot{width:6px;height:6px;border-radius:50%;background:var(--voltage-yellow)}.video-gallery__heading{font-family:Oswald,Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1;color:var(--voltage-text);margin:0}.video-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.video-gallery__tile{position:relative;aspect-ratio:4 / 5;border-radius:6px;overflow:hidden;background:#17191c}.video-gallery__thumb{width:100%;height:100%;background-size:cover;background-position:center}.video-gallery__thumb--empty{background:linear-gradient(135deg,#232629,#0f1113)}.video-gallery__thumb-link{display:block;width:100%;height:100%}.video-gallery__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--voltage-yellow);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .15s ease}.video-gallery__play:hover{transform:translate(-50%,-50%) scale(1.08)}.video-gallery__play svg{margin-left:2px}.video-gallery__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none}.video-gallery__video{width:100%;height:100%;object-fit:cover}.video-gallery__tile.is-playing .video-gallery__play,.video-gallery__tile.is-playing .video-gallery__thumb{opacity:0;pointer-events:none}.video-gallery__tile.is-playing .video-gallery__video-wrap{opacity:1;pointer-events:auto}@media screen and (max-width:749px){.video-gallery{padding:48px 20px}.video-gallery__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-gallery.css.map */