.video-gallery{background:var(--color-background, #fff);color:var(--color-text-primary)}.video-gallery__inner{max-width:var(--page-width, 1200px);margin:0 auto;padding-inline:var(--page-margin, 2rem)}.video-gallery__header{text-align:center;margin-bottom:48px}.video-gallery__eyebrow{display:inline-block;font-family:var(--font-heading--family, sans-serif);font-size:.75rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--color-gold, #c5a467);margin-bottom:12px}.video-gallery__heading{font-family:var(--font-heading--family, sans-serif);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;line-height:1.2;color:var(--color-text-primary);margin:0 0 12px;letter-spacing:-.01em}.video-gallery__subheading{font-family:var(--font-body--family, sans-serif);font-size:1rem;line-height:1.6;color:var(--color-text-secondary);max-width:540px;margin:0 auto 24px}.video-gallery__header-rule{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.video-gallery__header-rule:before,.video-gallery__header-rule:after{content:"";width:48px;height:1px;background:var(--color-gold, #c5a467);opacity:.5}.video-gallery__rule-diamond{width:8px;height:8px;background:var(--color-gold, #c5a467);transform:rotate(45deg);flex-shrink:0}.video-gallery__grid{display:grid;gap:28px;padding:6px}.video-gallery__grid--cols-2{grid-template-columns:repeat(2,1fr)}.video-gallery__grid--cols-3{grid-template-columns:repeat(3,1fr)}.video-gallery__grid--cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.video-gallery__grid--cols-3,.video-gallery__grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.video-gallery__grid{grid-template-columns:1fr;gap:20px}}.video-gallery__card{display:flex;flex-direction:column;background:var(--color-surface, #f8f5f0);border-radius:var(--vg-card-radius, 8px);overflow:hidden;transition:box-shadow .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.video-gallery__card:hover{transform:translateY(-6px);box-shadow:0 0 0 3px #000,0 0 0 6px var(--color-gold, #c5a065),0 16px 48px #0000001f}.video-gallery__card-trigger{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;color:inherit;text-align:left;-webkit-appearance:none;appearance:none}.video-gallery__thumbnail{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:#111}.video-gallery__thumbnail-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.video-gallery__card:hover .video-gallery__thumbnail-img{transform:scale(1.05)}.video-gallery__thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 50%,transparent 100%);pointer-events:none;transition:background .3s ease}.video-gallery__card:hover .video-gallery__thumbnail:after{background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.video-gallery__thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff3}.video-gallery__thumbnail-placeholder svg{width:56px;height:56px}.video-gallery__expand-icon{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:#00000073;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:.7;transition:opacity .25s ease,background .25s ease,transform .25s ease}.video-gallery__card:hover .video-gallery__expand-icon{opacity:1;background:#000000a6;transform:scale(1.1)}.video-gallery__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);z-index:2;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#c5a467e6;color:#111;box-shadow:0 4px 24px #0000004d;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}.video-gallery__play-btn svg{margin-left:3px}.video-gallery__card:hover .video-gallery__play-btn{transform:translate(-50%,-50%) scale(1.12);background:var(--color-gold, #c5a467);box-shadow:0 8px 32px #c5a46766}.video-gallery__duration{position:absolute;bottom:10px;right:10px;z-index:2;font-family:var(--font-body--family, sans-serif);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:#fff;background:#000000b3;padding:4px 10px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.video-gallery__card-info{display:flex;flex-direction:column;padding:20px 20px 24px;flex:1}.video-gallery__badge{display:inline-block;align-self:flex-start;font-family:var(--font-heading--family, sans-serif);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold, #c5a467);background:#c5a4671f;padding:5px 14px;border-radius:4px;margin-bottom:10px}.video-gallery__card-title{font-family:var(--font-heading--family, sans-serif);font-size:1rem;font-weight:700;line-height:1.35;color:var(--color-text-primary);margin:0 0 8px}.video-gallery__card-desc{font-family:var(--font-body--family, sans-serif);font-size:.85rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.video-gallery__fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-gallery__fullscreen.is-open{opacity:1;visibility:visible}.video-gallery__fullscreen{will-change:transform,opacity}.video-gallery__fullscreen-close{position:absolute;top:20px;right:20px;z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;cursor:pointer;transition:background .3s ease,border-color .3s ease,transform .3s ease}.video-gallery__fullscreen-close:hover{background:#ffffff26;border-color:#ffffff80;transform:rotate(90deg)}.video-gallery__fullscreen-content{width:90vw;max-width:1100px;aspect-ratio:16 / 9;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0009;transform:scale(.95);transition:transform .4s cubic-bezier(.22,1,.36,1)}.video-gallery__fullscreen.is-open .video-gallery__fullscreen-content{transform:scale(1)}.video-gallery__fullscreen-iframe,.video-gallery__fullscreen-content video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}@media(max-width:599px){.video-gallery__fullscreen-close{top:12px;right:12px;width:40px;height:40px}.video-gallery__fullscreen-close svg{width:22px;height:22px}.video-gallery__fullscreen-content{width:96vw;border-radius:6px}.video-gallery__play-btn{width:52px;height:52px}.video-gallery__play-btn svg{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.video-gallery__card,.video-gallery__thumbnail-img,.video-gallery__play-btn,.video-gallery__fullscreen,.video-gallery__fullscreen-content,.video-gallery__fullscreen-close{transition:none}}.video-gallery__carousel-area{position:relative;width:100%}.video-gallery__viewport{overflow:hidden;width:100%}.video-gallery__arrow{display:none;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--color-gold, #c5a467);background:var(--color-background, #fff);color:var(--color-gold, #c5a467);cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000001a}.video-gallery__arrow:hover{background:var(--color-gold, #c5a467);color:var(--color-black, #111);box-shadow:0 4px 16px #c5a46759}.video-gallery__arrow.is-disabled{opacity:.3;cursor:default;pointer-events:none}.video-gallery__arrow--prev{left:-56px}.video-gallery__arrow--next{right:-56px}.video-gallery__dots{display:none}.video-gallery__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary, #aaa);opacity:.35;border:none;padding:0;cursor:pointer;flex-shrink:0;transition:opacity .3s ease,transform .3s ease,background .3s ease}.video-gallery__dot.is-active{opacity:1;transform:scale(1.35);background:var(--color-gold, #c5a467)}.video-gallery__dot:hover:not(.is-active){opacity:.6}@media(min-width:600px){.video-gallery--carousel-desktop .video-gallery__viewport .video-gallery__grid{display:flex;flex-wrap:nowrap;gap:28px;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.video-gallery--carousel-desktop .video-gallery__viewport .video-gallery__card{flex-shrink:0}.video-gallery--carousel-desktop .video-gallery__viewport .video-gallery__grid--cols-2 .video-gallery__card{width:calc(50% - 14px)}.video-gallery--carousel-desktop .video-gallery__viewport .video-gallery__grid--cols-3 .video-gallery__card{width:calc(33.333% - 18.667px)}.video-gallery--carousel-desktop .video-gallery__viewport .video-gallery__grid--cols-4 .video-gallery__card{width:calc(25% - 21px)}.video-gallery--carousel-desktop .video-gallery__arrow{display:flex}.video-gallery__arrow--prev{left:-56px}.video-gallery__arrow--next{right:-56px}.video-gallery--carousel-desktop .video-gallery__dots--desktop{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}}@media(min-width:600px)and (max-width:1340px){.video-gallery--carousel-desktop .video-gallery__arrow--prev{left:-8px}.video-gallery--carousel-desktop .video-gallery__arrow--next{right:-8px}.video-gallery--carousel-desktop .video-gallery__arrow{background:#ffffffeb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}@media(max-width:599px){.video-gallery--carousel-mobile .video-gallery__viewport{overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.video-gallery--carousel-mobile .video-gallery__viewport::-webkit-scrollbar{display:none}.video-gallery--carousel-mobile .video-gallery__viewport .video-gallery__grid{display:flex;flex-wrap:nowrap;gap:16px}.video-gallery--carousel-mobile .video-gallery__viewport .video-gallery__card{flex-shrink:0;width:82vw;max-width:340px;scroll-snap-align:center;scroll-snap-stop:always}.video-gallery--carousel-mobile .video-gallery__dots--mobile{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}}.video-gallery__inline-video{display:none}@media(max-width:599px){.video-gallery__card--mobile-autoplay .video-gallery__inline-video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-gallery__card--mobile-autoplay.is-playing .video-gallery__inline-video{opacity:1}.video-gallery__card--mobile-autoplay .video-gallery__inline-video video,.video-gallery__card--mobile-autoplay .video-gallery__inline-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.video-gallery__card--mobile-autoplay.is-playing .video-gallery__play-btn{display:none}.video-gallery__card--mobile-autoplay.is-playing .video-gallery__thumbnail-img,.video-gallery__card--mobile-autoplay.is-playing .video-gallery__auto-thumb{opacity:0}}@media(prefers-reduced-motion:reduce){.video-gallery--carousel-desktop .video-gallery__viewport .video-gallery__grid{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/video-gallery.css.map */