.vgrid{background:var(--off-black);position:relative}.vgrid__track{height:var(--vgrid-scroll,300vh);position:relative}.vgrid__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}.vgrid{--vgrid-gap:10px}.vgrid__grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1.25fr 1fr;gap:var(--vgrid-gap);width:calc(100% - var(--vgrid-gap) * 2);height:calc(100% - var(--vgrid-gap) * 2);will-change:transform;transform-origin:50% 50%}.vgrid__cell{position:relative;overflow:hidden;background:#3c3c3c;border:1px solid rgba(237,236,226,.06);transition:none}.vgrid__cell--0{grid-column:1/4;grid-row:1}.vgrid__cell--1{grid-column:4/7;grid-row:1}.vgrid__cell--2{grid-column:1/2;grid-row:2}.vgrid__cell--video{grid-column:2/6;grid-row:2;background:#4a4a4a;display:flex;align-items:center;justify-content:center}.vgrid__cell--3{grid-column:6/7;grid-row:2}.vgrid__cell--4{grid-column:1/4;grid-row:3}.vgrid__cell--5{grid-column:4/7;grid-row:3}.vgrid__img,.vgrid__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.15)}.vgrid__video{filter:none}.vgrid__embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.vgrid__cell-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-gray)}.vgrid__cell-placeholder--video:after{content:"";position:absolute;width:56px;height:56px;border-radius:50%;background:#00000059 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23edece2'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/22px no-repeat}.vgrid__label{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:var(--tr-w);text-transform:uppercase;color:var(--pineapple);font-weight:700;pointer-events:none;opacity:var(--vgrid-ui,1);transition:opacity .2s linear}.vgrid__sound{position:absolute;right:20px;bottom:20px;z-index:5;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--off-white,#edece2);background:#0000008c;border:1px solid rgba(237,236,226,.25);padding:10px 16px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s linear}.vgrid--full .vgrid__sound{opacity:1;pointer-events:auto}.vgrid__sound:hover{background:#000c}.vgrid__cell:not(.vgrid__cell--video){opacity:var(--vgrid-fade,1)}@media(max-width:768px){.vgrid{--vgrid-gap:6px}.vgrid__grid{height:calc(100% - 96px)}}@media(prefers-reduced-motion:reduce){.vgrid__track{height:auto}.vgrid__sticky{position:relative;height:100vh}.vgrid__grid{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/stack-video-grid.css.map */