.dnd-section:has(.callout){background:var(--dark-blue);margin:0!important;padding:0!important}.callout{display:flex;@media (max-width:820px){flex-direction:column;gap:var(--spacing-10x);padding-block:var(--spacing-10x)}& .btn--primary{--btn-hover-bg-color:transparent;--btn-hover-text-color:var(--yellow-base);--btn-hover-border-color:var(--yellow-base)}}.callout-body{flex:1 1 600px;padding-block:var(--spacing-20x) var(--spacing-30x);& .preheader{margin-bottom:var(--spacing-5x)}@media (max-width:820px){flex:none;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.callout-heading{margin-bottom:var(--spacing-4x)}.callout-description{margin-bottom:var(--spacing-8x)}.callout-image-wrapper{flex:1 1 680px;position:relative;z-index:0;&:before{background:linear-gradient(90deg,var(--dark-blue) 15.23%,rgb(from #86919b r g b/.5) 52.75%,rgb(from var(--white) r g b/0) 96.17%);content:"";height:100%;inset:0 auto auto 0;position:absolute;width:75%;z-index:1}@media (max-width:820px){border-radius:var(--radius-md);flex:none;height:400px;overflow:clip;width:100%;&:before{display:none}}@media (max-width:640px){height:250px}}.callout-image{--width-offset:calc(100vw - var(--container-width));height:100%;inset:0;max-width:none;object-fit:cover;object-position:top;position:absolute;width:calc(100% + var(--width-offset)/2);z-index:-1;@media (max-width:1350px){width:calc(100% + var(--container-padding))}@media (max-width:840px){height:100%;object-fit:cover;position:static;width:100%}}