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