#loading{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999999;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#6260e5;transition:opacity .5s cubic-bezier(.6,.14,0,1)}#loading.hide{opacity:0}#loading.hide,#loading.hide *{pointer-events:none!important}body{font-size:20rem;line-height:1.2;font-weight:400;letter-spacing:-.04em}.super,.h1,.h2,.h3,.h4{font-weight:700;margin:0;line-height:1;letter-spacing:-.07em}.super{font-size:310rem;font-weight:900;text-transform:uppercase;letter-spacing:-.078em;line-height:.8}.h1{font-size:200rem}.h2{font-size:120rem}.h3{font-size:80rem}.h4{font-size:40rem;letter-spacing:-.06em;font-weight:600}@media (max-width: 1024px){body{font-size:16px}.super{font-size:64rem}.h1{font-size:48rem}.h2{font-size:32rem}.h3{font-size:24rem}.h4{font-size:20rem}}:root{--margin: 40rem;--gap: 8rem;--column: calc((var(--rvw) * 100 - var(--margin) * 2 - var(--gap) * 23) / 24)}@media (max-width: 740px){:root{--margin: 12px;--gap: 10px}}#grid{width:100%;height:100%;position:fixed;left:0;top:0;padding:0 var(--margin);box-sizing:border-box;z-index:999999;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:auto;gap:var(--gap);pointer-events:none}#grid div{background:#f003}#grid:not(.show){display:none}.smart-text .line{display:block;font-weight:inherit;will-change:transform}.smart-text .text{display:inline-block;white-space:nowrap;font-weight:inherit}.smart-text .word{display:inline-block}.smart-text .word:not(:last-child).right-space{padding-right:.2em}.smart-text .word:not(:first-child).left-space{padding-left:.2em}.rich-text p{margin:0}.rich-text p:not(:last-child){margin-bottom:1em}.rich-text a{position:relative}.rich-text a:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:0% 50%;transition:transform 1s cubic-bezier(.35,.42,0,1)}.rich-text a:hover:after{transform:scaleX(1);transform-origin:100% 50%}.rich-text a:not(:hover):after{transform:scaleX(.2)}#nav{width:100%;position:fixed;top:0;left:0;z-index:99;box-sizing:border-box;padding:40rem var(--margin);display:flex;justify-content:space-between;align-items:center;pointer-events:none}#nav a{pointer-events:all}#nav svg{fill:currentColor}#nav-left,#nav-right{display:flex;align-items:center;gap:var(--gap)}#nav-unaids{width:auto;height:25rem}#nav-unaids svg{width:auto;height:100%}#nav-logo{width:auto;height:30rem;position:absolute;left:50%;transform:translate(-50%);transition:opacity 1s cubic-bezier(.19,1,.22,1)}#nav-logo svg{width:auto;height:100%}#nav-share{display:inline-flex;align-items:center;gap:10rem;pointer-events:all;font-size:32rem;cursor:pointer;transition:opacity 1s cubic-bezier(.19,1,.22,1)}#nav-share svg{height:1em;transition:transform 1s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1)}#nav-share:hover svg{transform:rotate(180deg)}@media (max-width: 1024px){#nav{padding:20rem var(--margin)}#nav-logo{height:22rem}#nav-unaids{height:20rem}#nav-share{font-size:16rem}}@media (max-width: 740px){#nav-logo{position:static;transform:none}#nav-share svg{display:none}}html:not(.playing) #nav #nav-logo,html:not(.playing) #nav #nav-share{opacity:0;pointer-events:none}#p{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#p:not(.show){pointer-events:none}html[data-touch=true] #p{display:none}.primary-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:26rem 80rem;line-height:1;box-sizing:border-box;font-size:24rem;letter-spacing:-.03em;cursor:pointer;border-radius:80rem;perspective:100vw;overflow:visible}.primary-button .primary-button-bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;pointer-events:none;transition:transform 1s cubic-bezier(.19,1,.22,1)}.primary-button .primary-button-bg svg{overflow:visible}.primary-button .primary-button-text{z-index:1;font-weight:600;transform-style:preserve-3d}.primary-button .primary-button-text span{display:inline-block;transition:transform 1s cubic-bezier(.19,1,.22,1) .15s}.primary-button.circle{width:400rem;aspect-ratio:1/1;padding:0;font-size:48rem;font-weight:600;border-radius:50%}.primary-button.large{font-size:32rem;font-weight:700;padding:46rem 100rem}.primary-button.border .primary-button-bg svg{stroke:currentColor;fill:none!important;stroke-width:1px}.primary-button:hover .primary-button-bg{transform:scale(.95)}.primary-button:hover .primary-button-text span{transform:scale(.9)}@media (max-width: 1024px){.primary-button{font-size:20rem}.primary-button.circle{width:160rem;font-size:24rem}.primary-button.large{font-size:24rem;padding:24rem 80rem}}.popup{width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:200rem var(--margin);box-sizing:border-box;overflow-y:auto;scrollbar-width:none}.popup::-webkit-scrollbar{display:none}.popup .popup-bg{width:100%;height:100%;background:#041f30;position:fixed;top:0;left:0;z-index:0;transition:opacity 1s cubic-bezier(.19,1,.22,1) .5s}.popup .flex{width:100%;display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:9;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1)}.popup .popup-left>*,.popup .popup-right-title,.popup .popup-right-content>p,.popup .popup-right-content li{transition:opacity .5s cubic-bezier(.19,1,.22,1),transform 1s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1);transition-delay:0s}.popup .popup-left{width:calc(var(--column) * 7 + var(--gap) * 6);padding-left:calc(var(--column) * 1 + var(--gap))}.popup .popup-left .popup-icon{width:120rem;height:120rem;margin-bottom:40rem;fill:currentColor}.popup .popup-left .popup-icon path{transform-box:fill-box;transform-origin:center}.popup .popup-left .popup-icon path:first-child{transition:transform 2s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1) .5s}.popup .popup-left .popup-left-title{max-width:530rem;display:block}.popup .popup-right{width:calc(var(--column) * 13 + var(--gap) * 12);padding-top:160rem;box-sizing:border-box}.popup .popup-right .popup-right-title{display:block;max-width:900rem;margin-bottom:50rem;font-size:32rem}.popup .popup-right .popup-right-content{width:calc(var(--column) * 10 + var(--gap) * 9)}.popup .popup-right .popup-right-content b{font-weight:700}.popup .popup-right .popup-right-content ul{padding:0;margin:2em 0}.popup .popup-right .popup-right-content ul li{list-style:none;padding-left:32rem;position:relative}.popup .popup-right .popup-right-content ul li:before{content:"";width:16rem;height:16rem;border:1px solid currentColor;border-radius:50%;box-sizing:border-box;display:inline-block;position:absolute;left:0;top:.2em}.popup .popup-right .popup-right-content ul li:not(:last-child){margin-bottom:16rem}.popup .popup-right .popup-right-content ul:first-child{margin-top:0}.popup .popup-right .popup-right-content ul:last-child{margin-bottom:0}.popup .popup-right .popup-right-content p:not(:last-child){margin-bottom:2em}.popup .popup-next-button{width:200rem;height:200rem;font-size:40rem;position:absolute;right:40rem;bottom:40rem;z-index:9;color:#041f30;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1)}.popup .popup-next-button svg{fill:#fff}.popup:not(.active),.popup:not(.active) *{pointer-events:none!important}.popup:not(.active) .popup-bg{opacity:0}.popup:not(.active) .popup-left .popup-icon path:first-child{transform:rotate(-45deg) scale(0)}.popup:not(.active) .popup-left>*,.popup:not(.active) .popup-right-title,.popup:not(.active) .popup-right-content>p,.popup:not(.active) .popup-right-content li{opacity:0;transform:translateY(160rem) scale(.9)}.popup:not(.active) .popup-next-button{opacity:0;transform:scale(.8)}.popup.active .popup-bg{transition-delay:0s}.popup.active .popup-left>*,.popup.active .popup-right-title,.popup.active .popup-right-content>p,.popup.active .popup-right-content li{transition-delay:calc(.05s * var(--i));transition-duration:2s}.popup:not(.can-next) .popup-next-button{pointer-events:none!important;opacity:0;transform:scale(.8)}@media (max-width: 1024px){.popup{padding:80rem var(--margin);flex-direction:column;justify-content:flex-start}.popup .flex{flex-direction:column;align-items:center;justify-content:flex-start}.popup .popup-left{width:100%;padding-left:0;display:flex;flex-direction:column;align-items:center}.popup .popup-left .popup-icon{width:64rem;height:64rem;margin-bottom:20rem}.popup .popup-right{width:100%;max-width:600rem;padding-top:40rem}.popup .popup-right .popup-right-title{font-size:24rem;margin-bottom:24rem}.popup .popup-right .popup-right-content{width:100%;max-width:540rem}.popup .popup-next-button{width:160rem;height:160rem;font-size:32rem;position:relative;margin-top:50rem;right:auto;bottom:auto;flex-shrink:0}}@media (max-width: 740px){.popup .popup-left .popup-left-title{font-size:48rem;max-width:280rem;line-height:.92;text-align:center;margin-left:auto;margin-right:auto}.popup .popup-right .popup-right-content ul li{padding-left:23rem}.popup .popup-right .popup-right-content ul li:not(:last-child){margin-bottom:12rem}}*{font-smooth:almays;text-shadow:0px 0px 1px transparent;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@-moz-document url-prefix(){body{font-weight:lighter!important}}body,html{height:auto;margin:0;padding:0;font-family:Inter,sans-serif}html{font-size:.0520833333vw;background:#6260e5;color:#fff}html.is-leaving,html.is-leaving *{pointer-events:none!important}html.is-leaving body{opacity:0}html:not(.intro-done){overflow:hidden!important}@media (max-width: 1024px){html{font-size:1px}}body{transition:opacity .5s cubic-bezier(.19,1,.22,1)}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.flex{display:flex}button,button:focus,a,a:focus{outline:none!important}a{color:inherit;text-decoration:none}.no-transition,.no-transition *{transition:none!important}.no-animation,.no-animation *{animation:none!important}.no-events,.no-events *{pointer-events:none!important}.no-transform,.no-transform *{transform:none!important}.full-width{width:100vw}.size-auto{width:auto!important;height:auto!important}.width-auto{width:auto!important}.overflow-hidden{overflow:hidden!important}#header{width:100%;height:100dvh}#intro{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 var(--margin);box-sizing:border-box;background:#041f30;position:relative;transition:opacity 1s cubic-bezier(.19,1,.22,1)}#intro #intro-bg{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center;z-index:0}#intro #intro-title{width:100%;max-width:min(890rem,80vh);color:#6260e5;margin:0;z-index:2}#intro #intro-title svg{width:100%;height:auto;fill:currentColor;overflow:visible}#intro #intro-title svg .letter{animation:intro-letter 2s infinite}#intro #intro-right{width:calc(var(--column) * 7 + var(--gap) * 6);position:absolute;right:calc(var(--margin) + var(--column) * 1 + var(--gap));bottom:70rem;z-index:9}#intro #intro-right #intro-description{max-width:510rem;line-height:1.2}#intro #intro-right #intro-button{width:100%;margin-top:60rem}#intro #intro-right #intro-button svg{fill:#fb273e}@media (max-width: 1024px){#intro #intro-title{width:100%;max-width:300rem}#intro #intro-right{position:static;width:100%;margin-top:50rem;align-items:flex-start}#intro #intro-right #intro-description{max-width:290rem}#intro #intro-right #intro-button{max-width:300rem}}@media (max-width: 740px){#intro #intro-right #intro-button{position:absolute;bottom:40rem;margin-top:0}}@media (max-width: 580px){#intro{justify-content:flex-start;padding-top:min(120rem,15dvh)}#intro #intro-title{width:100%;max-width:350rem}#intro #intro-right{margin-top:min(50rem,5dvh)}#intro #intro-right #intro-button{width:calc(100% - var(--margin) * 2);max-width:400rem}}#play{width:100%;height:100%;top:0;left:0;position:absolute;background:#6260e5;perspective:100vw;overflow:clip;transition:opacity 2s cubic-bezier(.19,1,.22,1)}#play #play-bg{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center;z-index:0}#play-slides{width:100%;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d}#play-slides .slide{width:100%;height:100%;padding-bottom:100rem;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;text-align:center;transition:opacity 1s cubic-bezier(.19,1,.22,1) 0s,transform 1s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1) 0s}#play-slides .slide .slide-title{max-width:1380rem;margin:0 auto;line-height:.89;font-weight:700}#play-slides .slide.long-title .slide-title{font-size:160rem;max-width:1210rem}#play-slides .slide.short-title .slide-title{max-width:1110rem}#play-slides .slide:not(.active){opacity:0;pointer-events:none;transform:scale(.9)}#play-slides .slide.active{transition-delay:.5s}#play-buttons{width:calc(100% - var(--margin) * 2);position:absolute;bottom:60rem;left:var(--margin);display:flex;justify-content:space-between;z-index:10;pointer-events:none}#play-buttons .primary-button{pointer-events:auto}#play-buttons .primary-button .primary-button-text span{transition:transform 1s cubic-bezier(.19,1,.22,1) .15s,opacity 1s cubic-bezier(.19,1,.22,1)}#play-buttons .primary-button.animating{z-index:9;cursor:default}#play-buttons .primary-button.animating .primary-button-bg{pointer-events:auto}#play-buttons .primary-button.animating .primary-button-text span{transform:scale(0);opacity:0}#play-buttons #myth-button svg{fill:#041f30}#play-buttons #fact-button svg{fill:#fb273e}#play-footer{width:100%;position:absolute;bottom:90rem;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none}#play-footer #play-status{font-size:24rem;margin-bottom:12rem}#play-footer #play-timer{font-size:64rem;font-weight:600;transition:color .5s cubic-bezier(.19,1,.22,1)}#play-footer #play-timer.almost-up{color:#fb273e}@media (min-aspect-ratio: 16/8) and (min-width: 1024px){#play-slides .slide .slide-title{max-width:min(900rem,65vh);font-size:min(200rem,14vh)}#play-slides .slide.long-title .slide-title{max-width:min(800rem,95vh);font-size:min(180rem,14vh)}#play-slides .slide.short-title .slide-title{max-width:min(1000rem,65vh);font-size:min(220rem,16vh)}}@media (max-width: 1024px){#play-slides .slide .slide-title{font-size:64rem;max-width:340rem}#play-slides .slide.long-title .slide-title{font-size:48rem;max-width:340rem}#play-slides .slide.short-title .slide-title{max-width:300rem}#play-footer{bottom:auto;top:100rem}#play-footer #play-status{font-size:18rem;margin-bottom:0rem}#play-footer #play-timer{font-size:48rem}}@media (max-width: 580px){#play-slides .slide{padding-bottom:min(80rem,8dvh)}#play-slides .slide .slide-title{max-width:280rem;font-size:64rem!important}#play-slides .slide.long-title .slide-title{max-width:300rem}#play-slides .slide.short-title .slide-title{max-width:280rem}#play-slides .slide:nth-child(4) .slide-title{max-width:280rem}#play-slides .slide:nth-child(4) .slide-title,#play-slides .slide:nth-child(5) .slide-title,#play-slides .slide:nth-child(6) .slide-title{font-size:48rem!important}#play-buttons{bottom:20rem}#play-buttons .primary-button{width:calc(50% - 5rem)}}#result{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9;overflow-y:auto;scrollbar-width:none;text-align:center}#result::-webkit-scrollbar{display:none}#result #result-bg{width:100%;height:100%;background:#8d5fff;position:fixed;top:0;left:0;z-index:0}#result #result-content{width:100%;padding:120rem var(--margin);padding-top:min(220rem,20vh);box-sizing:border-box;position:relative;z-index:9;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1)}#result #result-title-small{font-size:24rem;text-transform:uppercase;margin-bottom:80rem}#result #result-title{max-width:1280rem;margin-bottom:64rem}#result #result-description{max-width:850rem;margin:0 auto;margin-bottom:min(90rem,10vh);font-size:40rem}#result #result-description small{display:block;margin-top:24rem;font-size:24rem}#result #result-description small a{position:relative}#result #result-description small a:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(1);transform-origin:100% 50%;transition:transform 1s cubic-bezier(.35,.42,0,1)}#result #result-description small a:hover:after{transform:scaleX(0);transform-origin:0% 50%}#result #result-description small a{font-weight:700}#result #result-buttons{width:100%;display:flex;align-items:center;justify-content:center;gap:40rem}#result #result-buttons .primary-button{color:#041f30}#result #result-buttons .primary-button svg{fill:#fff}#result #result-buttons .primary-button.border{color:#fff}#result #result-title-small,#result #result-title,#result #result-description,#result #result-description small,#result #result-buttons{transition:opacity .5s cubic-bezier(.19,1,.22,1),transform 1s linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1);transition-delay:0s}#result:not(.active),#result:not(.active) *{pointer-events:none!important}#result:not(.active) #result-bg{opacity:0}#result:not(.active) #result-title-small,#result:not(.active) #result-title,#result:not(.active) #result-description,#result:not(.active) #result-description small,#result:not(.active) #result-buttons{opacity:0;transform:translateY(160rem) scale(.9)}#result.active .popup-bg{transition-delay:0s}#result.active #result-title-small,#result.active #result-title,#result.active #result-description,#result.active #result-description small,#result.active #result-buttons{transition-delay:calc(.05s * var(--i) + 1s);transition-duration:2s}@media (max-width: 1024px){#result #result-content{padding:130rem var(--margin);padding-bottom:50rem}#result #result-title-small{margin-bottom:24rem}#result #result-title{font-size:48rem;max-width:400rem;margin-bottom:24rem}#result #result-description{font-size:24rem;max-width:340rem;margin-bottom:16rem}#result #result-description small{font-size:18rem}}@media (max-width: 740px){#result #result-title{max-width:320rem;font-weight:700}#result #result-buttons{flex-direction:column;gap:16rem;margin-top:min(80rem,5vh)}#result #result-buttons .primary-button{width:100%;max-width:340rem;padding-left:40rem;padding-right:40rem}}#popup-wrong .popup-bg{background:#fb273e}#popup-timeout .popup-bg{background:#6260e5}html:not(.playing) #play{opacity:0}html:not(.playing) #play,html:not(.playing) #play *{pointer-events:none!important}html.playing #intro{opacity:0}html.playing #intro,html.playing #intro *{pointer-events:none!important}@keyframes intro-letter{0%{opacity:1}50%{opacity:.4}to{opacity:1}}