section.hero-title{padding:0 1rem}@media (min-width:768px){section.hero-title{padding:0 1.5rem}}@media (min-width:1024px){section.hero-title{padding:6rem calc(6vw - 1.5rem) 0}}section.hero-title .inner{background-color:var(--yorktel-blue);border-radius:var(--image-border-radius);overflow:hidden;padding:0;position:relative}section.hero-title .hero-image{aspect-ratio:16/9;height:auto;width:100%}@media (min-width:1024px){section.hero-title .inner{aspect-ratio:16/9}section.hero-title .hero-image{left:0;position:absolute;top:0;z-index:0}}@media (min-width:1280px){section.hero-title .hero-image,section.hero-title .inner{aspect-ratio:21/9}}section.hero-title .hero-image img{display:block;height:100%;object-fit:cover;object-position:left center;width:100%}section.hero-title .hero-text{color:#fff;flex:0 0 100%;margin:0;padding:1.5rem;position:relative;z-index:10}@media (min-width:1024px){section.hero-title .hero-text{padding:4rem}section.hero-title .inner .hero-image:after{background:#0077c8;background:linear-gradient(270deg,rgba(0,119,200,0),#0077c8);bottom:0;content:" ";height:100%;left:0;position:absolute;width:100%;z-index:2}}section.hero-title .hero-label{color:#fff;font-size:var(--font-body);font-weight:700;margin:0 0 1em;text-transform:uppercase}section.hero-title h1{color:#fff;font-size:var(--font-large);margin:0}@media (min-width:1024px){section.hero-title h1{font-size:var(--font-xlarge)}}section.hero-title p{color:#fff;font-size:var(--font-body);margin:1em 0}@media (min-width:1024px){section.hero-title{margin-bottom:0}section.hero-title .hero-text{flex:0 0 50%;font-size:var(--font-medium);line-height:1.5;margin:auto auto auto 0}section.hero-title h1{font-size:var(--font-xxlarge);margin:0 auto 0 0}section.hero-title p{font-size:var(--font-large);margin:.8em auto .8em 0}}section.hero-title .buttons:not(:empty){display:flex;flex:0 0 100%;gap:1.5rem;justify-content:flex-start;margin:1.5em 0 2em}section.hero-title .button{margin:0}