@keyframes slide-left{0%{transform:none}30%{transform:translate(-75%)}70%{transform:translate(-75%)}to{transform:none}}@keyframes slide-left-full{0%{transform:none}30%{transform:translate(-100%)}70%{transform:translate(-100%)}to{transform:none}}@keyframes slide-left-counter{0%{transform:none}40%{transform:translate(2rem)}60%{transform:translate(2rem)}to{transform:none}}@keyframes slide-right-counter{0%{transform:none}40%{transform:translate(-2rem)}60%{transform:translate(-2rem)}to{transform:none}}@keyframes btn-error{0%,to{transform:translate(0,0)}20%,60%{transform:translate(15px)}40%,80%{transform:translate(-15px)}}.blob-composition>div{position:relative}.blob-composition--1,.blob-composition--2{z-index:5;min-height:100vh;position:relative}.blob-composition__blob{animation-name:blob-bubble-2!important;animation-duration:17.5s!important}@keyframes blob-bubble-2{0%{opacity:0;transform:translateY(calc(125vh - 100%))}10%,90%{opacity:1}to{opacity:0;transform:translateY(-25vh)}}.blob-composition__blob div{width:100%;height:100%;top:0;left:0}.blob-composition__transition{z-index:10;text-align:center;flex-flow:column;justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative}.blob-composition__transition figure{width:400px;height:400px;margin-bottom:-200px;position:relative}.blob-composition__transition [data-blob]{width:100%;height:100%}.blob-composition__transition h3{z-index:10;position:relative;transform:translateY(-50%)}.navigation-dotted{z-index:100;pointer-events:none;justify-content:center;align-items:center;height:100%;display:none;position:fixed;top:0;right:3.5vw}@media only screen and (min-width:992px){.navigation-dotted{display:flex}}.navigation-dotted.is-active ul:after{opacity:.1}.navigation-dotted button{color:#feb904;text-align:right;width:5rem;height:5rem;transition:color .35s cubic-bezier(.165,.84,.44,1);display:block;position:relative}.navigation-dotted button:before,.navigation-dotted button:after{top:2rem;right:var(--bs-gutter-x);content:"";border-radius:50%;width:1rem;height:1rem;position:absolute}.navigation-dotted button:before{border:.2rem solid #feb904;transition:border .35s cubic-bezier(.165,.84,.44,1)}.navigation-dotted button:after{opacity:0;background-color:#feb904;transition:background-color .35s cubic-bezier(.165,.84,.44,1),opacity .35s cubic-bezier(.165,.84,.44,1)}.navigation-dotted button:hover:after{opacity:1}.navigation-dotted button span{white-space:nowrap;visibility:hidden;opacity:0;font-weight:500;line-height:5rem;transition:opacity .35s cubic-bezier(.165,.84,.44,1),transform 0s .35s,visibility 0s .35s;position:absolute;top:0;right:100%;transform:translate(3.5rem)}.navigation-dotted ul{opacity:1;pointer-events:all;flex-flow:column;align-items:flex-end;display:flex;position:relative}.navigation-dotted ul:after{content:"";z-index:0;opacity:0;background-color:#999;border-radius:3rem;width:100%;height:100%;transition:opacity .6s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0}.navigation-dotted ul:hover span:not([data-progress-bar]){visibility:visible;opacity:1;transition:opacity .35s cubic-bezier(.165,.84,.44,1),transform .35s cubic-bezier(.165,.84,.44,1);transform:translate(0)}.navigation-dotted ul:hover span[data-progress-bar]{transition: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:70ms}.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{z-index:1;position:relative;overflow:visible}.navigation-dotted li.is-active button:after{opacity:1}.navigation-dotted li:last-child [data-section-progress]{opacity:0}.navigation-dotted [data-section-progress]{transform-origin:50% 0;pointer-events:none;background-color:#feb904;width:2px;height:calc(100% - 1rem);position:absolute;top:calc(100% - 2rem);left:calc(50% - 1px)}.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{margin-top:6rem}.scroll-take-over__sections{z-index:1;width:100%;position:relative}.scroll-take-over__sections>div.is-active .scroll-take-over__fixed,.scroll-take-over__sections>div.is-active .scroll-take-over__relative{visibility:visible;opacity:1;pointer-events:all;transition-delay:0s;transform:translateY(0)}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob{animation:24s linear infinite blob-bubble}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob:first-child{animation-delay:-6s}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob:nth-child(3){animation-delay:6s}.scroll-take-over__sections>div.is-active .scroll-take-over__blob-bubbling .blob:nth-child(4){animation-delay:12s}.scroll-take-over__sections>div[data-id=intro]{z-index:5;color:#fff;background-color:#1a2228;min-height:100vh;position:relative;overflow:hidden}.scroll-take-over__sections>div[data-id=intro] .scroll-take-over__blob-bubbling{position:fixed}.scroll-take-over__sections>div[data-id=scroll-graph]{z-index:2;color:#fff;height:200vh}.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=intro],.scroll-take-over__sections>div[data-id=explore],.scroll-take-over__sections>div[data-id=transparency],.scroll-take-over__sections>div[data-id=difference],.scroll-take-over__sections>div[data-id=year-outline],.scroll-take-over__sections>div[data-id=global-emissions]{justify-content:center;display:flex}.scroll-take-over__fixed,.scroll-take-over__relative{z-index:3;visibility:visible;pointer-events:none;will-change:opacity,visible,transform;width:100%;transition:opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s,transform 0s .5s;position:relative;top:0;left:0;overflow:hidden}.scroll-take-over__fixed{opacity:0;height:100%;position:fixed;transform:translateY(100%)}.scroll-take-over__relative{justify-self:stretch}.scroll-take-over__blob-bubbling{z-index:1;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.is-active-bg .scroll-take-over__blob-bubbling{opacity:1}@keyframes blob-bubble{0%{opacity:0;transform:translateY(calc(100vh - 100%))}10%{opacity:1}to{opacity:1;transform:translateY(-100vh)}}@keyframes blob-wiggle{0%{transform:translate(3.75%)}}.scroll-take-over__blob-bubbling .blob{opacity:0;animation:24s linear infinite blob-bubble}.scroll-take-over__blob-bubbling .blob:first-child{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){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){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{z-index:2;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.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__blurb p+.btn{margin-top:6rem}@keyframes caret{0%{transform:translateY(-1.5vh)}to{opacity:0;transform:translateY(1.5vh)}}.scroll-take-over__caret{width:1.8rem;height:1rem;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite caret;position:absolute;bottom:10vh;left:calc(50% - .9rem)}.scroll-take-over__caret svg{fill:#fff}.scroll-take-over__backgrounds{background-color:#1a2228;width:100%;height:100%;position:fixed;top:0;left:0}.scroll-take-over__backgrounds>div,.scroll-take-over__backgrounds figure{width:100%;height:100%;position:absolute;top:0;left:0}.scroll-take-over__backgrounds>div{visibility:hidden;opacity:0;will-change:opacity,visibility;transition:opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s;overflow:hidden}.scroll-take-over__backgrounds>div.is-active{visibility:visible;opacity:1;transition-delay:0s}.scroll-take-over__backgrounds>div:first-child{position:relative}.scroll-take-over__backgrounds>div:first-child:after{content:"";background:rgba(26,34,40,.8);width:100%;height:100%;position:absolute;top:0;left:0}.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{object-fit:cover;width:100%;height: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{color:#000;background:#fff}@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:0 0}.scroll-graph{width:100%;height:100%;position:relative}.scroll-graph__content-wrapper{width:100%;height:100%;padding:5vh 0 0;position:absolute;top:0;left:0}@media only screen and (min-width:768px){.scroll-graph__content-wrapper{padding:10vh 10vw 0}}.scroll-graph__content{text-align:center;max-width:42.5rem;margin:0 auto;padding:0 2.5rem;position:relative}@media only screen and (min-width:768px){.scroll-graph__content{text-align:left;margin:0;padding:0}}.scroll-graph__content h2{max-width:22rem;margin-left:auto;margin-right:auto}@media only screen and (min-width:576px){.scroll-graph__content h2{max-width:none}}.scroll-graph__content p 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{width:100%;height:100%;transition:opacity .35s linear;position:absolute;top:0;left:0;overflow:hidden}.scroll-graph__svg{width:300%;height:60.8rem;max-height:calc(100% - 40vh);position:absolute;bottom:10vh;left:0}@media only screen and (min-width:768px){.scroll-graph__svg{width:100%;max-height:calc(100% - 12vh);bottom:12vh}}.scroll-graph__svg svg{width:100%;height:100%;display:block}.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{top:96.4%!important;left:15%!important}}.scroll-graph__svg li.is-visible span{opacity:1}.scroll-graph__svg li.is-visible span:after{animation:2s cubic-bezier(.165,.84,.44,1) scroll-graph-glow}.scroll-graph__svg li.is-visible.is-active p,.scroll-graph__svg li.is-visible:hover p{opacity:1;transition:opacity .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1);transform:translateY(0)}.scroll-graph__svg li.is-visible:hover p{opacity:1!important}.scroll-graph__svg span{cursor:pointer;opacity:0;background-color:#feb904;border-radius:50%;width:1.2rem;height:1.2rem;transition:opacity .35s linear;position:absolute;top:-.6rem;left:-.6rem}@keyframes scroll-graph-glow{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.scroll-graph__svg span:after{content:"";opacity:0;pointer-events:none;background-color:#feb904;border-radius:50%;width:500%;height:500%;position:absolute;top:-200%;left:-200%}.scroll-graph__svg p{letter-spacing:0;left:calc(var(--bs-gutter-x)*-1);color:#feb904;opacity:0;pointer-events:none;width:15rem;font-size:1.2rem;font-weight:300;line-height:1.2;transition:opacity .35s,transform 0s .35s;position:absolute;bottom:calc(100% + 1.5rem);transform:translateY(2.5rem)}@media only screen and (min-width:992px){.scroll-graph__svg p{font-size:1.4rem}}@media only screen and (min-width:768px){.scroll-graph__svg p{letter-spacing:0;font-size:1.4rem;font-weight:300;line-height:1.5;bottom:calc(100% + 3rem)}}@media only screen and (min-width:768px) and (min-width:992px){.scroll-graph__svg p{font-size:1.6rem}}.scroll-graph__svg strong{color:#fff;white-space:nowrap;margin-bottom:.5rem;display:block}.scroll-graph__svg sup{font-size:.6em}.scroll-graph__scroll-hint{opacity:0;pointer-events:none;background-color:rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;width:9rem;height:9rem;transition:opacity .15s linear;display:flex;position:absolute;top:calc(50% - 4.5rem);left:calc(50% - 4.5rem)}.scroll-graph__scroll-hint svg{fill:#fff;width:.9rem;height:.6rem}.scroll-graph__scroll-hint svg:first-child{transform:rotate(90deg)}.scroll-graph__scroll-hint svg:last-child{transform:rotate(-90deg)}.scroll-graph__scroll-hint span{margin:0 .6rem}.scroll-graph__hide-details{top:2rem;right:var(--bs-gutter-x);opacity:0;pointer-events:none;border:.4rem solid #fff;border-radius:50%;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;transition:opacity .15s linear;display:flex;position:absolute}.scroll-graph__hide-details svg{fill:#fff;width:1.4rem;height:1.4rem}.scroll-graph__timeline{width:100%;height:1.2rem;transition:opacity .35s linear;position:absolute;bottom:8vh;left:0}.scroll-graph__timeline ul{justify-content:space-between;padding:0 10%;list-style:none;display:flex}.scroll-graph__timeline li{font-size:1.2rem;line-height:1;display:none}@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{opacity:1}.scroll-graph.is-showing-details .scroll-graph__svg span:hover+p{opacity:1;transform:translateY(0)}.scroll-graph.is-showing-details .scroll-graph__scroll-hint{opacity:1}.scroll-graph.is-showing-details .scroll-graph__scroll-hint.is-hidden{opacity:0}.scroll-graph.is-showing-details .scroll-graph__hide-details{opacity:1;pointer-events:all}.scroll-graph.hide-graph .scroll-graph__svg-scroller,.scroll-graph.hide-graph .scroll-graph__scroll-hint,.scroll-graph.hide-graph .scroll-graph__hide-details,.scroll-graph.hide-graph .scroll-graph__timeline,.scroll-graph.hide-graph .container--fpc{opacity:0}.year-outline{color:#fff;padding-top:100vh}.year-outline .hero-blob{background-color:transparent}.year-outline .blob{opacity:0;transition:all .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*/