/* One hero layout. The fade lives below the content, independent of text length. */
main .services-hero{position:relative;isolation:isolate;overflow:hidden;padding:155px 0 200px!important;background:radial-gradient(60% 50% at 18% 0%,rgba(201,168,76,.1),transparent 60%),radial-gradient(80% 60% at 100% 10%,rgba(44,94,78,.35),transparent 55%),linear-gradient(170deg,#0d1b2a 0%,#16301f 65%,#1e4535 100%)!important}
main .services-hero::after{content:"";position:absolute!important;inset:auto 0 0!important;height:160px;width:100%;z-index:2;background:linear-gradient(180deg,rgba(247,244,238,0),#f7f4ee 100%)!important;pointer-events:none}
main .services-hero>.container{position:relative;z-index:3}
main .services-hero .services-hero-content{position:relative;max-width:820px!important;margin:0 auto;text-align:center}
main .services-hero h1.display-title{font:700 clamp(2.5rem,6vw,4.75rem)/1.08 var(--font-display)!important;letter-spacing:-.03em!important;color:#fff!important;max-width:none;margin:0 0 26px!important;text-wrap:balance}
main .services-hero p.hero-lead{font-size:1.25rem!important;line-height:1.8!important;max-width:680px!important;color:#e2e8e3!important;margin:0 auto!important}
main .services-hero .premium-badge{margin-bottom:28px!important}
main .services-hero .btn-submit{display:inline-flex;width:auto;max-width:100%;margin-top:28px!important;padding:15px 25px!important;font-size:1.1rem!important;line-height:1.7;background:linear-gradient(135deg,#1e4535,#173526);position:relative;overflow:hidden}
@media(max-width:768px){main .services-hero{padding:125px 0 150px!important}main .services-hero::after{height:115px}main .services-hero h1.display-title{font-size:clamp(2rem,8.4vw,2.65rem)!important;line-height:1.12!important}main .services-hero p.hero-lead{font-size:1rem!important;line-height:1.7!important}}