.elova-materials-grid{padding-block:var(--elova-space-9, 6rem);padding-inline:var(--elova-space-6, 2rem);background:var(--elova-color-bg-elevated);color:var(--elova-color-text-primary)}.elova-materials-grid__inner{max-inline-size:1200px;margin-inline:auto}.elova-materials-grid__header{margin-block-end:var(--elova-space-5, 1.5rem)}.elova-materials-grid__heading{margin:0;font-family:var(--elova-font-display);font-size:var(--elova-type-h2, 1.75rem);font-weight:400;line-height:var(--elova-leading-tight, 1.15);letter-spacing:var(--elova-tracking-tight);color:var(--elova-color-text-primary)}@media(min-width:768px){.elova-materials-grid__heading{font-size:var(--elova-type-h1, 2.25rem)}}.elova-materials-grid__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--elova-space-4, 1rem)}@media(min-width:1025px){.elova-materials-grid__cards{grid-template-columns:repeat(4,1fr);gap:var(--elova-space-5, 1.5rem)}}.elova-materials-grid__card{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--elova-radius-md);color:var(--elova-color-text-inverse);text-decoration:none;background:var(--elova-color-bg-accent-soft);box-shadow:var(--elova-shadow-1, 0 1px 2px rgba(31, 31, 31, .08));transition:transform var(--elova-motion-medium) var(--elova-ease-standard),box-shadow var(--elova-motion-medium) var(--elova-ease-standard)}.elova-materials-grid__card:hover,.elova-materials-grid__card:focus-visible{transform:translateY(-4px);box-shadow:var(--elova-shadow-3, 0 10px 30px rgba(31, 31, 31, .16))}.elova-materials-grid__card:focus-visible{outline:none;box-shadow:var(--elova-shadow-focus),var(--elova-shadow-3, 0 10px 30px rgba(31, 31, 31, .16))}.elova-materials-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.elova-materials-grid__image,.elova-materials-grid__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--elova-motion-slow) var(--elova-ease-standard)}.elova-materials-grid__card:hover .elova-materials-grid__image,.elova-materials-grid__card:focus-visible .elova-materials-grid__image,.elova-materials-grid__card:hover .elova-materials-grid__image-placeholder,.elova-materials-grid__card:focus-visible .elova-materials-grid__image-placeholder{transform:scale(1.03)}.elova-materials-grid__image-placeholder{background:linear-gradient(135deg,var(--elova-color-warm-ivory) 0%,var(--elova-color-bg-accent-soft) 100%)}.elova-materials-grid__label{position:absolute;inset-inline-start:0;inset-block-end:0;inline-size:100%;padding-block:var(--elova-space-6, 2rem) var(--elova-space-4, 1rem);padding-inline:var(--elova-space-4, 1rem);background:linear-gradient(to top,#1f1f1f8c,#1f1f1f00);pointer-events:none}.elova-materials-grid__label-text{display:inline-block;font-family:var(--elova-font-display);font-size:var(--elova-type-h3, 1.375rem);font-weight:500;line-height:var(--elova-leading-tight, 1.15);letter-spacing:var(--elova-tracking-tight);color:var(--elova-color-text-inverse);border-block-end:var(--elova-border-width-hairline, 1px) solid transparent;padding-block-end:2px;transition:border-color var(--elova-motion-fast) var(--elova-ease-standard)}@media(min-width:768px){.elova-materials-grid__label-text{font-size:var(--elova-type-h2, 1.75rem)}}.elova-materials-grid__card:hover .elova-materials-grid__label-text,.elova-materials-grid__card:focus-visible .elova-materials-grid__label-text{border-color:var(--elova-color-text-inverse)}.elova-materials-grid__card:has(.elova-materials-grid__image-placeholder) .elova-materials-grid__label{background:none}.elova-materials-grid__card:has(.elova-materials-grid__image-placeholder) .elova-materials-grid__label-text{color:var(--elova-color-text-primary)}.elova-materials-grid__card:has(.elova-materials-grid__image-placeholder):hover .elova-materials-grid__label-text,.elova-materials-grid__card:has(.elova-materials-grid__image-placeholder):focus-visible .elova-materials-grid__label-text{border-color:var(--elova-color-text-primary)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.elova-materials-grid__header,.elova-materials-grid__card{animation:elova-materials-grid-reveal var(--elova-ease-emphasis) both;animation-timeline:view();animation-range:var(--elova-motion-reveal-range)}.elova-materials-grid__card{animation-range:cover calc(var(--elova-motion-reveal-start) + var(--elova-reveal-index, 0) * var(--elova-motion-reveal-stagger)) cover calc(var(--elova-motion-reveal-end) + var(--elova-reveal-index, 0) * var(--elova-motion-reveal-stagger))}.elova-materials-grid__card:nth-child(2){--elova-reveal-index: 1}.elova-materials-grid__card:nth-child(3){--elova-reveal-index: 2}.elova-materials-grid__card:nth-child(4){--elova-reveal-index: 3}@keyframes elova-materials-grid-reveal{0%{opacity:0;translate:0 var(--elova-motion-reveal-distance)}to{opacity:1;translate:0 0}}}}@media(prefers-reduced-motion:reduce){.elova-materials-grid__header,.elova-materials-grid__card{animation:none;opacity:1;translate:0 0}.elova-materials-grid__card{transition:none}.elova-materials-grid__card:hover,.elova-materials-grid__card:focus-visible{transform:none}.elova-materials-grid__image,.elova-materials-grid__image-placeholder{transition:none}.elova-materials-grid__card:hover .elova-materials-grid__image,.elova-materials-grid__card:focus-visible .elova-materials-grid__image,.elova-materials-grid__card:hover .elova-materials-grid__image-placeholder,.elova-materials-grid__card:focus-visible .elova-materials-grid__image-placeholder{transform:none}}@media screen and (max-width:1024px){.elova-materials-grid__heading{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/elova-materials-grid.css.map */