@font-face{font-family:Bitter;font-style:normal;font-weight:100 900;src:url(fonts/Bitter/Bitter-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Bitter;font-style:italic;font-weight:100 900;src:url(fonts/Bitter/Bitter-Italic-VariableFont_wght.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}:root{--theme: hsl(212, 98%, 80%);--theme-g: hsl(223, 87%, 24%);--theme-eight: hsl(207.03deg 68.1% 31.96%);--theme-hourglass: hsl(212, 98%, 80%);--theme-infinity: hsl(194.05deg 99.84% 79.43%);--noise-invert: 0;--noise-brightness: 1}html{font-size:calc(100vw / 1920 * 16)}html,body{width:100%;height:700vh;font-family:Bitter,serif;overflow:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}body{width:100%;height:100%;position:absolute;margin:0;padding:0;transition:background-color .5s ease-in-out;overscroll-behavior:none;overflow:hidden;will-change:background}@keyframes reveal-bg{0%{opacity:0}to{opacity:1}}section:before{content:"";position:absolute;inset:0;background-color:attr(data-bg)}img{position:relative;width:100%;height:100%;object-fit:cover;will-change:transform,scale}.loader{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff}.loader__progress{position:absolute;bottom:20vh;left:50%;transform:translate(-50%);width:90%;max-width:600px;text-align:center}.loader__text-bg,.loader__text-fg{font-size:clamp(1rem,3vw,1.5rem);font-weight:300;letter-spacing:.05em;text-transform:lowercase;line-height:1.4}.loader__text-bg{color:#fff3}.loader__text-fg{position:absolute;top:0;left:0;width:100%;color:#ffffffe6;clip-path:inset(0 100% 0 0);transition:clip-path .3s ease-out}.loader__instruction{opacity:0;font-size:clamp(1rem,10vw,2.4rem);font-weight:300;letter-spacing:.03em;line-height:1.6;color:#fffc}.logo-container{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;padding:5vw 10vw;position:relative;flex-wrap:wrap}.logo{width:4.8rem;filter:drop-shadow(-2px -4px 40px rgba(0,0,0,.85));opacity:.6}.logo--g svg path{fill:currentColor}.logo--g{color:#010e1f;filter:drop-shadow(-3px 6px 20px rgba(0,120,233,.3))}.logo--8{color:#1a5789}.logo--hourglass{color:#6ca6bd;filter:drop-shadow(-2px -4px 60px rgba(0,180,245,.85))}.logo--infinity{color:#96e6ff;opacity:.88;filter:drop-shadow(-2px -4px 60px rgba(0,250,55,.85))}.logo--infinity svg{transform:rotate(90deg)}.canvas{width:100vw;height:100vh}section{position:relative;width:100vw;min-height:100svh;overflow:hidden;touch-action:pan-y}.test{background:transparent}.outro{display:flex;justify-content:center;align-items:center;text-align:center;width:100vw;height:100svh;position:relative}.outro h1{color:#fff;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:60px;font-weight:900;letter-spacing:2px;line-height:.9;position:relative}.notebook{background-image:url(./imgs/paper-texture.webp);background-size:cover;height:100%;position:relative}.notebook:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--theme-eight);mix-blend-mode:color;opacity:.5678}.notebook__instructions{position:fixed;top:50%;left:2.5rem;color:var(--theme-g);z-index:50;font-size:2rem}.slider{position:relative;width:100%;height:100%;overflow:hidden}.slides{position:relative;width:500%;height:100%;display:flex;will-change:transform;transform:translate(0)}.slide{position:relative;flex:1;height:100%;width:100vw}.img{display:none;position:absolute;width:100%;height:100%;overflow:hidden}.title{position:relative;width:auto;margin:1.5em;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);z-index:2}.title h1{position:relative;color:var(--theme-g);font-size:7rem;font-weight:400;letter-spacing:-2px;line-height:.9;text-shadow:1px 1px 1px rgba(0,0,0,.5);will-change:transform}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.masked-image-container{filter:grayscale(1) blur(2px);transition:filter .4s ease-in-out;will-change:filter}.masked-image-container:hover{filter:grayscale(0) blur(1px)}.masked-image__image{object-fit:contain}.masked-image-container--1{position:absolute;top:15%;width:40rem;left:25%}.masked-image-container--2{position:absolute;top:35%;width:40rem;left:0}.masked-image-container--3{position:absolute;top:45%;width:40%;left:10%}.masked-image-container--4{position:absolute;top:40%;width:250px;left:33%}.masked-image-container--5{position:absolute;top:50%;width:45rem;left:45%}.masked-image{aspect-ratio:16 / 9;-webkit-mask-image:url(./imgs/paper-crumple.png);mask-image:url(./imgs/paper-crumple.png);mask-mode:alpha;-webkit-mask-position:0px 0px;mask-position:0px 0px;-webkit-mask-size:100% 700%;mask-size:100% 700%;overflow:hidden;position:relative}.masked-image__image-container{width:100%;height:100%;object-fit:cover}.masked-image--revealed{animation:reveal .5s steps(6) 0s 1 normal forwards running}.masked-image--revealed .masked-image__surface{animation:applySurface .5s steps(6) 0s 1 normal forwards running}.masked-image__surface{background-image:url(./imgs/paper-mask.avif);background-position:0% 0%;background-size:100%;width:100%;height:100%;position:absolute;inset:0;z-index:1}@keyframes reveal{0%{-webkit-mask-position:0px 0px;mask-position:0px 0px}to{-webkit-mask-position:0px 100%;mask-position:0px 100%}}@keyframes applySurface{0%{background-position:0px 0px}to{background-position:0px 100%}}.grid{display:grid;grid-template-columns:1fr;position:absolute;top:0;left:0;width:100%;height:100%}.gridline{border-bottom:1px solid rgba(110,110,194,.7);container-type:size;display:flex;align-items:flex-end;padding-inline:1em;line-height:.62}.gridline p{font-size:65cqh}.gridline--center{justify-content:center}.gridline--right{justify-content:flex-end}.noise{position:fixed;top:0;left:0;width:100vw;height:100svh}.noise:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(./imgs/noise-2-lg-o.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;will-change:filter;filter:invert(var(--noise-invert)) contrast(1) brightness(var(--noise-brightness))}.noise__gradient{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8));width:100%;height:100%;position:absolute;left:0;top:0}.bg{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:color;background-color:#9ac9fe}@keyframes noise{0%{transform:translate3d(0,4rem,0)}10%{transform:translate3d(-1rem,-2rem,0)}20%{transform:translate3d(-2rem,1rem,0)}30%{transform:translate3d(3rem,-2rem,0)}40%{transform:translate3d(-1rem,2rem,0)}50%{transform:translate3d(-2rem,-1rem,0)}60%{transform:translate3d(1rem,1rem,0)}70%{transform:translate3d(2rem,-1rem,0)}80%{transform:translate3d(-1rem,0,0)}90%{transform:translate3d(2rem,-2rem,0)}to{transform:translate3d(-2rem,0,0)}}.window{width:100px;height:auto}.handwritten{height:200cqh;width:auto;position:relative;z-index:1;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawText ease-in-out .3s forwards paused}.handwritten.written{animation-play-state:running}@keyframes drawText{to{stroke-dashoffset:0}}.text--center{text-align:center}.text--right{text-align:right}.text--left{text-align:left}.image-mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.image-mask__overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:1;z-index:1;pointer-events:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transform-origin:center bottom}.image-mask__masked-bg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(./imgs/Nala-test.png);mask-image:url(./imgs/Nala-test.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;opacity:.3;mix-blend-mode:screen;z-index:1;pointer-events:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.image-mask__masked-bg *{width:100%;height:100%}#three{width:100vw;height:100vh}.tp-dfwv{position:fixed!important;z-index:11}.masked-section{position:relative}.mask-container{position:absolute;top:0;left:0;width:100vw;height:100svh;overflow:hidden;-webkit-mask-size:0%;mask-size:0%;z-index:5;opacity:0;transition:opacity .1s;pointer-events:none}.mask-container>*{pointer-events:auto}.mask-container.active{opacity:1}.mask-container--eight{-webkit-mask:url(./masks/black-8.svg) center no-repeat;mask:url(./masks/black-8.svg) center no-repeat}.mask-container--g{-webkit-mask:url(./masks/black-g.svg) center no-repeat;mask:url(./masks/black-g.svg) center no-repeat}.mask-container--hourglass{-webkit-mask:url(./masks/black-hourglass.svg) center no-repeat;mask:url(./masks/black-hourglass.svg) center no-repeat}.mask-container--infinity{-webkit-mask:url(./masks/black-infinity-leash-solid.svg) center no-repeat;mask:url(./masks/black-infinity-leash-solid.svg) center no-repeat}.masked-section--hourglass{--hourglass-mask-opacity: .48}.masked-section--hourglass:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--theme-hourglass);z-index:5;opacity:var(--hourglass-mask-opacity)}.masked-section--infinity:after{position:absolute;content:"";display:block;left:0;width:100%;height:100%;top:0;background:linear-gradient(180deg,transparent 0%,rgb(253 255 255 / 80%));z-index:5}.main-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;z-index:100;display:flex;justify-content:center;align-items:flex-end;padding-bottom:2rem;opacity:0;pointer-events:none}.section-nav{position:relative;display:flex;gap:1.5rem;padding:1rem 2rem;background-color:var(--theme);border-radius:50px}.section-nav:before{content:"";position:absolute;inset:-2px;background-color:var(--theme);border-radius:50px;z-index:-1}.section-nav__item{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#0009;transition:color .3s ease,transform .2s ease;text-decoration:none;pointer-events:all;cursor:pointer}.section-nav__item:hover{color:#000000e6;transform:scale(1.1)}.section-nav__item.active{color:#000}.section-nav__item svg{width:100%;height:100%;pointer-events:all;object-fit:contain}.audio{position:absolute;bottom:40px;left:50%;transform:translate(-50%);pointer-events:all}.audio-toggle{position:absolute;bottom:40px;right:40px;padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-family:Gilroy,sans-serif;font-size:14px;cursor:pointer;pointer-events:all;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-toggle:hover{background:#fff3;border-color:#ffffff80}section#g .test{background-color:#082672c4}.g-slides{min-height:100%;width:100%;display:flex;flex-direction:column}.g-slide{background:transparent;width:100vw;min-height:100svh;display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-direction:column;color:#f9f1e9}.g-slide h1{font-size:8rem}.g-slide h2{font-size:7.2rem}.g-slide__content{width:70rem}.g-slide p{font-size:1.8rem;margin-top:6rem;text-align:center}.g-slide blockquote{font-size:3rem;margin-top:3rem}.g-slide cite{font-size:3rem;float:right;margin-top:.8rem}.g-slide blockquote+p{margin-top:3rem}.hourglass__instructions{position:absolute;width:100%;height:100%;top:0;left:0;color:var(--theme-g);pointer-events:none}.hourglass__instructions p{text-align:left;font-size:2.5rem;width:35rem;margin-left:2.5rem;margin-top:2.5rem}#sky{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width:768px){.logo{width:6.8rem}}@media screen and (min-width:1024px){.logo{width:10rem}}.intro-text-wrapper{display:inline-block}.intro-line-wrapper{overflow:hidden;display:block}.intro-line{display:inline-block;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}