.products{width:100%;height:100vh;padding:2rem;display:flex;flex-direction:column;gap:2rem;background:#f8f8f8}@media(max-width:768px){.products{padding:1rem;gap:1rem}}.products.full-bleed{padding:0;gap:0}.products.full-bleed h2{display:none}.products.full-bleed .container{gap:0}.products .container{width:100%;height:100%;display:flex;gap:2rem}@media(max-width:768px){.products .container{flex-direction:column;gap:1rem}}.products .container .link-container{flex:1 1;position:relative;overflow:hidden}.products .container .link-container video{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.03);z-index:1;transition:.2s ease;pointer-events:none}.products .container .link-container:hover video{transform:translate(-50%,-50%) scale(1);transition:.2s ease}.products .container .link-container:hover a span,.products .container .link-container:hover button span{opacity:1;transition:.3s ease .5s;transform:translate(8px,-50%) scale(.75)}.products .container .link-container:hover a:before,.products .container .link-container:hover button:before{width:calc(100% + 1.25rem);transition:.5s cubic-bezier(1,-.4,.35,.95)}.products .container a{width:100%;height:100%;position:relative;overflow:hidden;z-index:2;display:block}.products .container a .content{position:absolute;bottom:2rem;left:2rem;z-index:2;display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.products .container a .content{left:1rem;bottom:1rem}}.products .container a .content button,.products .container a .content p{color:#fff}