.materials-spec-grid{background-color:var(--materials-spec-grid-bg, #FFFFFF);padding-block:var(--materials-spec-grid-pt, 56px) var(--materials-spec-grid-pb, 56px);padding-inline:var(--materials-spec-grid-px, 24px);box-sizing:border-box;width:100%}.materials-spec-grid__inner{max-width:var(--materials-spec-grid-content-width, 1200px);margin-inline:auto;display:flex;flex-direction:column;gap:20px}.materials-spec-grid__heading{margin:0;color:var(--materials-spec-grid-heading-color, #111111);font-family:var(--font-heading-family, "Inter", sans-serif);font-size:clamp(22px,5vw,var(--materials-spec-grid-heading-size, 28px));font-weight:var(--materials-spec-grid-heading-weight, 700);text-transform:var(--materials-spec-grid-heading-case, none);line-height:calc(var(--materials-spec-grid-heading-lh, 115) / 100);letter-spacing:calc(var(--materials-spec-grid-heading-ls, 0) * .05em)}.materials-spec-grid__sub{margin:0;color:var(--materials-spec-grid-sub-color, #555555);font-family:var(--font-body-family, "Inter", sans-serif);font-size:var(--materials-spec-grid-sub-size, 15px);line-height:calc(var(--materials-spec-grid-sub-lh, 150) / 100);max-width:60ch}.materials-spec-grid__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--materials-spec-grid-cols-mobile, 1),1fr);gap:var(--materials-spec-grid-gap, 16px)}.materials-spec-grid__card{background-color:var(--materials-spec-grid-card-bg, #F6F5F2);border-radius:var(--materials-spec-grid-card-radius, 8px);padding:var(--materials-spec-grid-card-padding, 20px);display:flex;flex-direction:column;gap:14px;transition:transform .25s ease,box-shadow .25s ease}.materials-spec-grid__media{border-radius:calc(var(--materials-spec-grid-card-radius, 8px) * .75);overflow:hidden;aspect-ratio:4 / 3}.materials-spec-grid__picture{display:block;width:100%;height:100%}.materials-spec-grid__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--msg-focal, center center)}.materials-spec-grid__text{display:flex;flex-direction:column;gap:6px}.materials-spec-grid__label{margin:0;color:var(--materials-spec-grid-label-color, #777777);font-family:var(--font-body-family, "Inter", sans-serif);font-size:var(--materials-spec-grid-label-size, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.materials-spec-grid__value{margin:0;color:var(--materials-spec-grid-value-color, #111111);font-family:var(--font-heading-family, "Inter", sans-serif);font-size:var(--materials-spec-grid-value-size, 18px);font-weight:var(--materials-spec-grid-value-weight, 700);line-height:1.2}.materials-spec-grid__body{margin:0;color:var(--materials-spec-grid-body-color, #555555);font-family:var(--font-body-family, "Inter", sans-serif);font-size:var(--materials-spec-grid-body-size, 14px);line-height:calc(var(--materials-spec-grid-body-lh, 150) / 100)}@media(hover:hover){.materials-spec-grid__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}}@media(min-width:768px){.materials-spec-grid{padding-inline:max(var(--materials-spec-grid-px, 24px),32px)}.materials-spec-grid__inner{gap:28px}.materials-spec-grid__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.materials-spec-grid__grid{grid-template-columns:repeat(var(--materials-spec-grid-cols-desktop, 3),1fr)}}@media(prefers-reduced-motion:reduce){.materials-spec-grid,.materials-spec-grid *,.materials-spec-grid *:before,.materials-spec-grid *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-materials_spec_grid.css.map */