.asm-image-boxes{display:grid;grid-template-columns:1fr;gap:20px 20px;grid-gap:20px 20px}.asm-image-box__wrapper{height:0;padding-top:100%;overflow:hidden;position:relative}.asm-image-box,.asm-image-box__image,.asm-image-box__frame-image{position:absolute;top:0;left:0;width:100%;height:100%}.asm-image-box{overflow:hidden;text-align:center;text-decoration:none}.asm-image-box__image{object-fit:cover;z-index:3}.asm-image-box__frame-image{object-fit:cover;z-index:1}.asm-image-box__frame-image-mirror{position:absolute;top:-5%;left:-5%;width:110%;height:110%;object-fit:cover;z-index:2;filter:opacity(50%)}.asm-image-box__frame-all:not(.asm-image-box__style-none) .asm-image-box__image{padding:12.5%}.asm-image-box__frame-top-left:not(.asm-image-box__style-none) .asm-image-box__image{padding:12.5% 0 0 12.5%}.asm-image-box__frame-top-right:not(.asm-image-box__style-none) .asm-image-box__image{padding:12.5% 12.5% 0 0}.asm-image-box__frame-bottom-left:not(.asm-image-box__style-none) .asm-image-box__image{padding:0 0 12.5% 12.5%}.asm-image-box__frame-bottom-right:not(.asm-image-box__style-none) .asm-image-box__image{padding:0 12.5% 12.5% 0}.asm-image-box__heading,.asm-image-box__preheading,.asm-image-box__byline{position:absolute;z-index:4;width:75%;margin:0;padding:0}.asm-image-box__preheading{left:50%;top:12.5%;transform:translate(-50%);font-size:2rem;line-height:1.2;text-transform:uppercase}.asm-image-box__heading{left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%);font-family:var(--font-family-byline);font-size:calc((100vw - 40px)/8);font-weight:var(--font-weight-byline);line-height:1}.asm-image-box__byline{left:50%;bottom:12.5%;transform:translate(-50%);font-family:var(--font-family-byline);font-size:2.4rem;font-weight:var(--font-weight-byline);line-height:1.2}.asm-image-box__text-frame{position:absolute;top:50%;left:6.25%;width:auto;height:1.4rem;font-size:1.4rem;line-height:1;text-transform:uppercase;transform-origin:center;transform:translate(-50%,-50%) rotate(90deg);z-index:4}.asm-image-box__frame-top-right .asm-image-box__text-frame,.asm-image-box__frame-bottom-right .asm-image-box__text-frame{transform:translate(50%,-50%) rotate(90deg);right:6.25%}@media screen and (min-width: 960px){.asm-image-boxes{grid-template-columns:1fr 1fr;gap:50px 50px;grid-gap:50px 50px}.asm-image-box__heading{font-size:5vw}}@media screen and (min-width: 1920px){.asm-image-box__heading{font-size:96px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-image-boxes.css.map */