.hero{background:linear-gradient(27deg,var(--color-hero-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-hero-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-hero-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-hero-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-hero-300) calc(var(--spacing) * 2.5),var(--color-transparent) calc(var(--spacing) * 2.5)),linear-gradient(var(--color-hero-200) 25%,var(--color-hero-400) 25%,var(--color-hero-400) 50%,var(--color-transparent) 50%,var(--color-transparent) 75%,var(--color-hero-000) 75%,var(--color-hero-000));background-color:var(--color-hero-600);background-size:calc(var(--spacing) * 5) calc(var(--spacing) * 5)}.hero>.wrapper{display:grid;grid-auto-flow:dense;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));padding:var(--padding-hero-y) var(--padding-hero-x)}.hero>.wrapper>div{grid-column:span 12/span 12;text-align:center;align-content:center}.hero>.wrapper>div>img{margin:auto;padding:var(--padding-hero-img-xy);width:70%}.hero>.wrapper>div h1{color:var(--color-hero-heading-text);font-weight:300}.hero>.wrapper>div h1 strong{color:var(--color-hero-heading-bold-text);font-weight:400}.hero>.wrapper>div p{color:var(--color-hero-text)}.hero>.wrapper>div p strong{color:var(--color-hero-bold-text)}@media (width >= 48rem){.hero>.wrapper{max-width:var(--container-5xl);margin:auto}.hero>.wrapper>div{grid-column:span 6/span 6;text-align:left}}