.modern-hero{position:relative;width:100%;aspect-ratio:1564/600;min-height:400px;max-height:80vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.modern-hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center top;z-index:1}.modern-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:2}.modern-hero__content{position:relative;z-index:3;width:100%;max-width:1200px;padding:0 2rem;margin:0 auto;color:#fff}.modern-hero__inner{max-width:600px}.modern-hero__tagline{display:block;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;opacity:.9}.modern-hero__title{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:2rem;color:#fff}.modern-hero__subtitle{font-size:1.8rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.modern-hero__buttons{display:flex;gap:1.6rem;flex-wrap:wrap}.modern-hero__btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.4rem 2.8rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease}.modern-hero__btn--primary{background-color:#0d65bf;color:#fff;border:2px solid #0d65bf}.modern-hero__btn--primary:hover{background-color:#1a2830;border-color:#1a2830;color:#fff}.modern-hero__btn--secondary{background-color:transparent;color:#fff;border:2px solid #fff}.modern-hero__btn--secondary:hover{background-color:#fff;color:#000}@media(max-width:768px){.modern-hero{aspect-ratio:auto;min-height:450px;max-height:550px}.modern-hero__bg{background-position:75% top}.modern-hero__title{font-size:3.6rem}.modern-hero__subtitle{font-size:1.6rem}}