.banner-image-text{--page-margin: 4rem;--column-gap: 7.0625rem;display:grid;grid-template-columns:max((100% - 1408px) / 2,var(--page-margin)) 38.125rem max(var(--column-gap)) auto max((100% - 924px) / 2,var(--page-margin));grid-template-rows:5.5rem minmax(auto,calc(100% - 5rem)) auto 3.9375rem}.banner-image-text figure{position:relative;grid-column:2/3;grid-row:2/-1;width:100%;height:auto;justify-self:flex-end;align-self:flex-end;aspect-ratio:610/455}.banner-image-text figure img{position:relative;width:100%;height:100%;object-fit:cover}.banner-image-text .text-wrapper{display:contents}.banner-image-text .text-wrapper:before{content:"";background:#002e3c;width:100%;height:100%;grid-column:1/-1;grid-row:1/-2}.banner-image-text .text-wrapper .text{position:relative;grid-column:4/-2;grid-row:2/-2;padding-bottom:3rem}.banner-image-text .text-wrapper .text .headline{font-weight:500}.banner-image-text .text-wrapper .text>*{color:#fff}.banner-image-text .text-wrapper .text>*+*{margin-top:1rem}.banner-image-text.inverted{grid-template-columns:max((100% - 924px) / 2,var(--page-margin)) auto max(var(--column-gap)) 38.125rem max((100% - 1408px) / 2,var(--page-margin))}.banner-image-text.inverted figure{grid-column:4/5;grid-row:2/-1;align-self:flex-end}.banner-image-text.inverted .text-wrapper .text{grid-column:2/3;grid-row:2/-2}@media (max-width: 1280px){.banner-image-text{--column-gap: 4rem}}@media (max-width: 1024px){.banner-image-text{--column-gap: 4rem;grid-template-columns:max((100% - 1408px) / 2,var(--page-margin)) minmax(auto,38.125rem) max(var(--column-gap)) 1fr max((100% - 924px) / 2,var(--page-margin));grid-template-rows:5.5rem minmax(auto,calc(100% - 5rem)) auto 4rem}.banner-image-text figure{grid-row:1/3;align-self:flex-start;grid-column:2/4}.banner-image-text .text-wrapper:before{grid-row:2/-1}.banner-image-text .text-wrapper .text{grid-column:2/-2;grid-row:3/-2;padding-bottom:unset;padding-top:4rem}.banner-image-text.inverted{grid-template-columns:max((100% - 924px) / 2,var(--page-margin)) 1fr max(var(--column-gap)) minmax(auto,38.125rem) max((100% - 1408px) / 2,var(--page-margin))}.banner-image-text.inverted figure{grid-column:3/5;grid-row:1/3;align-self:flex-start}.banner-image-text.inverted .text-wrapper:before{grid-row:2/-1}.banner-image-text.inverted .text-wrapper .text{grid-column:2/-2;grid-row:3/-2}}
