.media-background-swap{position:relative;width:100%;min-height:var(--content-section-height-min);max-height:var(--content-section-height-max);height:var(--content-section-height-standard);overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;padding:var(--unit-8);gap:var(--unit-8)}.media-background-swap__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.media-background-swap__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.media-background-swap__image--1{opacity:1}.media-background-swap__image--2,.media-background-swap__image--hover-1,.media-background-swap__image--hover-2{opacity:0}.media-background-swap__content{position:relative;z-index:2;width:100%;height:fit-content;display:flex;justify-content:space-between;gap:var(--unit-9)}.media-background-swap__container{width:50%;color:var(--color-text-inverse);display:flex;flex-direction:column;align-items:flex-start;gap:var(--unit-9)}.media-background-swap__title{margin:0 0 var(--unit-6);font-size:var(--font-size-6);line-height:1.2;font-family:var(--font-serif);color:var(--color-text-inverse);width:50%;height:fit-content}.media-background-swap__body{font-size:var(--font-size-5);color:var(--color-text-inverse)}.media-background-swap__thumbnail{width:160px;height:160px;overflow:hidden;display:none}.media-background-swap__thumbnail img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1200px){.media-background-swap__container{width:60%;padding:0}.media-background-swap__title{font-size:var(--font-size-6)}}@media screen and (max-width: 768px){.media-background-swap{padding:var(--unit-6)}.media-background-swap__content{padding:0;margin:0;flex-direction:column}.media-background-swap__container{width:90%;margin:0;padding:0}.media-background-swap__title{font-size:var(--font-size-5)}}@media screen and (min-width: 1600px){.media-background-swap{min-height:var(--content-section-height-min);max-height:1000px;height:var(--content-section-height-standard);padding:var(--unit-9) var(--unit-9)}.media-background-swap__content{padding:0;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-media-background-swap.css.map */