.hero-banner__pattern{z-index:0;display:block;position:absolute;opacity:.04;top:0;left:50%;width:46.875rem}@media(min-width:64em){.hero-banner__pattern{width:53.125rem}}@media(min-width:75em){.hero-banner__pattern{width:62.5rem}}@media(min-width:90em){.hero-banner__pattern{width:81.25rem}}.hero-banner__pattern--with-img{left:auto;right:0}@media(min-width:48em){.hero-banner__pattern--with-img{right:50%}}.hero-banner__pattern--m-at-m{transform:translateX(-50%)}.hero-banner__pattern--flipped{transform:scaleX(-1)}