.hero{--layout:"hero";display:flex;flex-direction:column}.hero.home{margin-block:2rem var(--header-spacing)}.hero[class*=banner]{--radius:0;--type:"banner";--radius:20px;--op:0.65;justify-content:center;align-items:center;height:250px;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:var(--radius);box-shadow:3px 3px 6px rgba(0,0,0,var(--op))}.hero[class*=banner] .title{font-size:3.1rem;color:var(--white-color);text-shadow:0 4px 4px rgba(0,0,0,.25)}