.beforeAfter.animated{.imageContainer{transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s,-webkit-clip-path .3s}.handle,.line{transition:left .3s}}.beforeAfter{overflow:hidden;position:relative;.dummy{img{width:100%;height:auto;vertical-align:middle}}.imageContainer{position:absolute;left:0;top:0;bottom:0;right:0;img{width:100%}}input[type=range]{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;background:transparent;height:100%;opacity:0;vertical-align:middle;cursor:pointer}input[type=range]:focus{outline:none}.year{display:none}.line{position:absolute;top:-50px;bottom:-50px;left:50%;transform:translateX(-50%) rotate(16deg);border:solid rgb(var(--green));border-width:0 5px 0 0}.action{position:absolute;color:white;bottom:20px;right:20px;text-align:right;p{display:none;text-transform:uppercase;width:200px}.button{font-size:10px;padding:6px;color:rgba(var(--deepForest))}}.handle .afterLabel,.handle .beforeLabel,.handle .circle span{position:absolute}.handle{position:absolute;left:50%;top:50%;color:white;transform:translateY(-50%) translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;.afterLabel,.beforeLabel{top:50%;left:50%;transform:translateY(-50%) translateX(-50%);text-transform:uppercase;font-size:12px;font-weight:400;font-family:var(--quietism-text)}.beforeLabel{margin-left:-63px}.afterLabel{margin-left:60px}.circle{cursor:pointer;width:60px;height:60px;border-radius:50%;background-color:rgb(var(--green));color:rgb(var(--forest));position:relative;span{font-size:60px}span:first-child{margin-left:-12px}span:last-child{margin-left:12px}}}}@media screen and (min-width:441px){.beforeAfter{.action{bottom:60px;right:60px;p{display:block}}.line{transform:translateX(-50%) rotate(22deg)}.year{font-family:var(--ibm-mono);font-size:43px;font-weight:400;display:block;color:white;position:absolute;top:60px;margin:0;opacity:1;transition:opacity .5s}.year.out{opacity:0}.year:first-of-type{left:60px}.year:nth-of-type(2){right:60px}.handle{div:first-child span,div:nth-child(3) span{display:none}}}}.globalImpact{background-color:rgb(var(--blue));text-align:center;position:relative;.pattern{img{height:700px;display:block;width:100%;object-fit:cover;object-position:center}}.maxContentWidth{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;h3{margin-bottom:70px}.items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:100px;column-gap:100px;margin:30px auto 0;z-index:1;position:relative;.item{text-align:center;margin:0 auto 30px;max-width:210px;color:white;img{width:180px;height:180px;border-radius:50%;border:6px solid rgb(var(--green))}.value{font-size:70px;line-height:1;margin:20px 0 10px}.unit{font-size:17px}p{margin:0}}}}}@media screen and (max-width:440px){.globalImpact{.pattern{img{height:1700px}}.maxContentWidth{padding:50px 20px;h3{font-size:27px;margin-bottom:50px}.items{grid-template-columns:1fr}}}}.mission{header{text-align:center}.highlight{margin:0 auto;font-family:var(--ibm-text)}.highlightBubbles{font-family:var(--quietism-text);position:relative;height:205px;display:grid;place-items:center center;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-column-gap:20px;column-gap:20px;max-width:920px;margin:50px auto 100px;div{background-color:rgb(var(--green));text-align:center;border-radius:50%;color:white;display:flex;align-items:center;padding:5px;box-sizing:border-box;margin:0!important;position:relative;width:140px;height:140px;transform:none;font-size:17px;left:0;top:0;span{flex-grow:1;z-index:1;position:relative}img{position:absolute;left:0;top:0;width:100%;height:100%}}.standout{background-color:rgb(var(--orange));width:200px;height:200px;strong{display:inline-block;font-size:27px;font-weight:400;line-height:1.3;span{font-feature-settings:"pcap","c2pc";font-variant-caps:all-petite-caps}}}}}@media screen and (max-width:440px){.mission{.maxContentWidth{.highlightBubbles{margin:50px auto;div:first-child{margin-left:-113px!important;margin-top:24px!important}div:nth-child(2){margin-top:110px!important;margin-left:-78px!important}div:nth-child(4){margin-top:110px!important;margin-left:78px!important}div:nth-child(5){margin-left:113px!important;margin-top:24px!important}div{position:absolute;width:74px;height:74px;font-size:10px;left:50%;top:10px;transform:translateX(-50%)}.standout{width:122px;height:122px;strong{font-size:17px}}}}}}