@font-face{font-family:Brand;src:url(/Cloud-Atlas-Webcode-gruppo9/_astro/Brand.CfGDyuZk.ttf);font-display:swap}html{scroll-behavior:auto;color-scheme:dark}.is-booting body{overflow:hidden}:root{--title-top:clamp(96px, 17.8vh, 210px);--subtitle-top:clamp(160px, 27.8vh, 320px);--stage-top:clamp(330px, 55.6vh, 640px);--cta-top:clamp(500px, 83.3vh, 960px);--hint-top:clamp(540px, 88.9vh, 1020px)}*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}body{color:#f2e8cf;background-color:#15181e;font-family:helvetica}.skipLink{z-index:10001;color:#15181e;background:#f2e8cf;padding:10px 14px;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skipLink:focus-visible{transform:translateY(0)}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}div.videoBox{z-index:0;background-color:#15181e;width:100%;height:100vh;transition:opacity .9s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0}.videoBox video{object-fit:cover;width:100%;height:100%}.is-jumping :not(.jumpVeil){transition:none!important}.jumpVeil{opacity:0;pointer-events:none;z-index:15;background-color:#15181e;position:fixed;inset:0}.jumpVeil.fading{transition:opacity .42s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.jumpVeil.fading{transition-duration:.01ms}}.sceneNav{z-index:20;opacity:0;pointer-events:none;flex-direction:column;gap:clamp(14px,2.2vh,22px);transition:opacity .7s;display:flex;position:fixed;top:50%;right:clamp(20px,2.4vw,40px);transform:translateY(-50%)}.sceneNav.visible{opacity:1;pointer-events:auto}.sceneNav-dot{opacity:.45;background:0 0;border:1px solid #f2e8cf;border-radius:50%;width:9px;height:9px;transition:opacity .3s,background-color .3s,transform .3s;display:block;position:relative}.sceneNav-dot:hover,.sceneNav-dot:focus-visible{opacity:1;transform:scale(1.25)}.sceneNav-dot.active{opacity:1;background:#f2e8cf}.sceneNav-label{white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;color:#f2e8cf;opacity:0;pointer-events:none;font-family:helvetica;font-size:11px;font-weight:100;transition:opacity .26s,transform .26s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)translate(6px)}.sceneNav-dot:hover .sceneNav-label,.sceneNav-dot:focus-visible .sceneNav-label{opacity:.85;transform:translateY(-50%)translate(0)}.openingHint{color:#f2e8cf;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:14px;transition:opacity .9s;display:flex;position:absolute;bottom:clamp(48px,9vh,110px);left:50%;transform:translate(-50%)}.openingHint.visible{opacity:.75}.openingHint-text{letter-spacing:.32em;text-transform:uppercase;text-indent:.32em;font-family:helvetica;font-size:13px;font-weight:100}.openingHint-arrow{border-bottom:1px solid;border-right:1px solid;width:11px;height:11px;animation:1.9s ease-in-out infinite openingHintBob;transform:rotate(45deg)}@keyframes openingHintBob{0%,to{opacity:.55;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(4px,4px)}}@media (prefers-reduced-motion:reduce){.openingHint-arrow{animation:none}}.scrollSection{text-align:center;height:100vh;min-height:560px;margin:auto}.head{text-align:center;font-family:Brand}.bigtitle{height:300px;margin-top:270px}.earth img{position:relative;top:300px;scale:2}h1{letter-spacing:-4.6px;flex-shrink:0;font-size:200px;font-style:normal;font-weight:400;line-height:150%}.firstTitle{font-family:Brand}.future{top:var(--title-top);letter-spacing:-1.743px;white-space:nowrap;opacity:0;z-index:2;font-size:clamp(44px,5.26vw,75.794px);font-style:normal;font-weight:400;transition:opacity 1s;position:fixed;left:50%;transform:translate(-50%,-50%)}.everyThing{top:var(--subtitle-top);letter-spacing:-.872px;white-space:nowrap;opacity:0;z-index:2;font-size:clamp(24px,2.63vw,37.897px);font-style:normal;font-weight:400;transition:opacity 1s;position:fixed;left:50%;transform:translate(-50%,-50%)}.text-slider{opacity:0;cursor:pointer;top:var(--stage-top);text-align:center;z-index:2;width:min(700px,90vw);height:clamp(200px,33vh,300px);font-family:helvetica;font-size:20px;font-weight:100;line-height:clamp(200px,33vh,300px);transition:opacity 1s;display:block;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.text-slider span{width:min(500px,84vw);line-height:normal;transition:left .2s;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.svgContainer{top:var(--stage-top);opacity:0;z-index:2;transition:opacity 1s;position:fixed;left:50%;transform:translate(-50%,-50%)}#mainsvg{width:min(1350px,94vw,150vh);height:auto}.svgContainer svg text,.svgContainer svg circle,.svgContainer svg path{transition:opacity .2s,transform .2s,fill .2s,d .2s}.svgContainer text{font-family:helvetica}.svgContainer .name{font-size:9px}.svgContainer .years{font-size:25px}.timelineTitle{top:var(--title-top);letter-spacing:-1.743px;white-space:nowrap;opacity:0;z-index:2;font-family:Brand;font-size:clamp(44px,5.26vw,75.794px);font-style:normal;font-weight:400;transition:opacity 1s;position:fixed;left:50%;transform:translate(-50%,-50%)}.nuvolaTitle{padding:clamp(40px,11vh,100px)}.nuvolaTitle h2{letter-spacing:-1.743px;margin-top:clamp(80px,22vh,200px);font-family:Brand;font-size:clamp(44px,5.26vw,75.794px);font-style:normal;font-weight:400}.nuvolaTitle p{margin-top:clamp(24px,5.5vh,50px);font-size:20px;font-weight:100}.nuvola{width:100%;height:min(112.5vw,1800px);position:relative}.nuvola img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.part2title{text-align:center;opacity:0;width:100%;transition:opacity .2s}.part2title h3{letter-spacing:-1.743px;margin-top:200px;font-family:Brand;font-size:75.794px;font-style:normal;font-weight:400}.part2title p{height:auto;margin-top:50px;font-size:20px;font-weight:100;display:inline-block}div.part2{pointer-events:none;z-index:1;width:100%;height:100vh;position:fixed;top:0;left:0}div.part2 .webp{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 1s}p.timeLine-Spiega{left:50%;top:var(--hint-top);text-align:center;opacity:0;z-index:2;width:min(700px,90vw);font-size:20px;font-weight:100;transition:opacity 1s;position:fixed;transform:translate(-50%,-50%)}img.polimi-logo{color:#f2e8cf;width:150px;height:150px}.finalPage{flex-direction:column;justify-content:center;align-items:center;display:flex}.finalPage p{margin-top:50px;font-size:20px;font-weight:100}#nuvolaButton{top:var(--cta-top);color:#f2e8cf;cursor:pointer;opacity:0;pointer-events:none;z-index:3;background-color:#15181e;border:none;font-family:helvetica;font-weight:100;transition:opacity .3s;display:inline-block;position:fixed;left:clamp(100px,10.4vw,220px);transform:translate(-50%,-50%)}#nuvolaButton.visible{pointer-events:auto}.nuvolaButton-main{font-size:30px;line-height:40px;text-decoration:underline;display:inline-block}.nuvolaButton-sub{margin-top:-10px;font-size:20px;text-decoration:none;display:block}#nuvolaButton:hover,#nuvolaButton:focus-visible{color:#fff}#nuvolaButton:focus-visible{outline-offset:8px;outline:2px solid}.visible{opacity:1!important}.mobile-warning{z-index:10000;background-color:#15181e;justify-content:center;align-items:center;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-warning-content{text-align:center;color:#f2e8cf;padding:40px}.mobile-warning-content h1{letter-spacing:-1.5px;margin-bottom:30px;font-family:Brand,serif;font-size:48px}.mobile-warning-content p{margin:15px 0;font-size:20px;line-height:1.6}.mobile-warning-sub{opacity:.7;margin-top:20px;font-size:16px}.desktop-content{display:block}@media screen and (width<=1024px){.mobile-warning{display:flex}.desktop-content{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
