.featured-materials{padding:3rem 1.5rem}.featured-materials__heading{margin:0 0 2rem;text-align:center;text-transform:uppercase;letter-spacing:-.01em}.featured-materials__grid{display:grid;grid-template-columns:repeat(var(--fm-cols-mobile, 2),1fr);gap:1rem;max-width:1280px;margin:0 auto}@media screen and (min-width:750px){.featured-materials{padding:4rem 2rem}.featured-materials__grid{grid-template-columns:repeat(var(--fm-cols-desktop, 5),1fr);gap:1.6rem}}.featured-materials__item{margin:0}.featured-materials__link{display:block;text-decoration:none;color:rgb(var(--color-foreground));transition:transform .22s ease}.featured-materials__link:hover,.featured-materials__link:focus-visible{text-decoration:none;color:rgb(var(--color-foreground));transform:translateY(-.3rem)}.featured-materials__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;background:rgba(var(--color-foreground),.04);box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.08);transition:box-shadow .22s ease}.featured-materials__link:hover .featured-materials__media,.featured-materials__link:focus-visible .featured-materials__media{box-shadow:0 .8rem 2rem rgba(var(--color-shadow),.16)}.featured-materials__media img{width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.featured-materials__link:hover .featured-materials__media img,.featured-materials__link:focus-visible .featured-materials__media img{transform:scale(1.05)}.featured-materials__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(var(--color-foreground),.4);font-size:clamp(3rem,8vw,6rem);font-weight:700;background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.02))}.featured-materials__label{position:absolute;left:0;right:0;bottom:0;padding:.6rem .8rem;background:rgba(var(--color-button),1);color:rgb(var(--color-button-text));font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}.featured-materials__media{isolation:isolate}@media screen and (max-width:749px){.featured-materials__label{font-size:1rem;padding:.5rem .6rem;letter-spacing:.02em}.featured-materials__heading{margin-bottom:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-featured-materials.css.map */