.cleogene-scrollable-text-image{position:relative}.cleogene-scrollable-text-image__container{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}.cleogene-scrollable-text-image__container--reverse{direction:rtl}.cleogene-scrollable-text-image__container--reverse>*{direction:ltr}.cleogene-scrollable-text-image__media-wrapper{position:sticky;top:100px;height:90vh;min-height:400px;overflow:hidden;align-self:start}.cleogene-scrollable-text-image__media{width:100%;height:100%;border-radius:var(--media-radius);overflow:hidden;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));position:relative}.cleogene-scrollable-text-image__media-wrapper.is-container-full,.cleogene-scrollable-text-image__media-wrapper.is-viewport-full{border-radius:0;box-shadow:none;padding:0}.cleogene-scrollable-text-image__media img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;position:absolute;top:0;left:0}.cleogene-scrollable-text-image__media--placeholder{position:relative;background:rgba(var(--color-foreground),.04)}.cleogene-scrollable-text-image__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.cleogene-scrollable-text-image__text-wrapper{display:flex;align-items:center;padding:2rem 0}.cleogene-scrollable-text-image__content{width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));overflow:hidden}.cleogene-scrollable-text-image__scrollable-content{width:100%;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.cleogene-scrollable-text-image__heading{margin-bottom:2rem;margin-top:0}.cleogene-scrollable-text-image__text{margin-bottom:2rem}.cleogene-scrollable-text-image__text:last-child{margin-bottom:0}.cleogene-scrollable-text-image__text p{margin-top:0;margin-bottom:1rem}.cleogene-scrollable-text-image__text p:last-child{margin-bottom:0}.cleogene-scrollable-text-image__content>*+*{margin-top:2rem}.cleogene-scrollable-text-image__content>.cleogene-scrollable-text-image__text:empty~a{margin-top:2rem}.cleogene-scrollable-text-image__content>:first-child:is(.cleogene-scrollable-text-image__heading),.cleogene-scrollable-text-image__text--caption+.cleogene-scrollable-text-image__heading,.cleogene-scrollable-text-image__text--caption:first-child{margin-top:0}.cleogene-scrollable-text-image__content :last-child:is(.cleogene-scrollable-text-image__heading),.cleogene-scrollable-text-image__text--caption{margin-bottom:0}.cleogene-scrollable-text-image__content .button+.cleogene-scrollable-text-image__text{margin-top:2rem}.cleogene-scrollable-text-image__content .cleogene-scrollable-text-image__text+.button{margin-top:3rem}@media screen and (max-width: 749px){.cleogene-scrollable-text-image__container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cleogene-scrollable-text-image__container--reverse{grid-template-rows:1fr auto}.cleogene-scrollable-text-image__media-wrapper{position:relative;height:50vh;min-height:300px;top:0}.cleogene-scrollable-text-image__text-wrapper{padding:1rem 0}.cleogene-scrollable-text-image__content{height:auto}.cleogene-scrollable-text-image__scrollable-content{padding:2rem 1.5rem}}@media screen and (min-width: 750px) and (max-width: 989px){.cleogene-scrollable-text-image__scrollable-content{padding:3rem 2.5rem}}@media screen and (min-width: 990px){.cleogene-scrollable-text-image__scrollable-content{padding:4rem 3rem}}.cleogene-scrollable-text-image .animate--ambient{animation:ambient 20s ease-in-out infinite}.cleogene-scrollable-text-image .animate--zoom-in:hover{transform:scale(1.05);transition:transform .3s ease}@keyframes ambient{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.cleogene-scrollable-text-image .gradient{transform:perspective(0)}.cleogene-scrollable-text-image .background-transparent{background:transparent}@supports not (inset: 10px){.cleogene-scrollable-text-image__container{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cleogene-scrollable-text-image.css.map */