.theme-hero{--hero-overlay-bg: color-mix(in oklab, color-mix(in oklab, #011026 100%, transparent) 90%, transparent);--hero-media-min-h: 40.625rem;--hero-content-pad-y: 1.5rem;--hero-content-pad-x: 2.5rem;--hero-content-gap: 1.5rem;--hero-text-gap: .5rem;--hero-benefits-pad-y: 1.25rem;--hero-benefits-pad-x: 1.875rem;--hero-benefits-gap: 1.5rem;--hero-benefit-icon-size: 3.5rem;position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden}@media (min-width: 768px){.theme-hero{--hero-content-pad-y: 2.5rem;--hero-content-pad-x: 2.5rem;--hero-content-gap: 2.5rem;--hero-text-gap: 1rem;--hero-benefits-pad-y: 1.25rem;--hero-benefits-pad-x: 1.875rem;--hero-benefit-icon-size: 3.125rem}}@media (min-width: 992px){.theme-hero{--hero-content-gap: 3.5rem;--hero-benefits-gap: 1.875rem}}.theme-hero__main{position:relative;display:flex;align-items:flex-end;min-height:var(--hero-media-min-h)}@media (min-width: 992px){.theme-hero__main{align-items:center}}@media (min-width: 1710px){.theme-hero__main{height:calc(100vh - var(--header-height) - var(--admin-bar-height))}}.theme-hero__bg{position:absolute;inset:0;z-index:0}.theme-hero__bg img,.theme-hero__bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.theme-hero__bg picture{display:block;width:100%;height:100%}.theme-hero__bg picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.theme-hero__bg-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--theme-base-neutral);color:var(--theme-text-color-alternative)}.theme-hero__color-overlay{position:absolute;inset:0;z-index:1;background:var(--theme-base-dark);opacity:calc(var(--overlay-opacity, 20) / 100);pointer-events:none}.theme-hero__container{position:relative;z-index:2;width:100%}@media (min-width: 992px){.theme-hero__container{max-width:105rem;margin-inline:auto;padding-inline:.9375rem}}.theme-hero__content{display:flex;flex-direction:column;gap:var(--hero-content-gap);padding:var(--hero-content-pad-y) var(--hero-content-pad-x);background:var(--hero-overlay-bg)}@media (min-width: 992px){.theme-hero__content{max-width:59.375rem}}@media (min-width: 1710px){.theme-hero__content{margin-bottom:9.25rem}}.theme-hero__text-group{display:flex;flex-direction:column;gap:var(--hero-text-gap)}.theme-hero__title{margin:0;color:var(--theme-secondary-color);font-family:var(--theme-heading-ff)}.theme-hero__text{margin:0;color:var(--theme-base-light);font-family:var(--theme-text-ff);font-weight:400;font-size:1rem}@media (min-width: 768px){.theme-hero__text{font-size:var(--theme-h5-fs)}}.theme-hero__buttons{display:flex;flex-wrap:wrap;gap:.625rem}@media (min-width: 768px){.theme-hero__buttons{gap:1rem}}.theme-hero__btn{--theme-button-align: center}.theme-hero__benefits{background:var(--hero-overlay-bg);background-color:#011026e6;padding:var(--hero-benefits-pad-y) 0;position:relative;z-index:2}@media (min-width: 1710px){.theme-hero__benefits{position:absolute;bottom:0;left:0;right:0}}.theme-hero__benefits-list{list-style:none;margin:0;padding:0 var(--hero-benefits-pad-x);display:flex;flex-direction:column;gap:var(--hero-benefits-gap)}@media (min-width: 576px){.theme-hero__benefits-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.theme-hero__benefits-list{grid-template-columns:repeat(4,auto)}}.theme-hero__benefit{display:flex;align-items:flex-start;gap:.625rem;margin:0;padding:0}@media (min-width: 992px){.theme-hero__benefit{flex:1 1 auto;min-width:0;flex-direction:column}}@media (min-width: 1200px){.theme-hero__benefit{flex-direction:row}}.theme-hero__benefit-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--hero-benefit-icon-size);height:var(--hero-benefit-icon-size);margin-top:.625rem;padding:.5rem;color:var(--theme-secondary-color)}@media (min-width: 768px){.theme-hero__benefit-icon{margin-top:1.25rem}}@media (min-width: 992px){.theme-hero__benefit-icon{margin-top:0;margin-bottom:-1.25rem}}@media (min-width: 1200px){.theme-hero__benefit-icon{margin-top:1.25rem;margin-bottom:0}}.theme-hero__benefit-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.theme-hero__benefit-text{display:flex;flex-direction:column;min-width:0}.theme-hero__benefit-number{margin:0}.theme-hero__benefit-label{margin:0;color:var(--theme-base-light);text-transform:uppercase}
