.ml-banner{position:relative;display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat}
.ml-banner__overlay{position:absolute;inset:0}
.ml-banner__wrap{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:60px 30px}
@media(min-width:768px){.ml-banner__wrap{padding:60px}}
.ml-banner__title{margin:0;color:#fff}
.ml-banner__sub{font-family:var(--sans);font-weight:700;font-size:20px;margin:14px 0 0;color:#fff}
.ml-banner__body{margin:16px 0 0;font-size:20px;font-weight:700;color:#fff}
.ml-banner__foot{font-family:var(--sans);font-weight:700;font-size:19px;margin:16px 0 0;color:#fff}
/* responsive background image (file relation): width steps up with viewport */
.ml-banner--img{background-image:var(--ml-bg-md)}
@media(max-width:767px){.ml-banner--img{background-image:var(--ml-bg-sm)}}
@media(min-width:1280px){.ml-banner--img{background-image:var(--ml-bg-lg)}}
@media(min-width:1920px){.ml-banner--img{background-image:var(--ml-bg-xl)}}