:root{--article-width: clamp( 600px, calc(-784.6153846154px + 96.1538461538vw), 850px )}body.climate-health-interactive-template .article-body>.interactive-health-story-section,body.climate-health-interactive-template .article-body>.interactive-health-story-section-mobile{max-width:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.interactive-health-story-section{position:relative;width:100%;margin-bottom:32px}@media(min-width: 300px)and (max-width: 1439px){.interactive-health-story-section{margin-bottom:calc(32px + (64 - 32)*(100vw - 300px)/(1440 - 300))}}@media(min-width: 1440px){.interactive-health-story-section{margin-bottom:64px}}@media(max-width: 599px){.interactive-health-story-section{display:none}}.interactive-health-story-section__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;max-width:1680px;margin:0 auto;padding-left:24px;padding-right:24px}@media(min-width: 600px)and (max-width: 1439px){.interactive-health-story-section__container{padding-left:calc(24px + (200 - 24)*(100vw - 600px)/(1440 - 600))}}@media(min-width: 1440px){.interactive-health-story-section__container{padding-left:200px}}@media(min-width: 600px)and (max-width: 1439px){.interactive-health-story-section__container{padding-right:calc(24px + (200 - 24)*(100vw - 600px)/(1440 - 600))}}@media(min-width: 1440px){.interactive-health-story-section__container{padding-right:200px}}.interactive-health-story-section__text-col{width:50%;position:relative;z-index:2}.interactive-health-story-section__image-col{width:50%;position:relative}.interactive-health-story-section__image-sticky{position:sticky;top:70px;height:calc(100vh - 70px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:36px}.interactive-health-story-section__step{position:relative}.interactive-health-story-section__heading-step{min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:220px}@media(min-width: 600px)and (max-width: 1439px){.interactive-health-story-section__heading-step{padding-top:calc(220px + (350 - 220)*(100vw - 600px)/(1440 - 600))}}@media(min-width: 1440px){.interactive-health-story-section__heading-step{padding-top:350px}}.interactive-health-story-section__text-step{padding-top:60px;padding-bottom:120px}.interactive-health-story-section__heading{font-family:"PolySans",sans-serif;font-weight:600;line-height:1;margin:0;font-size:24px}@media(min-width: 300px)and (max-width: 1439px){.interactive-health-story-section__heading{font-size:calc(24px + (36 - 24)*(100vw - 300px)/(1440 - 300))}}@media(min-width: 1440px){.interactive-health-story-section__heading{font-size:36px}}.interactive-health-story-section__story-text,.interactive-health-story-section__links{font-family:"GT Super",serif;font-weight:400;line-height:1.6;letter-spacing:.01em;max-width:400px;font-size:16px}@media(min-width: 300px)and (max-width: 1439px){.interactive-health-story-section__story-text,.interactive-health-story-section__links{font-size:calc(16px + (18 - 16)*(100vw - 300px)/(1440 - 300))}}@media(min-width: 1440px){.interactive-health-story-section__story-text,.interactive-health-story-section__links{font-size:18px}}.interactive-health-story-section__story-text p{margin:0 0 24px}.interactive-health-story-section__story-text p:last-child{margin-bottom:0}.interactive-health-story-section__links-heading{font-family:"Basis Grotesque",sans-serif;font-weight:700;line-height:1.6;margin:45px 0 8px;max-width:400px;font-size:16px}@media(min-width: 300px)and (max-width: 1439px){.interactive-health-story-section__links-heading{font-size:calc(16px + (18 - 16)*(100vw - 300px)/(1440 - 300))}}@media(min-width: 1440px){.interactive-health-story-section__links-heading{font-size:18px}}.interactive-health-story-section__links{font-family:"Basis Grotesque",sans-serif;margin-top:10px !important}.interactive-health-story-section__links-item{margin-top:10px !important}.interactive-health-story-section__image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:45vw;max-height:95vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.interactive-health-story-section__image.is-active{opacity:1}.interactive-health-story-section__inline-image{display:none}.interactive-health-story-section-mobile{position:relative;width:100%;margin-bottom:32px;display:none}@media(min-width: 300px)and (max-width: 1439px){.interactive-health-story-section-mobile{margin-bottom:calc(32px + (64 - 32)*(100vw - 300px)/(1440 - 300))}}@media(min-width: 1440px){.interactive-health-story-section-mobile{margin-bottom:64px}}@media(max-width: 599px){.interactive-health-story-section-mobile{display:block}}.interactive-health-story-section-mobile__image-stage{position:sticky;top:0;z-index:1;height:100vh;height:100dvh;overflow:hidden}.interactive-health-story-section-mobile__stage-image{position:absolute;display:block;width:100%;height:100%;padding:9vh 5vw;padding:9dvh 5vw;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;opacity:0;-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out}.interactive-health-story-section-mobile__stage-image.is-active{opacity:1}.interactive-health-story-section-mobile__scroll{position:relative;z-index:2}.interactive-health-story-section-mobile__section{position:relative}.interactive-health-story-section-mobile__panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:36px 5vw}.interactive-health-story-section-mobile__panel--heading{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.interactive-health-story-section-mobile__panel--story{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:140vh;min-height:140dvh;padding-top:72vh;padding-top:72dvh;padding-bottom:42vh;padding-bottom:42dvh}.interactive-health-story-section-mobile__text-card{-webkit-box-sizing:border-box;box-sizing:border-box;width:min(82vw,390px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.52);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.interactive-health-story-section-mobile__text-card--heading{padding:18px 24px;text-align:center}.interactive-health-story-section-mobile__text-card--story{padding:24px}.interactive-health-story-section-mobile__heading{font-family:"PolySans",sans-serif;font-weight:600;line-height:1;margin:0;font-size:32px}.interactive-health-story-section-mobile__story-text,.interactive-health-story-section-mobile__links{font-family:"GT Super",serif;font-weight:400;line-height:1.45;letter-spacing:.01em;font-size:18px}.interactive-health-story-section-mobile__links{font-family:"Basis Grotesque",sans-serif}.interactive-health-story-section-mobile__story-text p{margin:0 0 18px}.interactive-health-story-section-mobile__story-text p:last-child{margin-bottom:0}.interactive-health-story-section-mobile__links-heading{font-family:"Basis Grotesque",sans-serif;font-weight:700;line-height:1.45;margin:18px 0 8px;font-size:18px}.interactive-health-story-section-mobile__links{margin:8px 0 0;padding-left:0;list-style-position:inside}.interactive-health-story-section-mobile__links-link{color:currentcolor}

/*# sourceMappingURL=interactive-health-story-section.css.map*/