.image-text-custom{width:100%}.image-text-custom__container{width:100%;max-width:1300px;margin:0 auto}.image-text-custom__grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media screen and (min-width: 750px){.image-text-custom__grid{grid-template-columns:45% 55%;gap:2rem}}@media screen and (min-width: 750px){.image-text-custom__grid--reversed{direction:rtl}.image-text-custom__grid--reversed>*{direction:ltr}}.image-text-custom__image-column{width:100%}.image-text-custom__image-wrapper{position:relative;width:100%;overflow:hidden;box-shadow:8px 8px 24px #0000001f,2px 2px 8px #00000014}.image-text-custom__image{width:100%;height:100%;object-fit:cover;object-position:center}.image-text-custom__video-container{position:relative;width:100%;height:100%;cursor:pointer}.image-text-custom__video{width:100%;height:100%;object-fit:cover;object-position:center}.image-text-custom__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;box-shadow:0 4px 20px #00000026}.image-text-custom__play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background-color:#fff;box-shadow:0 6px 30px #0003}.image-text-custom__play-btn svg{width:32px;height:32px;margin-left:4px;color:#000}.image-text-custom__video-container.is-playing .image-text-custom__play-btn{opacity:0;pointer-events:none}.image-text-custom__video-container:hover .image-text-custom__play-btn{opacity:1;pointer-events:auto}@media screen and (max-width: 749px){.image-text-custom__play-btn{width:60px;height:60px}.image-text-custom__play-btn svg{width:24px;height:24px;margin-left:3px}}.image-text-custom__image-wrapper .placeholder-svg{width:100%;height:100%;object-fit:cover;background-color:rgba(var(--color-foreground),.04)}.image-text-custom__content-column{display:flex;align-items:center;justify-content:center}.image-text-custom__content{max-width:60rem;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (min-width: 750px){.image-text-custom__content{padding:0 3rem}}.image-text-custom__logo{max-width:300px;width:100%;height:auto;margin-bottom:2rem}@media screen and (max-width: 749px){.image-text-custom__logo{max-width:200px;margin-left:auto;margin-right:auto}}.image-text-custom__subtitle{display:block;font-size:1.2rem;letter-spacing:.2rem;text-transform:uppercase;color:rgba(var(--color-foreground),.6);margin-bottom:1rem}.image-text-custom__title{position:relative;margin:0 0 2rem;padding-top:2rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:1.2;text-transform:uppercase;letter-spacing:.05em}.image-text-custom__title:before{content:"";position:absolute;top:0;left:0;width:4rem;height:3px;background-color:rgb(var(--color-foreground))}.image-text-custom__text{line-height:1.8;color:rgba(var(--color-foreground),.75);margin-bottom:2.5rem;font-style:italic}.image-text-custom__text p{margin:0}.image-text-custom__button.link{display:inline-flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));position:relative;padding-bottom:.3rem;border-bottom:1px solid rgb(var(--color-foreground));transition:all .3s ease}.image-text-custom__button.link:hover{border-bottom-color:transparent}.image-text-custom__button.link .icon-wrap{display:inline-flex;align-items:center;transition:transform .3s ease}.image-text-custom__button.link .icon-arrow{width:1.4rem;height:auto}.image-text-custom__button.link:hover .icon-wrap{transform:translate(4px)}.image-text-custom__button--solid{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px 9px;font-size:1.2rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;background-color:#000;color:#fff;border:1px solid #000000;transition:all .3s ease}.image-text-custom__button--solid:hover{background-color:transparent;color:#000}@media screen and (max-width: 749px){.image-text-custom__content{text-align:center;align-items:center}.image-text-custom__title:before{left:50%;transform:translate(-50%)}.image-text-custom__button.link{justify-content:center}.image-text-custom__content .button{display:block;width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-image-with-text-custom.css.map */