#shopify-section-template--24289715093772__app_page_hero_nRK7Y6,#shopify-section-template--24289715093772__app_feature_rows_kipwLp{display:block}.app-page-hero{position:relative;width:100%;min-height:calc(var(--app-page-hero-desktop-height, 612px) + var(--app-page-hero-padding-top, 0px) + var(--app-page-hero-padding-bottom, 0px));padding-top:var(--app-page-hero-padding-top, 0px);padding-bottom:var(--app-page-hero-padding-bottom, 0px);background:#0f302a;color:#fff;overflow:hidden;box-sizing:border-box}.app-page-hero *,.app-page-hero *:before,.app-page-hero *:after{box-sizing:border-box}.app-page-hero__media{position:absolute;inset:var(--app-page-hero-padding-top, 0px) 0 var(--app-page-hero-padding-bottom, 0px);z-index:1}.app-page-hero__media picture{display:block;width:100%;height:100%}.app-page-hero__image,.app-page-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover}.app-page-hero__image{object-position:center 42%}.app-page-hero__overlay{position:absolute;inset:var(--app-page-hero-padding-top, 0px) 0 var(--app-page-hero-padding-bottom, 0px);z-index:2;background:linear-gradient(180deg,rgba(var(--app-page-hero-overlay-color-rgb, 0, 0, 0),.1) 0% 38%,rgba(var(--app-page-hero-overlay-color-rgb, 0, 0, 0),.7));opacity:var(--app-page-hero-overlay-opacity, 0);pointer-events:none}.app-page-hero__inner{position:relative;z-index:3;width:min(100%,1440px);min-height:var(--app-page-hero-desktop-height, 612px);margin:0 auto;padding:64px 24px;display:flex;align-items:flex-end}.app-page-hero__content{width:588px;max-width:100%;margin:0;display:flex;flex-direction:column;align-items:flex-start}.app-page-hero__icon{width:64px;height:64px;margin:0 0 45%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.app-page-hero__icon svg,.app-page-hero__icon-img{width:100%;height:100%;display:block;object-fit:contain}.app-page-hero__heading{width:100%;max-width:588px;margin:0;color:#fff;font-family:var(--ui-font-family-sans, inherit);font-size:40px;font-style:normal;font-weight:400;line-height:44px;letter-spacing:-.03em}.app-page-hero__text{max-width:390px;margin-top:16px;color:#fff;font-family:var(--ui-font-family-sans, inherit);font-size:16px;font-weight:400;line-height:20px;letter-spacing:0}.app-page-hero__badges{margin-top:16px;--store-buttons-height: var(--app-page-hero-store-button-height, 48px);--store-buttons-icon-size: var(--app-page-hero-store-icon-size, 22px)}@media screen and (max-width:991px){.app-page-hero{min-height:calc(var(--app-page-hero-tablet-height, 450px) + var(--app-page-hero-padding-top, 0px) + var(--app-page-hero-padding-bottom, 0px))}.app-page-hero__inner{min-height:var(--app-page-hero-tablet-height, 450px);padding:48px 48px var(--app-page-hero-tablet-content-bottom, 48px)}.app-page-hero__content{width:390px;max-width:100%}.app-page-hero__image{object-position:62% center}.app-page-hero__icon{width:64px;height:64px;margin-bottom:88px}.app-page-hero__heading{max-width:390px;font-size:32px;line-height:36px}.app-page-hero__text{max-width:400px;font-size:14px;line-height:20px}.app-page-hero__badges{margin-top:24px}}@media screen and (max-width:767px){.app-page-hero{min-height:calc(var(--app-page-hero-mobile-height, 450px) + var(--app-page-hero-padding-top, 0px) + var(--app-page-hero-padding-bottom, 0px))}.app-page-hero__inner{width:100%;min-height:var(--app-page-hero-mobile-height, 450px);padding:36px 16px var(--app-page-hero-mobile-content-bottom, 32px)}.app-page-hero__content{width:358px;max-width:100%}.app-page-hero__image{width:100%;height:100%;object-fit:cover;object-position:100% 50%;transform:scale(1.3) translateY(-43px);transform-origin:center center}.app-page-hero__icon{width:64px;height:64px;margin-bottom:49%;border-radius:12px}.app-page-hero__heading{max-width:358px;font-size:26px;line-height:30px;letter-spacing:-.03em}.app-page-hero__text{max-width:344px;margin-top:6px;font-size:14px;line-height:18px}.app-page-hero__badges{margin-top:12px;gap:8px;flex-wrap:nowrap;--store-buttons-height: var( --app-page-hero-store-mobile-button-height, 44px );--store-buttons-padding-block: 7px;--store-buttons-padding-inline: 10px;--store-buttons-button-gap: 8px;--store-buttons-radius: 8px;--store-buttons-icon-size: var( --app-page-hero-store-mobile-icon-size, 18px )}.app-page-hero__badges .store-buttons__button{width:var(--app-page-hero-store-mobile-button-width, 132px);min-width:0}}@media screen and (max-width:576px){.app-page-hero__badges{width:100%;justify-content:space-between;gap:12px}.app-page-hero__badges .store-buttons__button{width:50%}}@media screen and (max-width:389px){.app-page-hero__heading{font-size:24px;line-height:28px}.app-page-hero__badges{gap:6px}}@media screen and (max-width:991px){.app-page-hero__badges{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;flex-wrap:nowrap!important;gap:10px!important;width:100%;max-width:390px}.app-page-hero__badges .store-buttons__button{flex:0 0 calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;max-width:none!important;min-width:0!important}}@media screen and (max-width:767px){.app-page-hero__badges{gap:8px!important;width:100%;max-width:none;margin-top:12px;--store-buttons-height: var(--app-page-hero-store-mobile-button-height, 44px);--store-buttons-padding-block: 7px;--store-buttons-padding-inline: 8px;--store-buttons-button-gap: 6px;--store-buttons-radius: 8px;--store-buttons-icon-size: var(--app-page-hero-store-mobile-icon-size, 18px);--store-buttons-label-width: var(--app-page-hero-store-mobile-label-width, 76px);--store-buttons-label-height: var(--app-page-hero-store-mobile-label-height, 22px)}.app-page-hero__badges .store-buttons__button{flex:0 0 calc((100% - 8px)/2)!important;width:calc((100% - 8px)/2)!important;max-width:none!important;min-width:0!important}}@media screen and (max-width:389px){.app-page-hero__badges{gap:6px!important;--store-buttons-padding-inline: 6px;--store-buttons-button-gap: 5px;--store-buttons-icon-size: 16px;--store-buttons-label-width: 72px}.app-page-hero__badges .store-buttons__button{flex-basis:calc((100% - 6px)/2)!important;width:calc((100% - 6px)/2)!important}}@media screen and (min-width:992px){.app-page-hero__image{object-position:center 42%;transform:scale(1.06) translate(-2%)!important;transform-origin:center center}}@media screen and (min-width:768px)and (max-width:991px){.app-page-hero__image{object-position:center center;transform:scale(1.06) translate(-3%)!important;transform-origin:center center}}@media screen and (max-width:767px){.app-page-hero__image{object-position:100% 50%;transform:scale(1.3) translate(-4%) translateY(-43px)!important;transform-origin:center center}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/app-page-hero.css.map */