.video-grid-wrapper{display:flex;flex-direction:column;gap:27px}@media screen and (min-width: 1000px){.video-grid-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center}}.video-grid-content{display:flex;flex-direction:column;gap:24px}.video-grid-content .prose p{font-size:14px;margin-block-start:24px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media screen and (min-width: 700px){.video-grid{gap:12px}}.video-grid__item{position:relative;width:100%}@media (prefers-reduced-motion: no-preference){.video-grid__item[reveal-on-scroll=true]{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}}.video-grid__thumbnail{position:relative;display:block;width:100%;aspect-ratio:250 / 335;overflow:hidden;border:none;padding:0;background:transparent;cursor:pointer;border-radius:var(--border-radius-base)}.video-grid__thumbnail:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"><rect width="72" height="72" rx="36" fill="white" fill-opacity="0.1"/><path d="M29 27L43 36L29 45V27Z" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}@media screen and (max-width: 699px){.video-grid__thumbnail:after{width:40px;height:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><rect width="40" height="40" rx="20" fill="white" fill-opacity="0.1"/><path d="M13 11L27 20L13 29V11Z" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}}.video-grid__thumbnail:hover:after{animation:play-button-pulse 1.2s ease-in-out infinite}@keyframes play-button-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.video-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease-in-out}.video-grid__thumbnail:hover .video-grid__image{transform:scale(1.05)}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.video-modal[hidden]{display:none}.video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.video-modal__container{position:relative;width:100%;max-width:1200px;z-index:1;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-modal__close{position:absolute;top:-50px;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease-in-out,transform .2s ease-in-out;z-index:2}.video-modal__close:hover{background:#fff3;transform:scale(1.1)}@media screen and (max-width: 699px){.video-modal__close{top:-40px;width:36px;height:36px}}.video-modal__content{width:fit-content;border-radius:var(--border-radius-base);overflow:hidden;background:#000;margin-inline:auto}.video-modal__video{width:auto;height:100%;display:block;max-height:80vh}@media screen and (max-width: 699px){.video-modal{padding:16px}.video-modal__container{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/video-grid.css.map */