.page-hero{background-color:var(--color-orange);position:relative;&.white{background-color:var(--color-white)}&.orange{background-color:var(--color-orange)}&.blue-light{background-color:var(--color-blue-light)}&.blue-dark{background-color:var(--color-blue-dark)}.hero-content{align-items:center;display:flex;justify-content:center;min-height:650px;position:relative;width:100%;z-index:2;@media (min-width:1024px){min-height:820px}h1,h2,h3,h4,h5,h6{color:var(--color-white);font-weight:var(--font-regular);margin-bottom:1rem;& strong{font-weight:var(--font-bold)}}p{color:var(--color-white);font-size:var(--font-size-xl-paragraph);line-height:var(--line-height-xl-paragraph)}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:2rem}}.hero-media{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1;figure{height:100%;margin:0;mask-position:100% 100%;-webkit-mask-position:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:cover;-webkit-mask-size:cover;overflow:hidden;padding:0;width:100%;.hero-overlay{background-color:rgba(2,46,63,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}img{&.hero-line{bottom:auto;left:auto;min-height:820px;object-fit:cover;object-position:100% 0;opacity:.35;position:absolute;right:0;top:0;width:100%;z-index:3}&:not(.hero-line){height:100%;object-fit:cover;object-position:center;position:relative;width:100%;z-index:1}}}}}