.hero{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;min-height:70vh;position:relative}.hero:before{background:rgba(0,0,0,.4);content:"";inset:0;position:absolute}.hero__inner{margin:0 auto;max-width:1200px;padding:4rem 2rem;position:relative;text-align:center}.hero__headline{font-size:clamp(2.5rem,6vw,5rem);margin:0 0 1rem}.hero__button{background:#fff;color:#000;display:inline-block;font-weight:600;margin-top:2rem;padding:1rem 2rem;text-decoration:none;transition:transform .2s}.hero__button:hover{transform:translateY(-2px)}