.hero-section{align-items:flex-end;background:var(--dark);display:flex;height:85vh;justify-content:center;min-height:560px;overflow:hidden;padding-bottom:10vh;position:relative}.hero-section__media{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:1}.hero-section__overlay{background:rgba(0,0,0,.4);inset:0;position:absolute;z-index:2}.btn-hero{background:rgba(29,33,38,.6);border:none;border-radius:var(--radius);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:var(--white);display:inline-block;font-family:var(--font-body);font-size:1rem;font-weight:600;height:3rem;line-height:3rem;padding:0 4rem;text-decoration:none;transition:background .2s}.btn-hero:hover{background:rgba(29,33,38,.75);color:var(--white)}.hero-section__content{color:var(--white);margin:0 auto;max-width:48rem;padding:0 1rem;position:relative;text-align:center;z-index:10}.hero-section__heading{color:var(--white);font-family:var(--font-heading);font-size:2.25rem;font-weight:200;line-height:1.1;margin-bottom:1rem}.hero-section__subtitle{color:var(--white);font-size:1.125rem;font-weight:300;margin-bottom:2rem}@media (min-width:768px){.hero-section__heading{font-size:3.75rem}.hero-section__subtitle{font-size:1.25rem}}