.section-4-column-blocks{display:flex;padding:2.4rem 1.5rem;background-color:var(--background-color);flex-direction:column;gap:2rem}.section-4-column-blocks__heading{display:flex;flex-direction:column;row-gap:2rem;text-align:center;max-width:91%;margin:0 auto}.section-4-column-blocks__heading--title{font-size:6.4rem;line-height:1;letter-spacing:-1px}.section-4-column-blocks__heading--description{font-size:2rem;line-height:3.2rem;letter-spacing:.5px}.section-4-column-blocks__body{display:flex;gap:3rem}.section-4-column-blocks__body .section-4-column-blocks__body-item{height:auto;padding:6px;box-sizing:border-box}.section-4-column-blocks__body .section-4-column-blocks__body-item a{text-align:center;display:flex;flex-direction:column;padding:1.6rem 1.6rem 8rem;gap:2.4rem;border-radius:1.2rem;color:inherit;transition:.3s ease;height:100%;box-sizing:border-box}.section-4-column-blocks__body--media-wrapper{position:relative;border-radius:1.2rem;overflow:hidden;aspect-ratio:1;width:100%;height:auto}.section-4-column-blocks__body--media-wrapper .primary-media,.section-4-column-blocks__body--media-wrapper .secondary-media{position:absolute;top:0;left:0;right:0;bottom:0;transition:.3s ease}.section-4-column-blocks__body .secondary-media{opacity:0;visibility:hidden;background-color:var(--background-color)}@media (hover: hover){.section-4-column-blocks__body .section-4-column-blocks__body-item a:hover .primary-media:not(:only-of-type),.section-4-column-blocks__body .section-4-column-blocks__body-item a:focus-visible .primary-media:not(:only-of-type){opacity:0;visibility:hidden}.section-4-column-blocks__body .section-4-column-blocks__body-item a:hover .secondary-media,.section-4-column-blocks__body .section-4-column-blocks__body-item a:focus-visible .secondary-media{opacity:1;visibility:visible}}.section-4-column-blocks__body--title{font-size:4rem;line-height:4.8rem}.section-4-column-blocks__body--description{line-height:2rem;letter-spacing:1px}@media screen and (min-width: 990px){.section-4-column-blocks{padding:7rem 9.6rem}.section-4-column-blocks__body .section-4-column-blocks__body-item{flex:0 1 25%;box-sizing:border-box}}
/*# sourceMappingURL=/cdn/shop/t/758/assets/component-4-column-blocks.css.map */