fade-image-mosaic{display:block;padding:var(--fim-pt, 64px) 0 var(--fim-pb, 64px);box-sizing:border-box}.fim__inner{max-width:1200px;margin:0 auto;padding:0 50px;box-sizing:border-box}.fim__heading{font-size:clamp(22px,2.6vw,36px);font-weight:700;text-align:center;margin:0 0 32px}.fim__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:row dense;gap:var(--fim-gap, 8px)}.fim__card-wrap{grid-column:span var(--fim-span, 1)}.fim__grid--three{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:calc(var(--fim-h, 300px) * 2 + var(--fim-gap, 8px))}.fim__grid--three .fim__card-wrap{grid-column:auto}.fim__grid--three .fim__card-wrap:nth-child(1){grid-row:span 2}.fim__grid--three .fim__card{height:100%}.fim__card{position:relative;overflow:hidden;width:100%;height:var(--fim-h, 300px);border-radius:var(--fim-r, 8px)}.fim__bg-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.fim__bg-img{width:100%;height:100%;object-fit:cover;display:block}.fim__placeholder{width:100%;height:100%;display:block;background:#2a2a2a}.fim__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:20px 22px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.fim__title{font-size:clamp(14px,1.3vw,18px);font-weight:700;line-height:1.25;margin:0 0 6px}.fim__richtext{font-size:clamp(12px,1vw,14px);line-height:1.5}.fim__richtext>*+*{margin-top:.4em}.fim__richtext>*:first-child{margin-top:0}.fim__richtext h1,.fim__richtext h2,.fim__richtext h3,.fim__richtext h4{color:inherit}.fim__card-wrap.fim--fade-item{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.fim__card-wrap.fim--fade-item.is-visible{opacity:1;transform:none}@media(max-width:749px){fade-image-mosaic{padding-left:0;padding-right:0}.fim__inner{padding:0 20px}.fim__heading{font-size:clamp(20px,6vw,28px);margin-bottom:20px}.fim__grid{grid-template-columns:repeat(2,1fr)}.fim__card{height:var(--fim-h-m, 220px)}.fim__grid--three{grid-template-columns:1fr;grid-template-rows:none;height:auto}.fim__grid--three .fim__card-wrap:nth-child(1){grid-row:auto}.fim__grid--three .fim__card{height:var(--fim-h-m, 220px)}.fim__overlay{padding:14px 16px}.fim__title{font-size:clamp(12px,4vw,16px)}.fim__richtext{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fade-image-mosaic.css.map */