*,html{margin:0;padding:0}.hero{position:relative;width:100%;min-height:100vh;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.hero__image{object-fit:cover;object-position:center;z-index:0}.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.3),rgba(0,0,0,.8));z-index:1}.hero__content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem}.hero__title{color:#ffffff;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}@media (min-width:640px){.hero__title{font-size:4rem}}.hero__subtitle{color:rgba(255,255,255,.85);font-size:1.125rem;max-width:40rem;margin-bottom:2rem;text-shadow:0 1px 4px rgba(0,0,0,.6)}@media (min-width:640px){.hero__subtitle{font-size:1.5rem}}.hero__button{display:inline-block;padding:.75rem 1.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffffff;font-size:1rem;border-radius:9999px;text-decoration:none;backdrop-filter:blur(4px);transition:background .3s ease}.hero__button:hover{background:rgba(255,255,255,.2)}