.hero{display:flex;flex-direction:column;@media screen and (min-width:768px){flex-direction:row}}.hero-left{margin-bottom:-40px;padding:40px 40px 80px;z-index:10;--size:29px;--p:43px;--R:52px;--background_color:#ebabab;background:radial-gradient(var(--R) at 50% calc(100% - var(--size) - var(--p)),var(--background_color) 99%,#0000 101%) calc(50% - var(--size)*2) 0/calc(var(--size)*4) 100%,radial-gradient(var(--R) at 50% calc(100% + var(--p)),#0000 99%,var(--background_color) 101%) 50% calc(100% - var(--size))/calc(var(--size)*4) 100% repeat-x;@media screen and (min-width:768px){--size:29px;--p:43px;--R:52px;--background_color:#ebabab;background:radial-gradient(var(--R) at calc(100% - var(--size) - var(--p)) 50%,var(--background_color) 99%,transparent 101%) 0 calc(50% - var(--size)*2)/100% calc(var(--size)*4),radial-gradient(var(--R) at calc(100% + var(--p)) 50%,transparent 99%,var(--background_color) 101%) calc(100% - var(--size)) 50%/100% calc(var(--size)*4) repeat-y;display:flex;justify-content:flex-end;margin-bottom:0;margin-right:-40px;padding-bottom:40px;padding-left:40px;padding-right:60px;padding-top:40px}}.hero-right{overflow:hidden}.media-container{height:300px;width:100%;@media screen and (min-width:768px){height:100%;max-height:500px;min-height:300px}}.hero__image{height:100%;max-height:300px;object-fit:cover;width:100%;@media screen and (min-width:768px){height:100%;max-height:100%;object-fit:cover;width:100%}}.text{align-items:center;display:flex;max-width:700px}