.banner{background:linear-gradient(27deg,var(--color-banner-500) calc(var(--spacing) * 1.25),var(--color-transparent) calc(var(--spacing) * 1.25)) 0 calc(var(--spacing) * 1.25),linear-gradient(207deg,var(--color-banner-500) calc(var(--spacing) * 1.25),var(--color-transparent) calc(var(--spacing) * 1.25)) calc(var(--spacing) * 2.5) 0,linear-gradient(27deg,var(--color-banner-100) calc(var(--spacing) * 1.25),var(--color-transparent) calc(var(--spacing) * 1.25)) 0 calc(var(--spacing) * 2.5),linear-gradient(207deg,var(--color-banner-100) calc(var(--spacing) * 1.25),var(--color-transparent) calc(var(--spacing) * 1.25)) calc(var(--spacing) * 2.5) calc(var(--spacing) * 1.25),linear-gradient(90deg,var(--color-banner-300) calc(var(--spacing) * 2.5),var(--color-transparent) calc(var(--spacing) * 2.5)),linear-gradient(var(--color-banner-200) 25%,var(--color-banner-400) 25%,var(--color-banner-400) 50%,var(--color-transparent) 50%,var(--color-transparent) 75%,var(--color-banner-000) 75%,var(--color-banner-000));background-color:var(--color-banner-600);background-size:calc(var(--spacing) * 5) calc(var(--spacing) * 5)}.banner>.wrapper{display:grid;grid-auto-flow:dense;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));padding:var(--padding-banner-y) var(--padding-banner-x)}.banner>.wrapper>div{grid-column:span 12/span 12;text-align:center;align-content:center;animation:fadeInUp var(--duration-slow) var(--ease-out) both}.banner>.wrapper>div:first-child{animation-delay:calc(var(--stagger-delay) * 1)}.banner>.wrapper>div:nth-child(2){animation-delay:calc(var(--stagger-delay) * 2)}.banner>.wrapper>div>img{margin:auto;padding:var(--padding-banner-img-xy);width:70%}.banner>.wrapper>div h1{color:var(--color-banner-heading-text);font-weight:300}.banner>.wrapper>div h1 strong{color:var(--color-banner-heading-bold-text);font-weight:400}.banner>.wrapper>div p{color:var(--color-banner-text)}.banner>.wrapper>div p strong{color:var(--color-banner-bold-text)}@media (width >= 48rem){.banner>.wrapper{max-width:var(--container-5xl);margin:auto}.banner>.wrapper>div{grid-column:span 6/span 6;text-align:left}}