.branche-hero{display:flex;margin:var(--so-margin) 0;.branche-hero-content{background-color:var(--so-color-peach);border-radius:24px;flex:1;max-width:764px;padding:80px 96px;z-index:0}.overline{background-color:var(--so-color-sand);border-radius:8px;color:var(--so-color-marine);display:inline-block;font-size:16px;font-weight:500;letter-spacing:-2%;line-height:1.3;margin-bottom:16px;padding:4px 6px}figure{flex:1;margin-right:-80px;max-width:calc(50% + 80px);transform:rotate(-1deg);img{border-radius:20px;height:100%;object-fit:cover;object-position:center;width:100%}}.button-wrapper{margin-bottom:0}&.image-right{flex-direction:row-reverse;.branche-hero-content{margin:24px 0}figure{margin-left:-80px;margin-right:0;transform:rotate(1deg)}}&.dark{.branche-hero-content{background-color:var(--so-color-marine);color:var(--so-color-white);h1,h2,h3,h4,h5,h6{color:var(--so-color-white)}}.overline{background-color:var(--so-color-mauve)}}@media screen and (max-width:1024px){.branche-hero-content{padding:40px 48px}}@media screen and (max-width:868px){margin-top:0}@media screen and (max-width:768px){flex-direction:column-reverse!important;.branche-hero-content{margin:0 0 -40px!important;padding:16px}figure{aspect-ratio:1/1;margin-left:unset!important;max-width:100%;transform:rotate(0deg)!important}}}