.image-mosaic__header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.image-mosaic__header-text{max-width:52ch}.image-mosaic__title{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;font-weight:700}.image-mosaic__intro{margin:0;opacity:.7;line-height:1.6}.image-mosaic__link{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;color:currentColor;text-decoration:none;font-weight:500;padding-top:6px}.image-mosaic__link:hover{opacity:.7}.image-mosaic__link .caret-icon{width:14px;height:14px}.image-mosaic__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--im-gap, 24px);align-items:start}.image-mosaic__col{display:flex;flex-direction:column;gap:var(--im-gap, 24px);min-width:0}.image-mosaic__card{min-width:0}.image-mosaic__card-link{display:block;color:currentColor;text-decoration:none}.image-mosaic__media{position:relative;overflow:hidden;border-radius:8px;background:#0000000a}.image-mosaic__media img,.image-mosaic__media svg{width:100%;height:100%;object-fit:cover;display:block}.image-mosaic__media--portrait{aspect-ratio:3 / 4}.image-mosaic__media--landscape{aspect-ratio:16 / 10}.image-mosaic__media--square{aspect-ratio:1 / 1}.image-mosaic__card-title{margin:14px 0 0;font-size:1rem;font-weight:600;line-height:1.35}.image-mosaic__card-desc{margin:4px 0 0;opacity:.7;font-size:.9rem;line-height:1.5}@media screen and (max-width:749px){.image-mosaic__header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.image-mosaic__grid{grid-template-columns:1fr}.image-mosaic__media--portrait{aspect-ratio:16 / 10}}.media-grid__wrapper .media-grid .grid-item.grid-item--text-below{display:flex;flex-direction:column}.media-grid__wrapper .media-grid .grid-item.grid-item--text-below .grid-item-content{position:static;inset:auto;width:100%;height:auto;padding:1rem .25rem 0}.media-grid__wrapper .media-grid .grid-item.grid-item--text-below .grid-item-content .content-group{width:100%;max-width:none;margin-inline:0}@media screen and (min-width:750px){.media-grid__wrapper .media-grid .grid-item.grid-item--text-below .grid-item-media{flex:1 1 auto;height:auto;min-height:0}}@media screen and (max-width:749px){.media-grid__wrapper .media-grid .grid-item.grid-item--text-below .grid-item-media{flex:0 0 auto;height:var(--mobile-media-height, 30rem)}}.image-with-text-block--image-left,.image-with-text-block--image-right{display:flex;align-items:flex-start;gap:16px}.image-with-text-block--image-right{flex-direction:row-reverse}.image-with-text-block--image-left .image-with-text-image,.image-with-text-block--image-right .image-with-text-image{flex:0 0 auto;width:var(--image-side-width, 64px)}.image-with-text-block--image-left .image-with-text-content,.image-with-text-block--image-right .image-with-text-content{flex:1 1 0;min-width:0;text-align:left}.image-with-text-list-block .slider-wrapper{align-items:stretch!important}.image-with-text-list-block .slider-slide{display:flex;height:auto}.image-with-text-list-block .slider-slide>.image-with-text-block,.image-with-text-list-block .slider-slide>.image-with-text-block-link{flex:1 1 auto;width:100%}.image-with-text-list-block .image-with-text-block-link{display:flex;flex-direction:column}.image-with-text-list-block .image-with-text-block-link>.image-with-text-block{flex:1 1 auto}.image-with-text-list-block .image-with-text-block--image-top{display:flex;flex-direction:column}.image-with-text-list-block .image-with-text-block--image-top .image-with-text-image{flex:0 0 auto}.image-with-text-list-block .image-with-text-block--image-top .image-with-text-content{flex:1 1 auto;display:flex;flex-direction:column}.image-with-text-list-block .image-with-text-block--image-top .image-with-text-content>.button{margin-top:auto;align-self:flex-start}.image-with-text-list-block .image-with-text-block--image-top .text-align--center>.button{align-self:center}.image-with-text-list-block .image-with-text-block--image-top .text-align--right>.button{align-self:flex-end}.image-with-text-list-block .image-with-text-block--image-top .image-with-text-content>*:has(+.button){margin-bottom:16px}.media-grid-slider:not(.slider--installed) :is(div,ul,nav):has(>button[name=previous]){display:none}.media-grid-slider.slider--installed :is(div,ul,nav):has(>button[name=previous]){display:flex;justify-content:flex-end;gap:10px;margin-top:12px;padding-right:4px;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}.media-grid-slider.slider--installed button[name=previous],.media-grid-slider.slider--installed button[name=next]{position:static!important;inset:auto!important;width:40px;height:40px;margin:0!important;border-radius:50%;border:1px solid #d9d9d9;background:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;transform:none!important;transition:border-color .15s ease}.media-grid-slider.slider--installed button[name=previous] svg,.media-grid-slider.slider--installed button[name=next] svg{width:16px;height:16px}.media-grid-slider.slider--installed button[name=previous]:hover,.media-grid-slider.slider--installed button[name=next]:hover{border-color:#999}.media-grid-slider.slider--installed button[name=previous][disabled],.media-grid-slider.slider--installed button[name=next][disabled]{opacity:.35!important;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */
