.hero-split{--extend:15rem;block-size:100vh;color:var(--neutral-100)}@media (max-width:75rem){.hero-split{--extend:7.5rem}}@media (max-width:55rem){.hero-split{block-size:auto}}.hero-split [class*=container]{align-items:center;block-size:100%;display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}@media (max-width:55rem){.hero-split [class*=container]{grid-template-columns:1fr}}.hero-split__left,.hero-split__right{block-size:100%;display:flex;flex-direction:column;inline-size:calc(100% + var(--extend)*1.5);justify-content:center;padding:var(--gap-xl);position:relative;transition:all var(--animation-speed-slow) var(--cubic-bezier)}@media (max-width:75rem){.hero-split__left,.hero-split__right{padding:var(--gap-lg)}}@media (max-width:55rem){.hero-split__left,.hero-split__right{inline-size:100%;padding-block:var(--gap-xxl)}}.hero-split__left:after,.hero-split__left:before,.hero-split__right:after,.hero-split__right:before{content:"";inset:0;position:absolute}.hero-split__left:before,.hero-split__right:before{background-color:rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:opacity var(--animation-speed-slow) var(--cubic-bezier);z-index:3}.hero-split__left:after,.hero-split__right:after{background-color:rgba(0,0,0,.5);z-index:0}@media (min-width:1201px){.hero-split:has(.hero-split__left:hover) .hero-split__right{translate:var(--extend) 0}.hero-split:has(.hero-split__left:hover) .hero-split__right .hero-split__content{translate:calc(var(--extend)*-1) 0}.hero-split:has(.hero-split__left:hover) .hero-split__right:before{opacity:1}}@media (min-width:1201px){.hero-split:has(.hero-split__right:hover) .hero-split__left{translate:calc(var(--extend)*-2) 0}.hero-split:has(.hero-split__right:hover) .hero-split__left .hero-split__content{translate:var(--extend) 0}.hero-split:has(.hero-split__right:hover) .hero-split__left:before{opacity:1}}.hero-split__left{-webkit-clip-path:polygon(0 0,100% 0,calc(100% - var(--extend)/2) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - var(--extend)/2) 100%,0 100%);padding-inline-end:calc(var(--extend)/2 + var(--gap-xl));padding-inline-start:calc(var(--extend) + var(--gap-xl));translate:calc(var(--extend)*-1) 0}@media (max-width:75rem){.hero-split__left{padding-inline-end:calc(var(--extend)/2 + var(--gap-lg));padding-inline-start:calc(var(--extend) + var(--gap-lg))}}@media (max-width:55rem){.hero-split__left{-webkit-clip-path:none;clip-path:none;padding-inline:var(--margin-container);translate:0 0}}@media (min-width:1201px) and (hover:hover){.hero-split__left:focus,.hero-split__left:hover{translate:0 0}}.hero-split__right{-webkit-clip-path:polygon(calc(var(--extend)/2) 0,100% 0,100% 100%,0 100%);clip-path:polygon(calc(var(--extend)/2) 0,100% 0,100% 100%,0 100%);padding-inline-end:calc(var(--extend) + var(--gap-xl));padding-inline-start:calc(var(--extend)/2 + var(--gap-xl));translate:calc(var(--extend)*-.25) 0}@media (max-width:75rem){.hero-split__right{padding-inline-start:calc(var(--extend)/2 + var(--gap-lg))}}@media (max-width:55rem){.hero-split__right{-webkit-clip-path:none;clip-path:none;padding-inline:var(--margin-container);translate:0 0}}@media (min-width:1201px) and (hover:hover){.hero-split__right:focus,.hero-split__right:hover{translate:calc(var(--extend)*-1.25) 0}}.hero-split__content{position:relative;text-align:center;transition:translate var(--animation-speed-slow) var(--cubic-bezier);translate:0 0;z-index:1}.hero-split__image{block-size:100%;inline-size:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:-1}