/* Equal desktop hero geometry across homepage, support and implementation. */
@media(min-width:1100px){body.m10-site.opora-redesign.m10-site .m10-hero{height:680px;min-height:680px;box-sizing:border-box;padding-block:24px;display:flex;flex-direction:column;justify-content:flex-start}body.m10-site.opora-redesign.m10-site .m10-hero .m10-hero-grid{height:530px;min-height:530px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);flex-shrink:0}body.m10-site.opora-redesign.m10-site .m10-hero .hero-visual{height:530px;width:100%;display:flex;align-items:center;justify-content:center;margin:0}body.m10-site.opora-redesign.m10-site .m10-hero .hero-visual .opora-animation{width:min(100%,530px);max-width:530px;margin:0 auto}body.m10-site.opora-redesign.m10-site .m10-hero-copy{padding-block:0}body.m10-site.opora-redesign.m10-site .m10-hero h1{font-size:clamp(32px,3.1vw,55px);line-height:1.08}body.m10-site.opora-redesign.m10-site .m10-hero .m10-tagline{font-size:clamp(27px,2.8vw,49px)}body.m10-site.opora-redesign.m10-site .m10-hero .m10-hero-lead{font-size:clamp(17px,1.35vw,23px)}body.m10-site.opora-redesign.m10-site .m10-hero>.m10-metrics{margin-top:12px;max-height:90px}body.m10-site.opora-redesign.m10-site .m10-mini-metrics{gap:clamp(12px,2vw,30px)}}
@media(min-width:761px) and (max-width:1099px){body.m10-site.opora-redesign.m10-site .m10-hero{min-height:560px}body.m10-site.opora-redesign.m10-site .m10-hero .hero-visual{height:380px;display:flex;align-items:center;justify-content:center}body.m10-site.opora-redesign.m10-site .m10-hero .hero-visual .opora-animation{max-width:380px;width:100%}}
@media(max-width:760px){body.m10-site.opora-redesign.m10-site .m10-hero{height:auto;min-height:0}body.m10-site.opora-redesign.m10-site .m10-hero .m10-hero-grid{height:auto;min-height:0}body.m10-site.opora-redesign.m10-site .m10-hero .hero-visual{height:300px;display:flex;align-items:center;justify-content:center}body.m10-site.opora-redesign.m10-site .m10-hero .hero-visual .opora-animation{width:290px;max-width:100%}}
body.m10-site.opora-redesign.m10-site .m10-breadcrumbs{display:none}
@view-transition {navigation:auto}
body.m10-site.opora-redesign.m10-site .site-header{view-transition-name:opora-header}
body.m10-site.opora-redesign.m10-site .m10-hero .hero-visual{view-transition-name:opora-animation}
::view-transition-group(opora-header),::view-transition-group(opora-animation){animation-duration:160ms;animation-timing-function:ease-out}
::view-transition-old(root){animation:opora-page-out 130ms ease-out both}
::view-transition-new(root){animation:opora-page-in 160ms ease-out both}
@keyframes opora-page-out{to{opacity:0}}
@keyframes opora-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}