.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:50vh;position:relative}.hero .bg-overlay{height:100%;left:0;mix-blend-mode:multiply;opacity:.65;position:absolute;top:0;width:100%}.hero .container{display:flex;flex-flow:column wrap;height:inherit;min-height:inherit;position:relative;row-gap:2rem}.hero .container .grid{flex-grow:2}.hero.bg--dusk .bg-overlay{background:var(--dusk);mix-blend-mode:multiply;opacity:.65}.hero.bg--sky .bg-overlay{background:var(--sky);mix-blend-mode:normal;opacity:.9}.hero.bg--teal .bg-overlay{background:var(--teal);mix-blend-mode:normal;opacity:.9}.hero.bg--leaf .bg-overlay{background:var(--leaf);mix-blend-mode:normal;opacity:.9}.hero.bg--sun .bg-overlay{background:var(--sun);mix-blend-mode:normal;opacity:.9}.hero.bg--pearl .bg-overlay{background:var(--pearl);mix-blend-mode:normal;opacity:.9}@media (min-width:768px){.hero{min-height:calc(75vh - var(--header-height))}.hero .grid{grid-template-columns:1fr 1fr}.hero .grid>div{grid-column:span 1}}