@layer base{.hero{background-position:50%;background-size:cover;place-items:center stretch;width:100%;display:grid}.hero>*{grid-row-start:1;grid-column-start:1}.hero-content{z-index:0;max-width:80rem;color:inherit;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-inline:auto;padding-block:4rem;padding-inline:1rem;display:flex}.hero-overlay{background-color:oklab(0 none none/.5);width:100%;height:100%}}