.lqk-card-grid{padding:3.6rem 1.5rem}@media screen and (min-width:750px){.lqk-card-grid{padding:5rem}}.lqk-card-grid__heading{margin:0 0 .4rem;font-size:2.4rem}.lqk-card-grid__subheading{margin:0 0 2rem;opacity:.75}.lqk-card-grid__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;list-style:none;margin:1.6rem 0 0;padding:0}@media screen and (min-width:750px){.lqk-card-grid__list--2{grid-template-columns:repeat(2,1fr)}.lqk-card-grid__list--3{grid-template-columns:repeat(3,1fr)}.lqk-card-grid__list--4{grid-template-columns:repeat(4,1fr)}.lqk-card-grid__list{gap:2rem}}.lqk-card-grid__card{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:rgb(var(--color-background));border:1px solid var(--lqk-line, #ede4d2);text-decoration:none;color:rgb(var(--color-foreground));transition:transform .2s cubic-bezier(.23,1,.32,1)}.lqk-card-grid__card:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){.lqk-card-grid__card{transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1)}.lqk-card-grid__card:hover{transform:translateY(-.3rem);box-shadow:0 8px 24px #333a221a}.lqk-card-grid__card:hover .lqk-card-grid__arrow{transform:translate(.3rem)}}.lqk-card-grid__media{display:block;aspect-ratio:1 / 1;background:var(--lqk-line, #ede4d2)}.lqk-card-grid__img{width:100%;height:100%;object-fit:cover;display:block}.lqk-card-grid__placeholder{display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-heading-family);font-size:4.8rem;font-weight:700;color:var(--lqk-muted, #6e6a58)}.lqk-card-grid__body{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .8rem;padding:1.2rem 1.4rem 1.4rem}.lqk-card-grid__title{font-family:var(--font-heading-family);font-size:1.6rem;font-weight:700;flex:1 1 100%}.lqk-card-grid__caption{font-size:1.3rem;opacity:.75;flex:1 1 auto}.lqk-card-grid__arrow{margin-left:auto;width:1.8rem;height:1.8rem;color:var(--lqk-gold, #e0a93b);transition:transform .2s cubic-bezier(.23,1,.32,1)}.lqk-card-grid__arrow svg{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.lqk-card-grid__card,.lqk-card-grid__arrow{transition:none}.lqk-card-grid__card:active,.lqk-card-grid__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lqk-card-grid.css.map */