.c-image-video-grid{position:relative;width:100%}.c-image-video-grid__container{max-width:1440px;margin-left:auto;margin-right:auto;position:relative}.c-image-video-grid__grid{display:grid;grid-template-rows:auto auto}.c-image-video-grid__item-top-wrapper{display:grid;grid-template-columns:66.6666667% 1fr}.c-image-video-grid__item-bottom-wrapper{display:grid;grid-template-columns:1fr 66.6666667%}.c-image-video-grid__item{position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.c-image-video-grid__item.is-animated{opacity:1;transform:translateY(0)}.c-image-video-grid__item--large{aspect-ratio:960 / 540}.c-image-video-grid__item--small{aspect-ratio:480 / 270}.c-image-video-grid__image,.c-image-video-grid__video{width:100%;height:100%;object-fit:cover;display:block}.c-image-video-grid__placeholder{width:100%;height:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.c-image-video-grid__placeholder svg{width:40%;height:40%;opacity:.3}.c-image-video-grid__text-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:opacity .8s ease-out;padding-left:var(--space-36);padding-right:var(--space-36);max-width:100%;display:flex;justify-content:center;width:100%}.c-image-video-grid__text-wrapper.is-animated{opacity:1}.c-image-video-grid__text div{background:#fffc;padding:var(--space-8) var(--space-17);padding-left:var(--space-23);padding-bottom:var(--space-12);font-size:var(--fs-44);font-weight:600;letter-spacing:.1em;line-height:1;width:fit-content;color:var(--color-primary)}@media screen and (max-width: 1024px){.c-image-video-grid__text div{font-size:var(--fs-32)}}@media screen and (max-width: 768px){.c-image-video-grid__grid{grid-template-columns:1fr;gap:0}.c-image-video-grid__item-top-wrapper,.c-image-video-grid__item-bottom-wrapper{display:flex;flex-direction:column}.c-image-video-grid__item-top-wrapper-right,.c-image-video-grid__item-bottom-wrapper-left{display:grid;grid-template-columns:1fr 1fr}.c-image-video-grid__text:not(.sp-hidden){display:flex;flex-direction:column;gap:var(--space-8)}.c-image-video-grid__text div{font-size:var(--fs-29);width:fit-content;padding:1px 12px;letter-spacing:.08em;min-height:44px;display:flex;align-items:center}}@media screen and (max-width: 389px){.c-image-video-grid__text-wrapper{padding-left:var(--space-20);padding-right:var(--space-20)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/c-image-video-grid.css.map */