.eco-hero{font-family:var(--font-body-family),"Assistant",Arial,sans-serif;position:relative;overflow:hidden}.eco-hero-track{position:relative;aspect-ratio:16 / 5.6;min-height:520px;max-height:680px}.eco-hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease}.eco-hero-slide.is-active{opacity:1;visibility:visible}.eco-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.eco-hero-image--mobile{display:none}.eco-hero-content{position:relative;z-index:3;height:100%;display:flex;align-items:center}.eco-hero-copy{width:min(620px,47vw)}.eco-hero-eyebrow{font-family:var(--font-heading-family),"Assistant",Arial,sans-serif!important;font-size:clamp(11px,1vw,13px);font-weight:700;letter-spacing:.13em;color:var(--eco-navy, #06178e);text-transform:uppercase}.eco-hero-heading{font-family:var(--font-heading-family),"Assistant",Arial,sans-serif!important;font-size:clamp(44px,5.3vw,82px)!important;line-height:.95!important;letter-spacing:-.06em!important;color:#06178e!important;font-weight:700!important;margin:12px 0 18px!important}.eco-hero-text{font-family:var(--font-body-family),"Assistant",Arial,sans-serif!important;font-size:clamp(16px,1.5vw,20px)!important;max-width:590px;color:#193b58!important;line-height:1.45!important;margin:0 0 24px!important}.eco-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:clamp(36px,3.5vw,46px);height:clamp(36px,3.5vw,46px);border:0;border-radius:50%;background:#ffffffe0;color:var(--eco-navy, #06178e);font-size:24px;cursor:pointer}.eco-hero-arrow--prev{left:14px}.eco-hero-arrow--next{right:14px}.eco-hero-ui{position:absolute;z-index:9;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:8px}.eco-hero-dots{display:flex;gap:8px}.eco-hero-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--eco-navy, #06178e);background:#fff;padding:0;cursor:pointer}.eco-hero-dot.is-active{background:var(--eco-navy, #06178e)}@media(max-width:767px){.eco-hero-track{aspect-ratio:4 / 5;min-height:440px;max-height:none}.eco-hero-image--desktop{display:none}.eco-hero-image--mobile{display:block}.eco-hero-copy{width:100%}.eco-hero-content{align-items:flex-end;padding-bottom:48px}.eco-hero-heading{font-size:34px!important}}@media(max-width:480px){.eco-hero-heading{font-size:29px!important}}@media(max-width:359px){.eco-hero-heading{font-size:26px!important}}@media(prefers-reduced-motion:reduce){.eco-hero-slide{transition:none}.eco-hero-progress-bar.is-running{animation:none}}.eco-hero .eco-btn{font-family:var(--font-heading-family),"Assistant",Arial,sans-serif!important;min-height:48px;padding-inline:clamp(22px,2.2vw,30px);font-size:clamp(12px,1vw,14px);font-weight:700;line-height:1;letter-spacing:.075em;text-transform:uppercase;border-radius:2px}.eco-hero .eco-btn--primary{background:#06178e;border-color:#06178e;color:#fff}@media(max-width:767px){.eco-hero .eco-btn{min-height:46px;font-size:12px;letter-spacing:.065em}}.eco-hero,.eco-hero-copy,.eco-hero-eyebrow,.eco-hero-heading,.eco-hero-text,.eco-hero .eco-btn{font-family:Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif!important}.eco-hero-eyebrow{font-weight:600!important;letter-spacing:.12em!important}.eco-hero-heading{font-weight:700!important;letter-spacing:-.045em!important}.eco-hero-text{font-weight:400!important;letter-spacing:0!important}.eco-hero .eco-btn,.eco-hero .eco-btn:link,.eco-hero .eco-btn:visited,.eco-hero .eco-btn:hover,.eco-hero .eco-btn:focus,.eco-hero .eco-btn:active{font-weight:700!important;letter-spacing:.065em!important;text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important}.eco-hero-arrow{display:none!important}.eco-hero-slide{transition-duration:var(--eco-hero-transition, .4s);transition-property:opacity,visibility;transition-timing-function:ease-in-out}.eco-hero-ui{left:auto;right:clamp(18px,2.2vw,36px);bottom:clamp(14px,1.8vw,24px);transform:none}.eco-hero-ui--left{left:clamp(18px,2.2vw,36px);right:auto}.eco-hero-ui--center{left:50%;right:auto;transform:translate(-50%)}.eco-hero-ui--right{left:auto;right:clamp(18px,2.2vw,36px)}.eco-hero-dots{gap:7px}.eco-hero-dot{width:9px;height:9px;min-width:9px;border:1px solid #06178e;background:#fffffff2;box-shadow:none}.eco-hero-dot.is-active{background:#06178e}.eco-hero-dot:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(max-width:767px){.eco-hero-ui,.eco-hero-ui--right{right:14px;bottom:14px}.eco-hero-ui--left{left:14px;right:auto}.eco-hero-dot{width:8px;height:8px;min-width:8px}}@media(max-width:989px)and (min-width:768px){.eco-hero-track{aspect-ratio:16 / 7;min-height:480px;max-height:600px}.eco-hero-content{padding-inline:32px}.eco-hero-copy{width:min(540px,56vw);max-width:100%}.eco-hero-heading{font-size:42px!important;line-height:1!important}}@media(max-width:767px){.eco-hero-track{width:100%;aspect-ratio:4 / 5;min-height:440px;max-height:620px}.eco-hero-slide,.eco-hero-image{width:100%;max-width:100%}.eco-hero-image{object-position:center center}.eco-hero-content{width:100%;max-width:none;padding:0 20px 48px;align-items:flex-end}.eco-hero-copy{width:100%;max-width:430px;min-width:0}.eco-hero-eyebrow,.eco-hero-heading,.eco-hero-text{max-width:100%;white-space:normal}.eco-hero-text{font-size:16px!important;line-height:1.4!important;margin-bottom:20px!important}}@media(max-width:520px){.eco-hero-content{padding-inline:18px;padding-bottom:44px}.eco-hero-eyebrow{font-size:11px;line-height:1.25}.eco-hero-text{font-size:15px!important}.eco-hero .eco-btn{min-height:44px;max-width:100%;padding-inline:20px}}@media(max-width:390px){.eco-hero-track{min-height:430px}.eco-hero-content{padding-inline:16px;padding-bottom:40px}.eco-hero-text{margin-bottom:18px!important}}@media(max-width:320px){.eco-hero-track{min-height:420px}}@media screen and (max-width:767px){.eco-hero-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffffe6,#ffffffad 30%,#ffffff3d 52%,#fff0 70%)}.eco-hero-content.container{position:relative;z-index:3;box-sizing:border-box;width:100%;max-width:none;height:100%;margin:0;padding:max(24px,env(safe-area-inset-top)) 20px 56px;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left}.eco-hero-copy{box-sizing:border-box;width:min(100%,340px);max-width:calc(100vw - 40px);min-width:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.eco-hero-eyebrow,.eco-hero-heading,.eco-hero-text{width:100%;max-width:100%;margin-inline:0!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important}.eco-hero-heading{margin-top:8px!important;margin-bottom:12px!important;line-height:1.02!important}.eco-hero-text{margin-bottom:18px!important}.eco-hero .eco-btn{width:auto;max-width:100%;min-width:0;white-space:normal;text-align:center}.eco-hero-image--mobile{object-fit:cover;object-position:center center}}@media screen and (max-width:520px){.eco-hero-content.container{padding-top:max(22px,env(safe-area-inset-top));padding-right:18px;padding-left:18px}.eco-hero-copy{width:min(100%,330px);max-width:calc(100vw - 36px)}}@media screen and (max-width:390px){.eco-hero-content.container{padding-top:max(20px,env(safe-area-inset-top));padding-right:16px;padding-left:16px}.eco-hero-copy{width:100%;max-width:calc(100vw - 32px)}}@media(max-width:767px){.eco-hero-heading{font-size:32px!important;line-height:1.04!important}}@media(max-width:520px){.eco-hero-heading{font-size:27px!important}}@media(max-width:390px){.eco-hero-heading{font-size:24px!important}}@media(max-width:359px){.eco-hero-heading{font-size:22px!important}}@media(max-width:767px){.eco-hero .eco-btn{min-height:48px;max-width:100%;white-space:normal;text-align:center}.eco-hero-dot{touch-action:manipulation}}
/*# sourceMappingURL=/cdn/shop/t/343/assets/ecosfera-hero.css.map */