@import"https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400";html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{color:#fff}canvas{position:fixed;top:0;left:0;pointer-events:none}.pin-spacer{pointer-events:none}.presentation{position:relative;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.slideshow{position:absolute;min-width:550px;width:calc(55% + 50px);max-width:800px;min-height:300px;height:calc(30vw + 50px);max-height:400px;display:none}.slideshow-title-page{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#57ffb4;font-size:clamp(1.8rem,calc(1.5rem + .8vw + .3vh),2.2rem);letter-spacing:.5px}.slideshow-title-page h1{margin:0}.slideshow-title-page button{border:none;background:none;font-size:clamp(1.8rem,calc(1.5rem + .8vw + .3vh),2.2rem);color:#fff;opacity:0;transition:color .1s,opacity .1s,transform .1s}.slideshow-title-page button.visible{opacity:.6;pointer-events:auto;cursor:pointer}.slideshow-title-page button:hover{opacity:1;color:#b486ff;transform:scale(1.15)}.slide{position:relative;width:100%;height:100%;padding:clamp(.8rem,calc(.5rem + 1vh),1.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;margin:0;padding:0;box-sizing:border-box;font-size:clamp(.9rem,calc(.8rem + .8vw + .3vh),1.8rem);line-height:1.5;text-align:center;text-wrap:balance;-webkit-user-select:none;user-select:none;opacity:0}.slide h2{font-size:3rem;letter-spacing:.5px;text-transform:uppercase;color:#b486ff}.slide p{margin:0;padding:0;box-sizing:border-box}.highlight{color:#b486ff}.slide-control{position:absolute;top:30%;width:50px;height:120px;background:none;border:none;color:#fff;font-size:8rem;font-weight:700;display:flex;align-items:center;justify-content:center;user-select:none;outline:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .1s,opacity .1s,color .1s;opacity:0}.slide-control.visible{opacity:.3;pointer-events:auto;cursor:pointer}.slide-control.prev{left:-80px}.slide-control.next{right:-80px}.slide-control:hover{color:#b486ff;opacity:1}.slide-control.prev:hover{transform:translate(-4px)}.slide-control.next:hover{transform:translate(4px)}.slide-control.prev:active{transform:translate(-10px)}.slide-control.next:active{transform:translate(10px)}.close-button{position:absolute;top:clamp(.8rem,calc(1rem + 1vh),1.5rem);left:clamp(.8rem,calc(1rem + 1vh),1.5rem);padding:0;border:none;background:none;color:#fff;font-size:clamp(1.7rem,calc(1.4rem + .7vw + .3vh),2.1rem);transition:transform .1s,opacity .1s,color .1s;opacity:.4;pointer-events:auto;cursor:pointer}.close-button:hover{transform:scale(1.15);opacity:1;color:#b486ff}.scroll-prompt{position:absolute;top:66vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none}.scroll-prompt-text{font-size:3rem;color:#fff;font-weight:700;text-align:center;text-wrap:nowrap;opacity:.8}.scroll-prompt-arrow{width:50px;height:120px;rotate:-90deg;padding-bottom:24px;background:none;border:none;color:#fff;font-size:8rem;font-weight:700;display:flex;align-items:center;justify-content:center;user-select:none;outline:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;opacity:.4}.end-page{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1000;opacity:0}.end-page-buttons{display:flex;gap:1rem}.button-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.replay-button,.exit-button{position:relative;padding:clamp(.4rem,calc(.3rem + .5vh),.8rem) clamp(.8rem,calc(.6rem + 1vw),1.5rem);font-size:clamp(3rem,calc(2rem + .8vw + .3vh),4rem);border:none;background:none;color:#fff;transition:color .12s,opacity .12s,transform .12s;opacity:.6;pointer-events:auto;cursor:pointer}.replay-button:hover,.exit-button:hover{color:var(--light-space-purple-2);opacity:1;transform:scale(1.15)}.button-label{padding-top:.5rem;color:var(--alien-green);font-size:clamp(.9rem,calc(.6rem + .8vw + .3vh),1.3rem);font-weight:700;opacity:0;transition:opacity .15s ease-in-out}.replay-button:hover+.button-label,.exit-button:hover+.button-label{opacity:1}.section{position:absolute;width:100%;height:100%;display:none;pointer-events:none}.section h1{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);color:#fff;font-size:4.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-align:center;text-wrap:balance;opacity:0}.section a{color:#52ace8;text-decoration:none;border-bottom:1px solid currentColor;transition:opacity .2s ease;padding-bottom:2px;pointer-events:auto}.section a:hover{opacity:.8}.row{display:flex}.column{flex:1;display:flex;flex-direction:column;justify-content:space-between}.image-container{position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;aspect-ratio:16 / 9;mask-image:linear-gradient(to top,transparent,black var(--fade-start),black var(--fade-end),transparent),linear-gradient(to left,transparent,black var(--fade-start),black var(--fade-end),transparent);-webkit-mask-image:linear-gradient(to top,transparent,black var(--fade-start),black var(--fade-end),transparent),linear-gradient(to left,transparent,black var(--fade-start),black var(--fade-end),transparent);mask-composite:intersect;-webkit-mask-composite:destination-in}.text-container{display:flex;flex-direction:column;color:#fff;font-size:1.6rem;line-height:1.6;text-wrap:pretty;visibility:hidden;opacity:0}.section p{width:100%}:root{--fade-start: 15%;--fade-end: 85%}.media-container{visibility:hidden;opacity:0}.video-container{position:relative;box-sizing:border-box;aspect-ratio:16 / 9;border-radius:clamp(4px,1vw,8px);overflow:hidden;mask-image:linear-gradient(to top,transparent,black var(--fade-start),black var(--fade-end),transparent),linear-gradient(to left,transparent,black var(--fade-start),black var(--fade-end),transparent);-webkit-mask-image:linear-gradient(to top,transparent,black var(--fade-start),black var(--fade-end),transparent),linear-gradient(to left,transparent,black var(--fade-start),black var(--fade-end),transparent);mask-composite:intersect;-webkit-mask-composite:destination-in;pointer-events:auto;cursor:pointer}.video-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.video-thumbnail:hover,.video-thumbnail:focus-visible{transform:scale(1.02)}.video-thumbnail:hover{opacity:.9}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(40px,8vw,80px);aspect-ratio:1;background:#000000b3;border-radius:50%;display:grid;place-items:center;transition:background-color .2s ease}.video-play-button:after{content:"";width:0;height:0;border-style:solid;border-width:clamp(10px,2vw,20px) 0 clamp(10px,2vw,20px) clamp(18px,3.5vw,35px);border-color:transparent transparent transparent #ffffff;margin-left:clamp(2px,.5vw,5px)}.video-thumbnail:hover .video-play-button,.video-thumbnail:focus-visible .video-play-button{background:#000000d9}.player-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none}.timeline-container{position:relative;height:100%;width:100%;pointer-events:auto;display:flex;flex-direction:column}.timeline{position:relative;width:100%;height:clamp(2px,.5vw,4px);background:#e0e0e0;margin:clamp(24px,4vw,40px) 0;margin-top:auto}.timeline-point{position:absolute;width:clamp(12px,2vw,16px);height:clamp(12px,2vw,16px);background:#fff;border:clamp(2px,.4vw,3px) solid #1a1a1a;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .1s ease}.timeline-point:hover{transform:translate(-50%,-50%) scale(1.2)}.timeline-point.active{background:#6e1df3;transform:translate(-50%,-50%) scale(1.9)}.timeline-labels{position:relative;display:flex;justify-content:space-between;padding:0 clamp(12px,2vw,20px)}.timeline-label{font-size:clamp(12px,1.5vw,14px);color:#666;transition:all .1s ease;padding-bottom:clamp(2px,.4vw,4px);border-bottom:clamp(1px,.2vw,2px) solid transparent}.timeline-label.active{color:#fff;font-weight:700;border-bottom-color:#6e1df3}.timeline-content{position:relative;min-height:clamp(60px,10vw,100px);margin-top:clamp(24px,4vw,40px)}.timeline-description{position:absolute;width:100%;display:flex;gap:5rem;opacity:0;visibility:hidden;pointer-events:none;z-index:1;transition:opacity .3s ease}.timeline-description *{pointer-events:inherit}.timeline-description.active{opacity:1;visibility:visible;pointer-events:auto;z-index:10}.timeline-description.active *{pointer-events:auto}.timeline-description .text-container{width:50%;gap:1.2rem;font-size:1.4rem;visibility:visible;opacity:1}.timeline-description .media-container{width:50%;visibility:visible;opacity:1}.intro-page1{padding:10%;flex-direction:column;gap:4rem}.intro-page1 .text-container{font-size:1.8rem;text-align:center;text-wrap:balance}.intro-page1 .media-container{display:flex;gap:5rem}.intro-page1 .video-container{width:100%}.half-text{padding:5%;align-items:center;justify-content:flex-end}.half-text .text-container{width:50%;gap:2rem}.half-text-video{padding:10%;align-items:center;justify-content:flex-end}.half-text-video .media-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;flex:1}.half-text-video .video-container{width:80%}.half-text-video .text-container{width:50%;gap:2rem;font-size:1.4rem;text-wrap:stable}.half-text-video-favorite{padding:5% 12%;gap:3rem}.half-text-video-favorite .text-container{justify-content:center;gap:2rem;width:55%;font-size:1.5rem}.half-text-video-favorite .media-container{display:flex;flex-direction:column;gap:2rem;flex:1}.one-vid-central{padding:5%;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.one-vid-central .text-container{font-size:1.4rem;text-align:center;align-items:center;justify-content:center;gap:1.2rem;text-wrap:balance}.one-vid-central .media-container{width:100%;display:flex;justify-content:center;align-items:center}.one-vid-central .video-container{width:50%}.two-vid-central{padding:5%;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.two-vid-central .text-container{font-size:1.4rem;text-align:center;align-items:center;justify-content:center;gap:1.2rem;text-wrap:balance}.two-vid-central .media-container{width:100%;display:flex;justify-content:center;align-items:center;gap:5rem}.two-vid-central .video-container{width:40%}.three-vid-central{padding:5%;justify-content:center;flex-direction:column;gap:8rem}.three-vid-central .text-container{font-size:1.6rem;text-align:center;text-wrap:balance}.three-vid-central .media-container{display:flex;gap:5rem}.three-vid-central .video-container{width:100%}.three-vid-central .middle-video{top:64px}.vertical-50-50{position:relative;height:100%;padding:5% 10%;align-items:center;justify-content:center;gap:2rem;grid-column-gap:4rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"text1 video2" "video1 video2" "video1 text2";font-size:clamp(.875rem,2.5vw,1.25rem)}.vertical-50-50 .text-container{gap:1.2rem;font-size:1.3rem;line-height:1.4}.vertical-50-50 .media-container{width:100%}.vertical-50-50 #text1{grid-area:text1}.vertical-50-50 #text2{grid-area:text2}.vertical-50-50 #video1{grid-area:video1}.vertical-50-50 #video2{grid-area:video2}.horizontal-2-row{position:relative;height:100%;padding:5% 10%;align-items:center;justify-content:center;gap:2rem;grid-column-gap:4rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"text1 text1 text1 video1 video1" "video2 video2 text2 text2 text2";font-size:clamp(.875rem,2.5vw,1.25rem)}.horizontal-2-row .text-container{gap:1.2rem;font-size:1.3rem;line-height:1.4}.horizontal-2-row #text1{grid-area:text1}.horizontal-2-row #text2{grid-area:text2}.horizontal-2-row #video1{grid-area:video1;width:100%}.horizontal-2-row #video2{grid-area:video2;width:100%}.horizontal-3-row{padding:5% 15%;flex-direction:column;justify-content:center}.horizontal-3-row .row{flex:1;gap:5rem}.horizontal-3-row .media-container{display:flex;justify-content:center;align-items:center;flex:.6}.horizontal-3-row .video-container{width:100%}.horizontal-3-row .text-container{justify-content:center;flex:1;font-size:1.5rem}.vertical-3-row{position:relative;height:100%;padding:5% 10%;align-items:center;justify-content:center;grid-column-gap:4rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"text1 video2 text3" "video1 text2 video3";font-size:clamp(.875rem,2.5vw,1.25rem)}.vertical-3-row .text-container{gap:1.2rem;font-size:1.3rem;line-height:1.4}.vertical-3-row .media-container{width:100%}.vertical-3-row #text1{grid-area:text1}.vertical-3-row #text2{grid-area:text2}.vertical-3-row #text3{grid-area:text3}.vertical-3-row #video1{grid-area:video1}.vertical-3-row #video2{grid-area:video2}.vertical-3-row #video3{grid-area:video3}.l-grid{position:relative;height:100%;padding:5% 15%;align-items:center;justify-content:center;gap:2rem;grid-column-gap:4rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"text1 video1" "video2 video3";font-size:clamp(.875rem,2.5vw,1.25rem)}.l-grid #text1{grid-area:text1;gap:1.2rem;font-size:1.3rem;line-height:1.4}.l-grid .media-container{width:100%}.l-grid #video1{grid-area:video1}.l-grid #video2{grid-area:video2}.l-grid #video3{grid-area:video3}.five-grid{position:relative;height:100%;padding:5%;align-items:center;justify-content:center;gap:4rem;grid-template-columns:1fr 1.5fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"video1 text video2" "video3 text video4" "video3 video5 video4";font-size:clamp(.875rem,2.5vw,1.25rem)}.five-grid #text{grid-area:text;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-size:1.4rem;line-height:1.4;text-align:center;text-wrap:balance;visibility:visible;opacity:1}.five-grid #text p{visibility:hidden;opacity:0}.five-grid .video-container{position:relative;min-width:0;aspect-ratio:16 / 9;margin:0 auto;overflow:visible;pointer-events:auto;cursor:pointer;visibility:hidden;opacity:0}.five-grid .video-thumbnail{position:relative;width:100%;height:100%;border-radius:clamp(4px,1vw,8px);background-size:cover;background-position:center;transition:transform .3s ease}.five-grid #video1{grid-area:video1;width:100%}.five-grid #video2{grid-area:video2;width:100%}.five-grid #video3{grid-area:video3;width:100%;margin-top:1.5rem}.five-grid #video4{grid-area:video4;width:100%}.five-grid #video5{grid-area:video5;width:75%}.quote-box{position:relative;width:100%;padding:1.5rem;text-align:center;font-size:1.6rem;text-wrap:balance;background:linear-gradient(135deg,#a38aff1a,#a38aff0d);border-left:4px solid rgb(126,255,185);border-radius:8px}.quote-box:before,.quote-box:after{content:'"';position:absolute;font-size:4rem;font-weight:700;color:#ffffff4d;z-index:1}.quote-box:before{top:-.5rem;left:.5rem}.quote-box:after{bottom:-1.5rem;right:.5rem;transform:rotate(180deg)}