.hero{overflow:hidden;position:relative;width:100%}.hero.color-light .eyebrow,.hero.color-light .h1{color:#fff}.hero--inset{padding:1.25rem}@media only screen and (min-width: 990px){.hero--inset .hero__media{border-radius:.625rem;overflow:hidden}}.hero--center .hero__content{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;text-align:center;max-width:42.625rem;padding:0;align-items:center}@media only screen and (max-width: 989px){.hero--center .hero__content{padding:0 2.8125rem}}.hero--right .hero__content{left:auto;right:6vw;text-align:right}@media(min-width: 992px)and (max-width: 1200px){.hero--right .hero__content{right:4vw}}.hero__content{display:flex;flex-direction:column}@media only screen and (max-width: 989px){.hero__content{padding:0 1rem 1.5rem;gap:1.5rem}}@media only screen and (min-width: 990px){.hero__content{position:absolute;top:50%;transform:translateY(-50%);left:6vw;max-width:55rem;gap:2.125rem}}@media(min-width: 992px)and (max-width: 1200px){.hero__content{max-width:42.5rem;gap:.875rem;left:4vw}}.hero__content .eyebrow,.hero__content .h1{color:#085946}.hero__ctas{display:flex;flex-direction:row;gap:1rem}@media only screen and (max-width: 989px){.hero__ctas{flex-direction:column}}@media only screen and (min-width: 990px){.hero__ctas{gap:.625rem;width:100%}}@media only screen and (max-width: 989px){.hero__ctas .btn{font-size:.875rem;width:100%;height:2.625rem}}.hero__icons{display:flex;flex-direction:row}@media only screen and (max-width: 989px){.hero__icons{gap:1.125rem}}.hero__icon-wrapper{display:flex;flex-direction:row;gap:.5rem;align-items:center}@media only screen and (min-width: 990px){.hero__icon-wrapper{padding:0 .875rem}}.hero__icon-wrapper svg{width:.875rem}@media only screen and (min-width: 990px){.hero__icon-wrapper svg{width:1.25rem}}

/* resilia-n: neutralize old theme (theme.css) .hero__media/.hero__image leakage.
   Old theme forces hero__media position:absolute (collapses section height) and
   hero__image opacity:0/height:100%/object-fit:cover (hides image). Restore new-theme rendering. */
.hero__media{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important;width:auto!important;background:none!important}
.hero__image{opacity:1!important;position:static!important;height:auto!important;width:100%!important;object-fit:initial!important;z-index:auto!important}
/* resilia-n: old theme .hero__media{z-index:1} painted the image above the content, hiding text/buttons. */
.hero__media{z-index:auto!important}
.hero__content{z-index:2!important}
@media only screen and (min-width:990px){.hero__content{max-width:min(40rem,44%)!important}}
/* old theme adds a transparent .hero__media::before overlay (z-index:3, pointer-events auto)
   that sits above the content and blocks clicks + text selection. Remove it. */
.hero__media::before{content:none!important;display:none!important}
/* buttons: old theme .btn forces uppercase + wide letter-spacing; restore authored casing */
.hero .btn{text-transform:none!important;letter-spacing:normal!important}

/* mobile: shrink hero eyebrow so it stays on one line */
@media only screen and (max-width:989px){.hero .eyebrow{font-size:.7rem!important;letter-spacing:.005em!important;line-height:1.3!important}}