.video-gallery{--vg-blue: #3d29e8;--vg-accent: #ffb900;--vg-ease: cubic-bezier(.22, .61, .36, 1);--vg-radius: 1.2rem;position:relative;padding:5.6rem 0 6.4rem}.video-gallery--light{--vg-panel: #f2f1f9;--vg-line: #e2dff5;--vg-title: #25234a;--vg-body: #4a4870;--vg-eyebrow: #63618a;background:transparent;color:var(--vg-body)}.video-gallery--dark{--vg-panel: rgba(255, 255, 255, .06);--vg-line: rgba(255, 255, 255, .12);--vg-title: #ffffff;--vg-body: #dcdde3;--vg-eyebrow: #b9bbc6;background:#3b3942;color:var(--vg-body)}.video-gallery__header{max-width:62rem;margin:0 auto 4.8rem;text-align:center}.video-gallery__eyebrow{margin:0 0 1rem;font-family:var(--font-heading-card-family, inherit);font-size:1.25rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vg-eyebrow)}.video-gallery__heading{position:relative;margin:0 0 1.6rem;padding-bottom:1.6rem;font-family:var(--font-heading-family, inherit);font-size:clamp(2.6rem,4vw,4rem);line-height:1.1;letter-spacing:-.02em;color:var(--vg-title)}.video-gallery__heading:after{content:"";display:block;width:4.4rem;height:.3rem;margin:1.6rem auto 0;border-radius:.2rem;background:var(--vg-accent)}.video-gallery__subheading{margin:0;font-size:1.6rem;line-height:1.65;color:var(--vg-body)}.video-gallery__grid{display:grid;grid-template-columns:repeat(var(--vg-columns, 3),minmax(0,1fr));gap:3.2rem 2.8rem;margin:0;padding:0}.video-gallery__cell{min-width:0}@media screen and (max-width:1199px){.video-gallery__grid{grid-template-columns:repeat(min(var(--vg-columns, 3),2),minmax(0,1fr))}}@media screen and (max-width:749px){.video-gallery__grid{grid-template-columns:minmax(0,1fr);gap:2.8rem}.video-gallery{padding:4.8rem 0 5.6rem}.video-gallery__header{margin-bottom:3.6rem}}.video-card{display:flex;flex-direction:column;height:100%;transition:transform .3s var(--vg-ease),box-shadow .3s var(--vg-ease)}.video-card__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--vg-radius);background:var(--vg-panel);box-shadow:inset 0 0 0 .1rem var(--vg-line)}.video-card__media,.video-card__media img,.video-card__media svg,.video-card__player,.video-card__iframe,.video-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-card__media img,.video-card__media svg{object-fit:cover;transition:transform .3s ease}.video-card__iframe,.video-card__video{border:0;object-fit:contain;background:#000}.video-card__player{z-index:3}.video-card__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:radial-gradient(circle at 50% 44%,#14121c57,#14121c2b 36%,#14121c0d 64%,#14121c00);color:#fff;cursor:pointer;transition:background .3s ease}.video-card__play-ring{position:absolute;width:6.4rem;height:6.4rem;border-radius:50%;background:#ffffff29;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 0 .1rem #fff6;transition:transform .32s var(--vg-ease),background .32s ease,box-shadow .32s ease}.video-card__play-icon{position:relative;width:2.6rem;height:2.6rem;margin-left:.3rem;transition:transform .32s var(--vg-ease)}.video-card__fallback{position:absolute;z-index:4;left:1.2rem;bottom:1.2rem;padding:.7rem 1.3rem;border-radius:.6rem;background:#000000a8;color:#fff;font-family:var(--font-heading-card-family, inherit);font-size:1.25rem;font-weight:600;text-decoration:none}.video-card__cover-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.video-card__caption{margin:0;pointer-events:none}.caption-strip.video-card__caption .video-card__caption-heading{margin:0;min-width:0;width:100%;font:inherit}.caption-strip.video-card__caption .video-card__caption-link{display:block;min-width:0;pointer-events:auto;text-decoration:none;color:inherit}.caption-strip.video-card__caption .caption-strip__index.caption-strip__index{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;text-align:left}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.caption-strip.video-card__caption .video-card__caption-link:hover .caption-strip__label,.caption-strip.video-card__caption .video-card__caption-link:focus-visible .caption-strip__label{text-decoration:underline;text-underline-offset:.2em}}.caption-strip.video-card__caption .video-card__caption-link:focus-visible{outline:.2rem solid var(--vg-accent);outline-offset:.3rem;border-radius:.2rem}.video-card--active .video-card__caption{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.video-gallery__actions{margin-top:5.2rem;text-align:center}.video-gallery__button{display:inline-flex;align-items:center;gap:.7rem;padding:1.4rem 2.8rem;border-radius:.8rem;background:var(--vg-blue);color:#fff;font-family:var(--font-heading-card-family, inherit);font-size:1.45rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:gap .25s var(--vg-ease),transform .25s var(--vg-ease),box-shadow .25s var(--vg-ease)}@media screen and (hover:hover)and (pointer:fine){.video-card--playable:hover,.video-card:focus-within{transform:translateY(-4px);box-shadow:0 1.6rem 3.6rem #0a081447}.video-card--playable:hover .video-card__media img,.video-card:focus-within .video-card__media img{transform:scale(1.03)}.video-card--playable:hover .video-card__play{background:linear-gradient(180deg,#14121c05,#14121c80)}.video-card--playable:hover .video-card__play-ring,.video-card__play:focus-visible .video-card__play-ring{transform:scale(1.12);background:var(--vg-blue);box-shadow:0 0 0 .1rem #ffffff8c,0 .8rem 2.2rem #3d29e870}.video-card--playable:hover .video-card__play-icon{transform:scale(1.06)}.video-gallery__button:hover,.video-gallery__button:focus-visible{gap:1.2rem;color:#fff;transform:translateY(-2px);box-shadow:0 1rem 2.4rem #3d29e866}}.video-card__play:focus-visible{outline:.2rem solid var(--vg-accent);outline-offset:-.4rem}.video-card--active .video-card__media img{transform:none}@media(prefers-reduced-motion:reduce){.video-card,.video-card__media img,.video-card__play,.video-card__play-ring,.video-card__play-icon,.video-gallery__button{transition:none!important}.video-card--playable:hover,.video-card:focus-within,.video-card--playable:hover .video-card__media img,.video-card--playable:hover .video-card__play-ring,.video-card--playable:hover .video-card__play-icon,.video-gallery__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/video-gallery.css.map */