.grid-with-background{position:relative;background-color:var(--background-color)}.grid-with-background__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.grid-with-background--desktop{display:none}.grid-with-background--mobile{display:block}.grid-with-background__container{position:relative;z-index:1;--page-width: 1360px}.grid-with-background__inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:var(--content-width)}.grid-with-background__intro{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.grid-with-background__label{padding:6px 14px;border-radius:5px;background-color:rgb(var(--label-color-rgb) / .1);color:rgb(var(--label-color-rgb));font-family:var(--font-body-family);font-size:12px;font-weight:700;line-height:140%;text-transform:uppercase}.grid-with-background__content{width:100%;color:var(--heading-color)}.grid-with-background__content :is(h1,h2,h3,h4,h5,h6){margin:12px 0 0;font-family:var(--font-heading-family);font-weight:600;line-height:124%;letter-spacing:0;text-transform:capitalize;color:inherit}.grid-with-background__content>h1{font-size:34px}.grid-with-background__content>h2{font-size:30px}.grid-with-background__content p{margin:12px 0 0;font-family:var(--font-body-family);font-size:14px;font-weight:700;line-height:140%;color:inherit}.grid-with-background__content>:first-child{margin-top:0}.grid-with-background__grid{display:grid;grid-template-columns:repeat(var(--columns-mobile),1fr);gap:10px;width:100%}.grid-with-background__item{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;background-color:var(--card-background)}.grid-with-background__item-title{margin:0;font-family:var(--font-heading-family);font-size:16px;font-weight:600;line-height:124%;letter-spacing:0;color:var(--card-title-color)}.grid-with-background__item-text{margin:0;font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:140%;color:var(--card-text-color)}.grid-with-background__footnote{margin:0;font-family:var(--font-heading-family);font-size:18px;line-height:124%;color:var(--footnote-color)}@media screen and (min-width:750px){.grid-with-background--desktop{display:block}.grid-with-background--mobile{display:none}.grid-with-background__inner{gap:20px}.grid-with-background__label{font-size:14px}.grid-with-background__content :is(h1,h2,h3,h4,h5,h6){margin-top:16px}.grid-with-background__content>h1{font-size:54px}.grid-with-background__content>h2{font-size:46px}.grid-with-background__content p{margin-top:16px;font-size:16px}.grid-with-background__grid{grid-template-columns:repeat(var(--columns-desktop),1fr)}.grid-with-background__item{gap:12px;padding:16px}.grid-with-background__item-title{font-size:18px}.grid-with-background__item-text{font-size:16px}.grid-with-background__footnote{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-grid-with-background.css.map */