.section-heading{text-align:center;margin-bottom:30px}.multicolumn-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@media screen and (min-width:750px){.multicolumn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:992px){.section-heading{margin-bottom:40px}.multicolumn-grid{gap:20px}}.multicolumn-item{position:relative;display:grid;border-radius:20px}.multicolumn-item>*{grid-area:1 / 1}.multicolumn-item--text{background-color:var(--color-black-5)}.multicolumn-image{position:relative;align-self:stretch;aspect-ratio:var(--multicolumn-ratio, 3 / 2);overflow:hidden;border-radius:20px;background-color:var(--color-black-5)}.multicolumn-image img,.multicolumn-image svg{width:100%;height:100%;object-fit:cover}.multicolumn-grid--overlay .multicolumn-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-black) 75%,transparent),transparent 60%);opacity:.85;pointer-events:none}.multicolumn-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:var(--color-white)}.multicolumn-item--text .multicolumn-content{color:var(--color-black)}.multicolumn-heading{margin:0 0 10px}.multicolumn-description{opacity:.85}.multicolumn-description p{margin:0}.multicolumn-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px}.multicolumn-link:focus-visible{outline:none}.multicolumn-link:focus-visible:after{outline:2px solid var(--color-black);outline-offset:4px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.multicolumn-item,.multicolumn-image img{transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.multicolumn-image:after{transition:opacity .4s ease}.multicolumn-item:is(:hover,:focus-within){transform:translateY(-6px);box-shadow:0 24px 40px -24px color-mix(in srgb,var(--color-black) 40%,transparent)}.multicolumn-item:is(:hover,:focus-within) .multicolumn-image img{transform:scale(1.05)}.multicolumn-item:is(:hover,:focus-within) .multicolumn-image:after{opacity:1}}@media screen and (min-width:992px){.multicolumn-content{padding:32px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/multicolumn.css.map */