.multicolumn_images_head{margin:0 0 3rem}.multicolumn_images_head.mi--left{text-align:left}.multicolumn_images_head.mi--center{text-align:center}.multicolumn_images_head.mi--right{text-align:right}.multicolumn_images_head h2{margin:0;color:var(--color-heading);font-weight:var(--font-weight)}.multicolumn_images_head h2 strong{-webkit-text-stroke:1px var(--color-heading);color:transparent;font-weight:600}.multicolumn_images_blocks_inner{display:grid;gap:var(--column-spacing);overflow:hidden;padding:2rem 0;grid-template-columns:repeat(4,1fr)}.multicolumn_images_img svg.placeholder_svg,.multicolumn_images_img img{width:100%;height:100%;object-fit:cover;position:absolute}.multicolumn_images_img svg.placeholder_svg{background:color-mix(in srgb,var(--color-secondary-background) 50%,transparent)}.multicolumn_images_block{position:relative;overflow:hidden}.multicolumn_images_block:nth-child(odd){transform:rotate(var(--tilt))}.multicolumn_images_block:nth-child(2n){transform:rotate(calc(var(--tilt) * -1))}.multicolumn_images_btn{position:absolute;top:50%;left:0;max-width:calc(100% - 8rem);width:100%;transform:translate(-2rem,-50%);z-index:1;display:flex;justify-content:center;align-items:center;text-align:center;opacity:0;transition:opacity .3s ease,transform .3s ease}.multicolumn_images_btn a{width:100%;padding:4rem 2rem;background:color-mix(in srgb,var(--color-primary-button-background) 50%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--color-primary-button-text);font-size:2rem;text-decoration:none}.multicolumn_images_block:hover .multicolumn_images_btn,.multicolumn_images_block:has(a:focus-visible) .multicolumn_images_btn{opacity:1;transform:translateY(-50%)}.multicolumn_images_btn a:focus-visible{outline-offset:3px}.multicolumn_images_block:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:0;transform:scaleY(0);transform-origin:bottom;transition:transform .6s}.multicolumn_images_block:hover:after{transform:scale(1)}@media screen and (max-width:1199px){.multicolumn_images_blocks_inner{grid-template-columns:1fr 1fr}.multicolumn_images_btn{max-width:calc(100% - 2rem)}}@media screen and (max-width:640px){.multicolumn_images_blocks_inner{gap:1.5rem}.multicolumn_images_btn a{padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/multicolumn-images.css.map */