:root{--d: .7s;--e: cubic-bezier(.19, 1, .22, 1)}.page-content-alt{display:grid;grid-gap:1rem;padding:1rem;max-width:1250px;margin:8rem auto}@media (min-width: 600px){.page-content-alt{grid-template-columns:repeat(2,1fr)}}@media (min-width: 800px){.page-content-alt{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 768px){.product-landing-wrap .page-content-alt{grid-template-columns:repeat(3,1fr);max-width:1000px}}.card{cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;padding:1rem;width:100%;text-align:center;color:#f5f5f5;background-color:#f5f5f5;box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a,0 4px 4px #0000001a,0 8px 8px #0000001a,0 16px 16px #0000001a}@media (min-width: 600px){.card{height:400px}}@media screen and (max-width: 590px){.card{height:28rem;justify-content:center}.card .btn-alt{display:none}}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:110%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform calc(var(--d) * 1.5) var(--e);pointer-events:none}.card:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none;background-image:linear-gradient(to bottom,#0000,#00000002 11.7%,#00000009 22.1%,#00000012 31.2%,#0000001f 39.4%,#0000002e 46.6%,#0000003f 53.1%,#00000052 58.9%,#00000064 64.3%,#0007 69.3%,#0000008a 74.1%,#0000009b 78.8%,#000a 83.6%,#000000b8 88.7%,#000000c2 94.1%,#000000c9);transform:translateY(-50%);transition:transform calc(var(--d) * 2) var(--e)}.content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;transition:transform var(--d) var(--e);z-index:1}.content>*+*{margin-top:1rem}.title{font-size:2rem;font-weight:700;line-height:1.2;margin:0;color:#fff}.copy{font-size:2rem;font-weight:400;font-style:italic;line-height:1.35;color:#fff}@media screen and (max-width:590px){.copy{display:none}}.btn-alt{cursor:pointer;margin-top:1.5rem;padding:.7rem 2rem;font-size:1.5rem;font-weight:700;letter-spacing:.025rem;text-transform:uppercase;color:#6cace1;background-color:#fff;border:none;border-radius:.1em;transition:background-color .25s,color .25s}.btn-alt:hover{background-color:#6cace1;color:#fff}@media (hover: hover) and (min-width: 600px){.card:after{transform:translateY(0)}.content{transform:translateY(calc(100% - 4.5rem))}.content>*:not(.title){opacity:0;transform:translateY(1rem)}.card:hover,.card:focus-within{align-items:center}.card:hover:before,.card:focus-within:before{transform:translateY(-4%)}.card:hover:after,.card:focus-within:after{transform:translateY(-50%)}.card:hover .content,.card:focus-within .content{transform:translateY(0)}.card:hover .content>*:not(.title),.card:focus-within .content>*:not(.title){opacity:1;transform:translateY(0);transition-delay:calc(var(--d) / 8)}.card:focus-within:before,.card:focus-within:after,.card:focus-within .content,.card:focus-within .content>*:not(.title){transition-duration:0s}}.card:hover .title.inside{opacity:1}.card:hover+h2{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/282/assets/product-card.css.map */