#section__why-we-made-earth-echo{overflow:hidden}.why-we-made-earth-echo{position:relative;background:var(--color-navy-blue);margin-top:calc(11.2rem + 4.44vw)}.why-we-made-earth-echo .rounded-top-blue{position:absolute;top:-4.44vw;width:100vw;height:4.44vw}.why-we-made-earth-echo .page-width{position:relative;z-index:1;padding-top:9.6rem;display:flex;flex-wrap:wrap;max-width:685px}@media screen and (min-width:990px){.why-we-made-earth-echo .page-width{max-width:var(--page-width)}}.why-we-made-earth-echo .section-heading{position:relative;width:100%}@media screen and (min-width:990px){.why-we-made-earth-echo .section-heading{width:50%}}.why-we-made-earth-echo .section-heading svg{position:absolute;top:-5rem;left:50%;transform:translate(-50%);opacity:.03;width:175px;color:var(--color-white)}@media screen and (min-width:990px){.why-we-made-earth-echo .section-heading svg{left:0;transform:none;width:275px}}.why-we-made-earth-echo .section-content{width:100%;color:var(--color-white);display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width:990px){.why-we-made-earth-echo .section-content{width:50%;justify-content:flex-start}}.why-we-made-earth-echo h2{color:var(--color-yellow);font-size:4rem;line-height:4.8rem;margin-top:1.6rem;letter-spacing:.1rem;text-align:center}.why-we-made-earth-echo h2 span{display:block;color:var(--color-white);font-size:2.6rem;line-height:3.2rem}@media screen and (min-width:990px){.why-we-made-earth-echo h2{text-align:left;font-size:5.6rem}.why-we-made-earth-echo h2 span{font-size:3.2rem;line-height:4rem}}.why-we-made-earth-echo .section-content a{color:var(--color-yellow);margin:1rem 0 0}.why-we-made-earth-echo .mission-video{position:relative;display:block;width:100%;margin-top:9.6rem;margin-bottom:-28.125%;background:none}.mission-video .video-section__media.deferred-media{border:none;box-shadow:0 1.6rem 4.8rem #0003;background:none;border-radius:1.6rem;padding-bottom:0!important}.mission-video .video-section__media.deferred-media iframe{margin-bottom:-1rem}.mission-video .deferred-media__poster,.mission-video .video-section__media.deferred-media iframe{width:calc(100vw - 3rem);height:calc((100vw - 3rem)*.5625)}@media screen and (min-width:685px){.mission-video .deferred-media__poster,.mission-video .video-section__media.deferred-media iframe{width:calc(685px - 3rem);height:calc((686px - 3rem)*.5625)}}@media screen and (min-width:750px){.mission-video .deferred-media__poster,.mission-video .video-section__media.deferred-media iframe{width:calc(685px - 10rem);height:calc((686px - 10rem)*.5625)}}@media screen and (min-width:990px){.mission-video .deferred-media__poster,.mission-video .video-section__media.deferred-media iframe{width:calc(100vw - 10rem);height:calc((100vw - 10rem)*.5625)}}@media screen and (min-width:1400px){.mission-video .deferred-media__poster,.mission-video .video-section__media.deferred-media iframe{width:130rem;height:73.125rem}}.mission-video .video-section__media.deferred-media img,.mission-video .video-section__media.deferred-media iframe{border-radius:1.6rem;overflow:hidden;border:none}.mission-video .button{width:auto!important;height:auto!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.mission-video button:active .button--transparent,.mission-video button:hover .button--transparent{background:var(--color-white);color:var(--color-black);border:1px solid transparent}.mission-video button:active .icon path,.mission-video button:hover .icon path{fill:var(--color-black)}.mission-video .button .icon{width:2rem;height:2rem;margin-right:.5rem}.mission-video .value-props{position:absolute;bottom:-22.5rem;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media screen and (min-width:990px){.mission-video .value-props{bottom:-6.8rem}}.mission-video .value-prop{width:100%;text-transform:uppercase;font-size:1.2rem;line-height:1.4rem;letter-spacing:.1rem;color:var(--color-gold);display:flex;justify-content:center;align-items:center;padding:1rem}@media screen and (min-width:990px){.mission-video .value-prop{width:25%}}.mission-video .value-prop .icon{height:32px;margin-right:1rem}.subscribe-and-save{background:var(--color-yellow);padding-top:calc(10rem + 25%);margin-bottom:25rem;padding-bottom:100vw}@media screen and (min-width:500px){.subscribe-and-save{padding-bottom:50rem}}@media screen and (min-width:990px){.subscribe-and-save{padding-bottom:0}}@media screen and (min-width:1400px){.subscribe-and-save{padding-top:45rem}}.subscribe-and-save .page-width{position:relative;z-index:1;padding-top:9.6rem;display:flex;flex-wrap:wrap;max-width:500px}@media screen and (min-width:750px){.subscribe-and-save .page-width{padding:0 1.5rem}}@media screen and (min-width:990px){.subscribe-and-save .page-width{max-width:var(--page-width)}}.subscribe-and-save .section-image{position:relative;width:100%;text-align:right;order:2}@media screen and (min-width:990px){.subscribe-and-save .section-image{width:50%;order:1}}.subscribe-and-save .section-image img{position:absolute;top:0;left:0;width:100%;height:auto}@media screen and (min-width:990px){.subscribe-and-save .section-image img{position:absolute;left:auto;right:0;width:auto;height:calc(100% + 20rem)}}.subscribe-and-save .section-content{width:100%;order:1;display:flex;flex-wrap:wrap;justify-content:center;margin:9rem auto 3rem}@media screen and (min-width:990px){.subscribe-and-save .section-content{max-width:500px;width:50%;margin:0;padding:0 0 10rem 6rem;order:2;justify-content:left}}.subscribe-and-save .section-content h2{font-size:4.4rem;line-height:5.6rem;letter-spacing:-.2rem;margin-bottom:0;text-align:center}@media screen and (min-width:990px){.subscribe-and-save .section-content h2{font-size:5.6rem;line-height:6.4rem;text-align:left}}.subscribe-and-save .section-content .h5{text-align:center}@media screen and (min-width:990px){.subscribe-and-save .section-content .h5{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/section-why-we-made-earth-echo.css.map */