@-webkit-keyframes slide-left{0%,to{-webkit-transform:none;transform:none}30%,70%{-webkit-transform:translateX(-75%);transform:translateX(-75%)}}@keyframes slide-left{0%,to{-webkit-transform:none;transform:none}30%,70%{-webkit-transform:translateX(-75%);transform:translateX(-75%)}}@-webkit-keyframes slide-left-full{0%,to{-webkit-transform:none;transform:none}30%,70%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-left-full{0%,to{-webkit-transform:none;transform:none}30%,70%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slide-left-counter{0%,to{-webkit-transform:none;transform:none}40%,60%{-webkit-transform:translateX(2rem);transform:translateX(2rem)}}@keyframes slide-left-counter{0%,to{-webkit-transform:none;transform:none}40%,60%{-webkit-transform:translateX(2rem);transform:translateX(2rem)}}@-webkit-keyframes slide-right-counter{0%,to{-webkit-transform:none;transform:none}40%,60%{-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}}@keyframes slide-right-counter{0%,to{-webkit-transform:none;transform:none}40%,60%{-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}}@-webkit-keyframes btn-error{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}20%,60%{-webkit-transform:translate3d(15px,0,0);transform:translate3d(15px,0,0)}40%,80%{-webkit-transform:translate3d(-15px,0,0);transform:translate3d(-15px,0,0)}}@keyframes btn-error{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}20%,60%{-webkit-transform:translate3d(15px,0,0);transform:translate3d(15px,0,0)}40%,80%{-webkit-transform:translate3d(-15px,0,0);transform:translate3d(-15px,0,0)}}@-webkit-keyframes blob-bubble-2{0%{opacity:0;-webkit-transform:translateY(calc(125vh - 100%));transform:translateY(calc(125vh - 100%))}10%,90%{opacity:1}to{opacity:0;-webkit-transform:translateY(-25vh);transform:translateY(-25vh)}}@keyframes blob-bubble-2{0%{opacity:0;-webkit-transform:translateY(calc(125vh - 100%));transform:translateY(calc(125vh - 100%))}10%,90%{opacity:1}to{opacity:0;-webkit-transform:translateY(-25vh);transform:translateY(-25vh)}}@-webkit-keyframes blob-bubble{0%{opacity:0;-webkit-transform:translateY(calc(100vh - 100%));transform:translateY(calc(100vh - 100%))}10%{opacity:1}to{opacity:1;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}@keyframes blob-bubble{0%{opacity:0;-webkit-transform:translateY(calc(100vh - 100%));transform:translateY(calc(100vh - 100%))}10%{opacity:1}to{opacity:1;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}@-webkit-keyframes blob-wiggle{0%{-webkit-transform:translateX(1.85%);transform:translateX(1.85%)}}@keyframes blob-wiggle{0%{-webkit-transform:translateX(1.85%);transform:translateX(1.85%)}}@-webkit-keyframes caret{0%{-webkit-transform:translateY(-1.5vh);transform:translateY(-1.5vh)}to{opacity:0;-webkit-transform:translateY(1.5vh);transform:translateY(1.5vh)}}@keyframes caret{0%{-webkit-transform:translateY(-1.5vh);transform:translateY(-1.5vh)}to{opacity:0;-webkit-transform:translateY(1.5vh);transform:translateY(1.5vh)}}@-webkit-keyframes scroll-graph-glow{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}to{opacity:0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scroll-graph-glow{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}to{opacity:0;-webkit-transform:scaleX(1);transform:scaleX(1)}}.blob-composition>div{position:relative}.blob-composition--1,.blob-composition--2{min-height:100vh;position:relative;z-index:5}.blob-composition__blob{-webkit-animation-duration:17.5s!important;animation-duration:17.5s!important;-webkit-animation-name:blob-bubble-2!important;animation-name:blob-bubble-2!important}.blob-composition__blob div,.navigation-dotted ul:after{height:100%;left:0;top:0;width:100%}.blob-composition__transition{align-items:center;display:flex;flex-flow:column;justify-content:center;min-height:60vh;position:relative;text-align:center;z-index:10}.blob-composition__transition figure{height:400px;margin-bottom:-200px;position:relative;width:400px}.blob-composition__transition [data-blob]{height:100%;width:100%}.blob-composition__transition h3{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.navigation-dotted{align-items:center;display:none;height:100%;justify-content:center;pointer-events:none;position:fixed;right:3.5vw;top:0;z-index:100}@media only screen and (min-width:992px){.navigation-dotted{display:flex}}.navigation-dotted.is-active ul:after{opacity:.1}.navigation-dotted button{color:#feb904;display:block;height:5rem;position:relative;text-align:right;transition:color .35s cubic-bezier(.165,.84,.44,1);width:5rem}.navigation-dotted button:after,.navigation-dotted button:before{border-radius:50%;content:"";height:1rem;position:absolute;right:2rem;top:2rem;width:1rem}.navigation-dotted button:before{border:.2rem solid #feb904;transition:border .35s cubic-bezier(.165,.84,.44,1)}.navigation-dotted button:after{background-color:#feb904;opacity:0;transition:background-color .35s cubic-bezier(.165,.84,.44,1),opacity .35s cubic-bezier(.165,.84,.44,1)}.navigation-dotted button:hover:after,.navigation-dotted li.is-active button:after{opacity:1}.navigation-dotted button span{font-weight:500;line-height:5rem;opacity:0;position:absolute;right:100%;top:0;-webkit-transform:translateX(3.5rem);transform:translateX(3.5rem);transition:opacity .35s cubic-bezier(.165,.84,.44,1),transform 0s .35s,visibility 0s .35s;transition:opacity .35s cubic-bezier(.165,.84,.44,1),transform 0s .35s,visibility 0s .35s,-webkit-transform 0s .35s;visibility:hidden;white-space:nowrap}.navigation-dotted ul{align-items:flex-end;display:flex;flex-flow:column;opacity:1;pointer-events:all;position:relative}.navigation-dotted ul:after{background-color:#999;border-radius:3rem;content:"";opacity:0;position:absolute;transition:opacity .6s cubic-bezier(.165,.84,.44,1);z-index:0}.navigation-dotted ul:hover span:not([data-progress-bar]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .35s cubic-bezier(.165,.84,.44,1),transform .35s cubic-bezier(.165,.84,.44,1);transition:opacity .35s cubic-bezier(.165,.84,.44,1),transform .35s cubic-bezier(.165,.84,.44,1),-webkit-transform .35s cubic-bezier(.165,.84,.44,1);visibility:visible}.navigation-dotted ul:hover span[data-progress-bar]{transition:transform .35s cubic-bezier(.165,.84,.44,1);transition:transform .35s cubic-bezier(.165,.84,.44,1),-webkit-transform .35s cubic-bezier(.165,.84,.44,1)}.navigation-dotted ul:hover li:first-child span{transition-delay:35ms}.navigation-dotted ul:hover li:nth-child(2) span{transition-delay:.07s}.navigation-dotted ul:hover li:nth-child(3) span{transition-delay:.105s}.navigation-dotted ul:hover li:nth-child(4) span{transition-delay:.14s}.navigation-dotted ul:hover li:nth-child(5) span{transition-delay:.175s}.navigation-dotted ul:hover li:nth-child(6) span{transition-delay:.21s}.navigation-dotted ul:hover li:nth-child(7) span{transition-delay:.245s}.navigation-dotted ul:hover li:nth-child(8) span{transition-delay:.28s}.navigation-dotted ul:hover li:nth-child(9) span{transition-delay:.315s}.navigation-dotted ul:hover li:nth-child(10) span{transition-delay:.35s}.navigation-dotted li{overflow:visible;position:relative;z-index:1}.navigation-dotted li:last-child [data-section-progress]{opacity:0}.navigation-dotted [data-section-progress]{background-color:#feb904;height:calc(100% - 1rem);left:calc(50% - 1px);pointer-events:none;position:absolute;top:calc(100% - 2rem);-webkit-transform-origin:50% 0;transform-origin:50% 0;width:2px}.scroll-take-over{padding:0!important}.scroll-take-over.is-dark{color:#fff}.scroll-take-over.is-light{color:#000}.scroll-take-over .end-message__button,.scroll-take-over__blurb p+.btn{margin-top:6rem}.scroll-take-over__sections{position:relative;width:100%;z-index:1}.scroll-take-over__sections>div.is-active .scroll-take-over__fixed,.scroll-take-over__sections>div.is-active .scroll-take-over__relative{opacity:1;pointer-events:all;-webkit-transform:translateY(0);transform:translateY(0);transition-delay:0s;visibility:visible}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob{-webkit-animation:blob-bubble 24s linear infinite;animation:blob-bubble 24s linear infinite}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob:first-child{-webkit-animation-delay:-6s;animation-delay:-6s}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob:nth-child(3){-webkit-animation-delay:6s;animation-delay:6s}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob:nth-child(4){-webkit-animation-delay:12s;animation-delay:12s}.scroll-take-over__sections>div[data-id=intro]{background-color:#1a2228;color:#fff;min-height:100vh;overflow:hidden;position:relative;z-index:5}.scroll-take-over__sections>div[data-id=intro] .scroll-take-over__blob-bubbling{position:fixed}.scroll-take-over__sections>div[data-id=scroll-graph]{color:#fff;height:200vh;z-index:2}.scroll-take-over__sections>div[data-id=year-outline]{align-items:center;min-height:200vh}.scroll-take-over__sections>div[data-id=global-emissions]{color:#fff;min-height:100vh}.scroll-take-over__sections>div[data-id=global-emissions] .scroll-take-over__blurb{max-width:90%}@media only screen and (min-width:992px){.scroll-take-over__sections>div[data-id=global-emissions] .scroll-take-over__blurb{max-width:80rem}}.scroll-take-over__sections>div[data-id=transparency]{min-height:125vh;padding-bottom:25vh}.scroll-take-over__sections>div[data-id=blob-composition]{min-height:200vh}.scroll-take-over__sections>div[data-id=difference]{min-height:100vh}.scroll-take-over__sections>div[data-id=consumer-responsibility]{min-height:200vh}.scroll-take-over__sections>div[data-id=explore]{min-height:100vh}.scroll-take-over__sections>div[data-id=difference],.scroll-take-over__sections>div[data-id=explore],.scroll-take-over__sections>div[data-id=global-emissions],.scroll-take-over__sections>div[data-id=intro],.scroll-take-over__sections>div[data-id=transparency],.scroll-take-over__sections>div[data-id=year-outline]{display:flex;justify-content:center}.scroll-take-over__fixed,.scroll-take-over__relative{left:0;overflow:hidden;pointer-events:none;top:0;transition:opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s,transform 0s .5s;transition:opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s,transform 0s .5s,-webkit-transform 0s .5s;visibility:visible;width:100%;will-change:opacity,visible,transform;z-index:3}.scroll-take-over__relative{position:relative}.scroll-take-over__fixed{height:100%;opacity:0;position:fixed;-webkit-transform:translateY(100%);transform:translateY(100%)}.scroll-take-over__relative{justify-self:stretch}.scroll-take-over__blob-bubbling{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%;will-change:opacity;z-index:1}.is-active-bg .scroll-take-over__blob-bubbling,.scroll-graph.is-showing-details .scroll-graph__svg span,.scroll-graph__svg li.is-visible span{opacity:1}.scroll-take-over__blob-bubbling .blob{-webkit-animation:blob-bubble 24s linear infinite;animation:blob-bubble 24s linear infinite;opacity:0}.scroll-take-over__blob-bubbling .blob:first-child{-webkit-animation-delay:-6s;animation-delay:-6s;right:-10%;width:60%!important}@media only screen and (min-width:576px){.scroll-take-over__blob-bubbling .blob:first-child{width:40%!important}}@media only screen and (min-width:992px){.scroll-take-over__blob-bubbling .blob:first-child{right:6%;width:28%!important}}.scroll-take-over__blob-bubbling .blob:nth-child(2){left:-22%;width:80%!important}@media only screen and (min-width:576px){.scroll-take-over__blob-bubbling .blob:nth-child(2){width:60%!important}}@media only screen and (min-width:992px){.scroll-take-over__blob-bubbling .blob:nth-child(2){left:-5%;width:42%!important}}.scroll-take-over__blob-bubbling .blob:nth-child(3){-webkit-animation-delay:6s;animation-delay:6s;right:2%;width:55%!important}@media only screen and (min-width:576px){.scroll-take-over__blob-bubbling .blob:nth-child(3){width:40%!important}}@media only screen and (min-width:992px){.scroll-take-over__blob-bubbling .blob:nth-child(3){right:12%;width:33%!important}}.scroll-take-over__blob-bubbling .blob:nth-child(4){-webkit-animation-delay:12s;animation-delay:12s;left:0;width:60%!important}@media only screen and (min-width:576px){.scroll-take-over__blob-bubbling .blob:nth-child(4){width:40%!important}}@media only screen and (min-width:992px){.scroll-take-over__blob-bubbling .blob:nth-child(4){left:10%;width:30%!important}}.scroll-take-over__centered{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:2}.scroll-take-over__relative .scroll-take-over__centered{position:relative}.scroll-take-over__centered .scroll-take-over__blurb{max-width:90%}@media only screen and (min-width:992px){.scroll-take-over__centered .scroll-take-over__blurb{max-width:60rem}}.scroll-take-over__blurb{will-change:transform}.scroll-take-over__blurb h2+p{margin-top:.5em}.scroll-take-over__caret{-webkit-animation:caret 1.5s cubic-bezier(.215,.61,.355,1) infinite;animation:caret 1.5s cubic-bezier(.215,.61,.355,1) infinite;bottom:10vh;height:1rem;left:calc(50% - .9rem);position:absolute;width:1.8rem}.scroll-take-over__caret svg{fill:#fff}.scroll-take-over__backgrounds{background-color:#1a2228;height:100%;left:0;position:fixed;top:0;width:100%}.scroll-take-over__backgrounds>div,.scroll-take-over__backgrounds figure{height:100%;left:0;position:absolute;top:0;width:100%}.scroll-take-over__backgrounds>div{opacity:0;overflow:hidden;transition:opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s;visibility:hidden;will-change:opacity,visibility}.scroll-take-over__backgrounds>div.is-active{opacity:1;transition-delay:0s;visibility:visible}.scroll-take-over__backgrounds>div:first-child{position:relative}.scroll-take-over__backgrounds>div:first-child:after{background:#1a2228cc;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.scroll-take-over__backgrounds>div:nth-child(5) figure{background-color:#fff}.scroll-take-over__backgrounds>div:nth-child(6) figure{background-color:#1a2228}.scroll-take-over__backgrounds img,.scroll-take-over__backgrounds video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.scroll-take-over__backgrounds .blob-composition__background{background:#1a2228}.scroll-take-over__backgrounds .blob-composition__background video{opacity:.2}.scroll-take-over .consumer-responsibility{background:#fff;color:#000}@media only screen and (max-width:991px){.scroll-take-over .consumer-responsibility__item div{order:2}.scroll-take-over .consumer-responsibility__item div.blob-scene{order:1;position:relative}.scroll-take-over .consumer-responsibility__item .hero-blob .row{padding-bottom:0}}.scroll-take-over .consumer-responsibility__item .hero-blob{background:#fff;background-color:initial}.scroll-graph{height:100%;position:relative;width:100%}.scroll-graph__content-wrapper{height:100%;left:0;padding:5vh 0 0;position:absolute;top:0;width:100%}@media only screen and (min-width:768px){.scroll-graph__content-wrapper{padding:10vh 10vw 0}}.scroll-graph__content{margin:0 auto;max-width:42.5rem;padding:0 2.5rem;position:relative;text-align:center}@media only screen and (min-width:768px){.scroll-graph__content{margin:0;padding:0;text-align:left}}.scroll-graph__content h2{margin-left:auto;margin-right:auto;max-width:22rem}@media only screen and (min-width:576px){.scroll-graph__content h2{max-width:none}}.scroll-graph__content p sup,.scroll-graph__svg sup{font-size:.6em}.scroll-graph__content-heading{margin-bottom:1rem}.scroll-graph .btn{margin-top:2rem}@media only screen and (min-width:768px){.scroll-graph .btn{display:none}}.scroll-graph__svg-scroller{height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:opacity .35s linear;width:100%}.scroll-graph__svg{bottom:10vh;height:60.8rem;left:0;max-height:calc(100% - 40vh);position:absolute;width:300%}@media only screen and (min-width:768px){.scroll-graph__svg{bottom:12vh;max-height:calc(100% - 12vh);width:100%}}.scroll-graph__svg svg{display:block;height:100%;width:100%}.scroll-graph__svg svg path{will-change:stroke-dasharray,stroke-dashoffset}.scroll-graph__svg ul:hover li p{opacity:0!important}.scroll-graph__svg li{position:absolute}@media only screen and (max-width:575px){.scroll-graph__svg li:first-child{left:15%!important;top:96.4%!important}}.scroll-graph__svg li.is-visible span:after{-webkit-animation:scroll-graph-glow 2s cubic-bezier(.165,.84,.44,1);animation:scroll-graph-glow 2s cubic-bezier(.165,.84,.44,1)}.scroll-graph__svg li.is-visible.is-active p,.scroll-graph__svg li.is-visible:hover p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1);transition:opacity .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1)}.scroll-graph__svg li.is-visible:hover p{opacity:1!important}.scroll-graph__svg span{background-color:#feb904;border-radius:50%;cursor:pointer;height:1.2rem;left:-.6rem;opacity:0;position:absolute;top:-.6rem;transition:opacity .35s linear;width:1.2rem}.scroll-graph__scroll-hint,.scroll-graph__svg span:after{border-radius:50%;opacity:0;pointer-events:none;position:absolute}.scroll-graph__svg span:after{background-color:#feb904;content:"";height:500%;left:-200%;top:-200%;width:500%}.scroll-graph__svg p{bottom:calc(100% + 1.5rem);color:#feb904;font-size:1.4rem;font-weight:500;left:-2rem;letter-spacing:0;line-height:1.2;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(2.5rem);transform:translateY(2.5rem);transition:opacity .35s,transform 0s .35s;transition:opacity .35s,transform 0s .35s,-webkit-transform 0s .35s;width:15rem}@media only screen and (min-width:480px){.scroll-graph__svg p{font-size:1.4rem;letter-spacing:0;line-height:1.7}}@media only screen and (min-width:992px){.scroll-graph__svg p{font-size:1.4rem;letter-spacing:0;line-height:1.7}}@media only screen and (min-width:768px){.scroll-graph__svg p{bottom:calc(100% + 3rem);font-size:1.6rem;font-weight:500;letter-spacing:0;line-height:1.75}}@media only screen and (min-width:768px)and (min-width:480px){.scroll-graph__svg p{font-size:1.6rem;letter-spacing:0;line-height:1.75}}@media only screen and (min-width:768px)and (min-width:992px){.scroll-graph__svg p{font-size:1.6rem;letter-spacing:0;line-height:1.75}}@media only screen and (min-width:768px){.scroll-graph__svg p a{color:inherit;display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;position:relative;text-decoration:underline}}.scroll-graph__svg strong{color:#fff;display:block;margin-bottom:.5rem;white-space:nowrap}.scroll-graph__scroll-hint{align-items:center;background-color:#fff3;display:flex;height:9rem;justify-content:center;left:calc(50% - 4.5rem);top:calc(50% - 4.5rem);transition:opacity .15s linear;width:9rem}.scroll-graph__scroll-hint svg{fill:#fff;height:.6rem;width:.9rem}.scroll-graph__scroll-hint svg:first-child{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.scroll-graph__scroll-hint svg:last-child{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.scroll-graph__scroll-hint span{margin:0 .6rem}.scroll-graph__hide-details{align-items:center;border:.4rem solid #fff;border-radius:50%;display:flex;height:4.4rem;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:2rem;top:2rem;transition:opacity .15s linear;width:4.4rem}.scroll-graph__hide-details svg{fill:#fff;height:1.4rem;width:1.4rem}.scroll-graph__timeline{bottom:8vh;height:1.2rem;left:0;position:absolute;transition:opacity .35s linear;width:100%}.scroll-graph__timeline ul{display:flex;justify-content:space-between;list-style:none;padding:0 10%}.scroll-graph__timeline li{display:none;font-size:1.2rem;line-height:1}@media only screen and (min-width:768px){.scroll-graph__timeline li{display:block}}.scroll-graph__timeline li:nth-child(5){margin-left:25%;margin-right:25%}.scroll-graph__timeline li:nth-child(6){margin-right:4%}.scroll-graph.is-showing-details .scroll-graph__content{opacity:0;pointer-events:none}.scroll-graph.is-showing-details .scroll-graph__svg-scroller{-webkit-overflow-scrolling:touch;overflow:auto}.scroll-graph.is-showing-details .scroll-graph__svg span:hover+p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.scroll-graph.is-showing-details .scroll-graph__scroll-hint{opacity:1}.scroll-graph.is-showing-details .scroll-graph__hide-details{opacity:1;pointer-events:all}.scroll-graph.hide-graph .container--fpc,.scroll-graph.hide-graph .scroll-graph__hide-details,.scroll-graph.hide-graph .scroll-graph__scroll-hint,.scroll-graph.hide-graph .scroll-graph__svg-scroller,.scroll-graph.hide-graph .scroll-graph__timeline,.scroll-graph.is-showing-details .scroll-graph__scroll-hint.is-hidden{opacity:0}.year-outline{color:#fff;padding-top:100vh}.year-outline .hero-blob{background-color:initial}.year-outline .blob{opacity:0;transition:.5s}.year-outline .blob+.blob{transition-delay:.75s}.year-outline .sk-viewport-in .blob{opacity:1}.fpc-html{-webkit-backface-visibility:hidden;backface-visibility:hidden}
/*# sourceMappingURL=fpcWhyPage.css.map*/