.c-hero-banner{position:relative}.c-hero-banner__container{display:grid;column-gap:20px;row-gap:24px;grid-template-columns:repeat(4,1fr)}@media(min-width:48em){.c-hero-banner__container{row-gap:0;grid-template-columns:repeat(12,1fr)}}@media(min-width:64em){.c-hero-banner__container{column-gap:24px}}.c-hero-banner__copy{grid-row:2;grid-column:1 / span 4}@media(min-width:48em){.c-hero-banner__copy{grid-column:2 / span 10}}@media(min-width:64em){.c-hero-banner__copy{grid-row:1;grid-column:1 / span 6;align-self:center}}.c-hero-banner__picture{grid-row:1;grid-column:1 / span 4}.c-hero-banner__picture img{width:100%;height:auto}@media(min-width:48em){.c-hero-banner__picture{grid-column:3 / span 8}}@media(min-width:64em){.c-hero-banner__picture{grid-column:8 / span 5}}@media(min-width:64em){.c-hero-banner__container--layout-right .c-hero-banner__copy{grid-column:7 / span 6}}@media(min-width:64em){.c-hero-banner__container--layout-right .c-hero-banner__picture{grid-column:1 / span 5;text-align:left;font-size:0}}.c-hero-banner__title{font-size:21px;line-height:30px;margin-bottom:11px;text-align:left}@media(min-width:64em){.c-hero-banner__title{font-size:44px;line-height:53px}}.c-hero-banner__description{font-size:21px;line-height:30px;margin-bottom:0}@media(min-width:64em){.c-hero-banner__description{font-size:24px;line-height:33px}}.c-hero-banner__description>:last-child{margin-bottom:0}