.video-grid-custom-section{display:block}.video-grid{padding-top:var(--video-grid-padding-top, 64px);padding-bottom:var(--video-grid-padding-bottom, 64px);background-color:var(--video-grid-bg, transparent);position:relative;width:100%}.video-grid__container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--page-margin, 16px);padding-right:var(--page-margin, 16px)}.video-grid__header{margin-bottom:40px;width:100%}.video-grid__header--center{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.video-grid__header--split{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.video-grid__header-left{flex:1}.video-grid__title{margin:0;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight, 700);line-height:1.2;color:var(--video-grid-heading-color, var(--color-heading));letter-spacing:-.025em;font-size:clamp(2rem,4vw,3rem)}.video-grid__subheading{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--video-grid-subheading-color, var(--color-primary-6));margin:0 0 12px;display:inline-flex;align-items:center;gap:8px}.video-grid__subheading:before{content:"";display:inline-block;width:16px;height:2px;background-color:currentColor}@media screen and (max-width:768px){.video-grid{padding-top:var(--video-grid-padding-top-mobile, 40px);padding-bottom:var(--video-grid-padding-bottom-mobile, 40px)}.video-grid__header--split{flex-direction:column;align-items:flex-start;gap:16px}}.video-grid__inner{display:grid;grid-template-columns:repeat(var(--video-grid-columns-desktop, 3),minmax(0,1fr));gap:var(--video-grid-gap-desktop, 24px)}@media screen and (max-width:1024px){.video-grid__inner{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.video-grid__inner{grid-template-columns:repeat(var(--video-grid-columns-mobile, 1),minmax(0,1fr));gap:var(--video-grid-gap-mobile, 16px)}}.video-grid__item{position:relative;border-radius:var(--video-grid-card-radius, 16px);overflow:hidden;background-color:#1a1a1a;aspect-ratio:var(--video-grid-aspect-ratio, 9 / 16);box-shadow:0 10px 30px #00000014;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;width:100%}.video-grid__item:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026}.video-grid__video{width:100%;height:100%;object-fit:cover;display:block;cursor:default}.video-grid__mute-toggle{position:absolute;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .3s ease;padding:0}.video-grid__mute-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.video-grid__mute-toggle svg{width:20px;height:20px;fill:currentColor}.video-grid__mute-toggle .icon-unmuted,.video-grid__mute-toggle.is-unmuted .icon-muted{display:none}.video-grid__mute-toggle.is-unmuted .icon-unmuted{display:block}.video-grid__info-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 20px;background:linear-gradient(to top,#000000b3,#0000);color:#fff;pointer-events:none;z-index:3}.video-grid__creator{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;opacity:.95}.video-grid__caption{margin:4px 0 0;font-size:12px;opacity:.8;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-grid__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff9;background:linear-gradient(45deg,#2c2c2c,#1a1a1a);text-align:center;padding:20px;box-sizing:border-box}.video-grid__placeholder svg{width:44px;height:44px;margin-bottom:12px;opacity:.7;color:currentColor}.video-grid__placeholder-text{font-size:14px;font-weight:500}.video-grid__placeholder-sub{font-size:12px;opacity:.7;margin-top:4px}.video-grid__footer{margin-top:40px;width:100%;display:flex;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-grid-custom.css.map */