.hero-50-50{padding-block:8rem 4rem;overflow:hidden}.hero-50-50__container{padding-inline:1.6rem;max-width:176rem;display:flex;overflow:visible}@media (max-width: 989px){.hero-50-50{overflow:hidden;padding-block:2.4rem}.hero-50-50__container{flex-direction:column}.hero-50-50__container:has(.swiper-initialized){padding-inline-end:1.6rem}.hero-50-50__container--reverse-mobile{flex-direction:column-reverse}}.hero-50-50__content{flex:1 0 73rem;max-width:73rem;margin-inline-start:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;padding:1.6rem;position:relative;z-index:2;background-color:var(--color-white)}.hero-50-50__content:before{content:"";background-color:var(--color-white);width:200%;height:calc(100% + 1px);position:absolute;right:calc(100% - 1px);top:-1px}.hero-50-50__title{width:100%;max-width:56rem;color:var(--color-secondary-500);font-size:6.4rem;font-style:normal;font-weight:300;line-height:1.2;letter-spacing:-.03em;margin:0}.hero-50-50__entry{width:100%;max-width:56rem;color:var(--color-secondary-500);font-size:2rem;font-weight:400;line-height:1.5;letter-spacing:-.03em}.hero-50-50__actions{max-width:56rem;width:100%}@media (max-width: 1600px){.hero-50-50__content{flex:none;max-width:50rem;padding-block:3.2rem;gap:.8rem}}@media (max-width: 989px){.hero-50-50__content{margin:0;padding:0 1.6rem 2.4rem}.hero-50-50__container--reverse-mobile .hero-50-50__content{padding:2.4rem 1.6rem 0}.hero-50-50__title{font-size:2.4rem;line-height:1.4}.hero-50-50__entry{font-size:1.3rem;line-height:1.6;letter-spacing:-.02em}}.hero-50-50__media{flex:0 0 57.75%;max-width:57.75%;z-index:1}.hero-50-50__image,.hero-50-50__video{border-radius:.8rem;overflow:hidden;aspect-ratio:1.613}.hero-50-50__image:has(svg){background-color:var(--color-natural-600)}:is(.hero-50-50__image,.hero-50-50__video) :is(img,svg,video){width:100%;height:100%;object-fit:cover}@media (max-width: 989px){.hero-50-50__media{flex:none;max-width:100%}}.hero-50-50 .swiper{margin-right:0;overflow:visible}.hero-50-50 .swiper-slide{height:auto}.hero-50-50 .swiper:not(.swiper-initialized) .swiper-scrollbar{display:none}.hero-50-50 .swiper-scrollbar{margin-block-start:2.4rem;height:.1rem;padding:0;background-color:var(--color-natural-600)}.hero-50-50 .swiper-scrollbar-drag{background-color:var(--color-natural-900)}@media (max-width: 989px){.hero-50-50 .swiper{overflow:visible}.hero-50-50 .swiper-scrollbar{margin-block-start:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/hero-50-50.css.map */