.content-with-media{position:relative;padding:4rem 0;overflow:hidden}.content-with-media .container{position:relative;z-index:2}.content-with-media .richtext-content-wrapper{padding-right:3rem;height:100%;display:flex;flex-direction:column;justify-content:center}.content-with-media .richtext-content{font-size:18px;line-height:1.6;letter-spacing:0;font-weight:400;margin-bottom:0}.content-with-media .richtext-content p{margin-bottom:1.5rem}.content-with-media .richtext-content p:last-child{margin-bottom:0}.media-blocks-wrapper{display:flex;gap:30px}.content-with-media .media-block{position:relative;border-radius:12px;overflow:hidden;transition:all .3s ease;flex:1}.content-with-media .media-block:first-child{padding-bottom:70px}.content-with-media .media-block:last-child{padding-top:70px}.content-with-media .media-block:hover{transform:translateY(-5px)}.content-with-media .video-container{position:relative;width:100%;height:auto;border-radius:12px;overflow:hidden;opacity:80%;aspect-ratio:.64}.content-with-media .media-video{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:all .3s ease}.content-with-media .custom-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease;z-index:3;display:flex;align-items:center;justify-content:center}.content-with-media .custom-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.content-with-media .custom-play-button svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.content-with-media .image-container{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;aspect-ratio:.64}.content-with-media .media-image-link{display:block;width:100%;height:100%;text-decoration:none}.content-with-media .media-image{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:all .3s ease}.content-with-media .media-image:hover{transform:scale(1.05)}@media (max-width: 767px){.content-with-media{padding:2rem 0}.content-with-media .richtext-content-wrapper{padding-right:0;margin-bottom:2rem}.content-with-media .media-blocks-wrapper{padding-left:0;gap:16px}.content-with-media .richtext-content{font-size:14px}.content-with-media .custom-play-button svg{width:42px;height:42px}.content-with-media .media-block:last-child{padding-top:40px}.content-with-media .media-block:first-child{padding-bottom:40px}}@media (prefers-reduced-motion: no-preference){.content-with-media .media-video,.content-with-media .media-image{animation:fadeInMedia .8s ease-in-out}}@keyframes fadeInMedia{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.content-with-media .media-video,.content-with-media .media-image{animation:none}.content-with-media .media-image:hover,.content-with-media .media-block:hover{transform:none}.content-with-media .custom-play-button:hover{transform:translate(-50%,-50%)}}@media (prefers-contrast: high){.content-with-media .media-block{border:2px solid #ffffff}.content-with-media .richtext-content{color:#fff!important}}.content-with-media .media-image-link:focus{outline:3px solid rgba(255,255,255,.8);outline-offset:4px;border-radius:12px}.content-with-media .custom-play-button:focus{outline:3px solid rgba(250,249,208,.8);outline-offset:4px;border-radius:50%}.content-with-media .media-video[src=""],.content-with-media .media-image[src=""]{opacity:0}.content-with-media .media-video::-webkit-media-controls-panel{background-color:#000c}.content-with-media .media-video::-webkit-media-controls-play-button{background-color:#faf9d0e6;border-radius:50%}.content-with-media .richtext-content strong{font-weight:600;color:#eec061}.content-with-media .media-block.video-block{background:linear-gradient(135deg,#0000004d,#0000001a)}.content-with-media .media-block.image-block{background:#ffffff08}.content-with-media .media-block:hover .media-video,.content-with-media .media-block:hover .media-image{filter:brightness(1.1)}.content-with-media .media-video::-webkit-media-controls-timeline{background-color:#faf9d04d}.content-with-media .media-video::-webkit-media-controls-current-time-display,.content-with-media .media-video::-webkit-media-controls-time-remaining-display{color:#faf9d0}
/*# sourceMappingURL=/cdn/shop/t/19/assets/content-with-media.css.map */