.hero{align-items:center;display:flex;gap:var(--spacing-20x);justify-content:space-between;padding-block:var(--spacing-12x) var(--spacing-16x);position:relative;z-index:0;&:after{background:var(--griege-base);content:"";height:100%;inset:0 45% auto auto;position:absolute;width:calc(50vw + 5%);z-index:-1;@media (max-width:802px){inset:0 50% auto auto;transform:translateX(50%);width:100vw}}@media (max-width:820px){flex-direction:column}}.hero__content{flex:1 1 526px;@media (max-width:820px){flex:none}}.hero__heading{margin-bottom:var(--spacing-5x)}.hero__image-wrapper{flex:1 1 672px;@media (max-width:820px){flex:none}}