section.campagne-banner{background-color:var(--citroen-100);border-radius:var(--band-md);padding:var(--band-md)}.campagne__container{align-items:stretch;display:flex;flex-direction:row;gap:var(--band-xl);justify-content:space-between}.campagne__badge{background-color:var(--noir-500);border-radius:4px;color:var(--linnen-100);font-size:13px;padding:6px var(--band-xs);width:fit-content}.campagne__content{display:flex;flex:1 1 50%;flex-direction:column;gap:var(--band-lg);justify-content:center;max-width:40%;min-width:0}.campagne__content__top{display:flex;flex-direction:column;gap:var(--band-md);& .campagne__badge{font-size:13px;text-transform:uppercase}& .campagne__header{color:var(--noir-500);max-width:416px}}.campagne__content__bottom{display:flex;flex-direction:column;gap:var(--band-md);& .campagne__description{color:var(--neutraal-300);max-width:none}& .campagne__buttons{display:flex;gap:var(--band-xs)}}.campagne__images{align-items:stretch;display:grid;flex:1 1 50%;gap:var(--band-sm);grid-template-columns:minmax(140px,.5fr) minmax(180px,1fr);max-height:65dvh;max-width:50%;& .campagne__image{display:flex;min-height:420px;position:relative;& img{border-radius:var(--band-sm);height:100%;object-fit:cover;object-position:center;width:100%}& .campagne__badges{bottom:var(--band-sm);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--band-xs);left:var(--band-sm);position:absolute;& .campagne__badge:first-child{background-color:var(--terra-300)}}}}@media (max-width:992px){.campagne__container{gap:var(--band-md);padding-left:var(--band-md)}.campagne__content{max-height:none!important;max-width:40%}button{white-space:nowrap}.campagne__header{font-size:36px!important;letter-spacing:var(--h3-letter)!important;line-height:var(--h3-line)!important}}@media (max-width:768px){section.campagne-banner{padding:var(--band-lg) var(--band-md)}.campagne__container{flex-direction:column}.campagne__buttons{flex-direction:row;& a{flex:1 1 auto;& button{width:100%}}}.campagne__content,.campagne__images{flex:1 1 100%;gap:var(--band-sm);grid-template-columns:minmax(111px,.4fr) minmax(220px,1fr);max-height:373px;max-width:100%;& img{max-height:373px;min-height:0}}.campagne__images{margin:var(--band-md) calc(var(--band-md)*-1) 0;max-width:unset;width:calc(100% + var(--band-md)*2)}.campagne__image{min-height:0!important}}@media (max-width:576px){.campagne__buttons{flex-direction:column;& a{flex:1 1 auto;& button{width:100%}}}}