@font-face{font-family:Mitera;src:url(fonts/Mitera.otf) format("opentype"),url(fonts/Mitera.ttf) format("truetype");font-display:swap}:root{--holographic-opacity: 0;--background-color: #ecf0f1;--text-color: #1a1a1a;--about-text-color: #ecf0f1}.darkmode{--background-color: #0c0c0c;--text-color: rgba(255, 255, 255, .8)}::-webkit-scrollbar{width:0px;height:0px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Poppins,sans-serif;cursor:none;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{overflow-x:auto;position:relative;background-color:#060606}img{width:100%;height:100%;object-fit:cover}canvas.webgl{position:absolute;top:0;left:0;outline:none;pointer-events:none;z-index:-1;display:block;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.container{position:relative;width:100vw;height:100%;will-change:transform}.side-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--background-color);color-scheme:light;overflow-y:scroll;scroll-padding-bottom:4.5rem;-webkit-overflow-scrolling:touch;pointer-events:none;clip-path:polygon(25% 75%,75% 75%,75% 75%,25% 75%);z-index:3;transition:background-color .25s ease;touch-action:pan-x pan-y}.scroll-percentage-display{position:fixed;bottom:0;left:4px;font-family:Arame-Mono;font-size:clamp(1vw,20px,3.5vw);font-weight:400;color:#96969680;transition:color .5s ease}.scroll-percentage-display:hover{color:#7dc0a4}.back{position:fixed;mix-blend-mode:difference;padding-top:.2em;padding-left:.35em;z-index:4;transition:padding .45s ease-out}.back a{font-family:Arame-Mono;font-weight:400;font-size:clamp(17px,2vw,20px)}.side-container.is-active .back{display:block}.side-container.is-active{pointer-events:auto}.side-container-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;transform-origin:center top;background-color:#248f78;pointer-events:none;z-index:15;transform:translateY(0)}.chapter-container{width:100%;height:100%;max-width:700px;margin:0 auto;padding-top:3.5rem;padding-bottom:0}.chapter-container:after{content:"";display:block;height:4.5rem;clear:both}.chapter-text h2,h3{font-family:Arame-Mono;text-align:center;color:var(--text-color);line-height:1.2;transition:color .3s ease;user-select:none;-webkit-user-select:none}.chapter-text h2{margin-bottom:0;font-weight:400}.chapter-text h3{margin-bottom:2em;font-weight:400}.chapter-text p{color:var(--text-color);transition:color .3s ease;mix-blend-mode:normal;text-transform:none;font-family:Host Grotesk,sans-serif;font-optical-sizing:auto;font-weight:lighter;font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.7;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;margin-bottom:0;text-indent:2em}.chapter-text p.italic-paragraph{font-style:italic;text-align:center;text-indent:0em;padding-right:5em;padding-left:5em;margin-top:1em;margin-bottom:1em}.chapter-text p.centered-asterisks{text-align:center;text-indent:0;margin-top:.5em;margin-bottom:.5em}@media (max-width: 900px){.chapter-text{padding-left:2.5rem;padding-right:2.5rem}.chapter-text h2,h3{text-align:center}.chapter-text p.italic-paragraph{padding-left:1em;padding-right:1em;margin-top:.5em;margin-bottom:.5em}}.grainy-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;filter:url(#grainy-monochrome-transparent);transition:opacity 1s ease-in-out;z-index:999}.grainy-overlay.fading-out{opacity:0}.grainy-overlay.fading-in{opacity:1}.grainy-overlay.no-filter{filter:none}svg{position:absolute;width:0;height:0;overflow:hidden}h1{text-transform:uppercase;font-size:72px;font-weight:800;letter-spacing:-1px;line-height:.9}a,p{position:relative;text-transform:uppercase;text-decoration:none;mix-blend-mode:difference;font-size:1rem;font-weight:300;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}section{position:relative;width:100vw;height:100vh;overflow:hidden}.to-the-top-container{position:fixed;bottom:0;right:0;mix-blend-mode:difference;padding-bottom:0;padding-right:1em;z-index:4;opacity:0;visibility:hidden;transition:padding .45s ease-out,opacity .5s ease-out,visibility 0s linear .5s;pointer-events:none}.to-the-top-container.show{opacity:1;visibility:visible;transition:padding .45s ease-out,opacity .5s ease-out,visibility 0s linear 0s;pointer-events:all}.to-the-top-container a{font-family:Syne;font-weight:700;font-size:clamp(1rem,4vw,2rem);transform:rotate(90deg)}.to-the-top-container .link-text-wrapper{overflow:hidden;position:relative;display:inline-block;vertical-align:middle;white-space:nowrap}.to-the-top-container .link-text-wrapper span{display:flex;transition:transform .3s ease-out}.to-the-top-container .link-text-wrapper .text-original{color:#96969680}.to-the-top-container .link-text-wrapper .text-hover{color:#e2e4e4}.to-the-top-container .link-text-wrapper .text-hover{position:absolute;top:0%;left:0}@media (max-width: 900px){.to-the-top-container{padding-right:.5em}.to-the-top-container a{font-size:clamp(1rem,5.5vw,5rem)}}.nav{position:fixed;top:0;right:0;width:100vw;display:flex;justify-content:space-around;align-items:center;mix-blend-mode:difference;pointer-events:none;z-index:2}.links{display:flex;gap:.1em}.link-section{font-weight:800;font-size:calc(.5vw + 1vh);cursor:none;transition:all .3s ease-out}.superscript-css{vertical-align:super;font-weight:700;font-size:.4em}.link-text-wrapper{overflow:hidden;position:relative;display:inline-block;vertical-align:middle;white-space:nowrap}.link-text-wrapper span{display:flex;transition:transform .3s ease-out}.text-hover{position:absolute;top:0%;left:0}.sub-link .link-section{cursor:none}.sub-links-wrapper{transform:translateY(-100%);overflow:hidden;height:0;transition:none}.sub-links-wrapper.is-active{height:auto}.sub-links-wrapper .sub-link{opacity:0}@media (max-width: 900px){.link-section{font-size:calc(1.5vw + 1vh)}}.audio-visualizer-container{position:fixed;padding:13px;border-radius:50%;top:2em;right:-2.25em;transform:translate(-100%,-50%);mix-blend-mode:difference;z-index:999;display:flex;justify-content:center;align-items:center;width:46px;height:46px}.audio-visualizer-container:hover canvas#audio-canvas{box-shadow:0 0 0 13px #0000}.audio-visualizer-container canvas#audio-canvas{width:20px;height:20px;background-color:#0000;border-radius:50%;box-shadow:0 0 0 11px #0000;transition:box-shadow .5s ease-in-out}.audio-visualizer-container canvas.volume-indicator{pointer-events:none}@media (max-width: 900px){.audio-visualizer-container{top:2em;right:-2.5em}}.hero{position:relative;width:100vw;height:100svh;padding:2.5em;display:flex;align-items:flex-end;overflow:hidden;background-color:#000;mix-blend-mode:difference;will-change:transform}.hero h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work{height:auto;height:max-content;background-color:#000}.work p{padding:5px 15px;font-size:1vh;font-weight:300;color:#e2e4e4}.work-list{border-top:1px solid;border-color:#e2e4e4}.chapter{height:122px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);overflow:hidden;will-change:clip-path}.chapter-wrapper{position:relative;height:240px;will-change:transform;transform:translateY(-244px)}.chapter-name,.chapter-project{width:100%;display:flex;justify-content:space-between;align-items:center;height:122px;padding:5px 15px;overflow:hidden}.chapter-name{background-color:#010101;color:#e2e4e4;cursor:none}.chapter-project{background-color:#e2e4e4;color:#010101;cursor:none}.chapter-name h1,.chapter-project h1{position:relative;transition:transform .1s ease-out;will-change:transfrom;font-size:calc(3vw + .5vh);font-weight:900;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chapter-border{width:100%;height:1px;background-color:#e2e4e4;z-index:999}.work-preview{position:fixed;bottom:15px;right:15px;width:15%;height:30%;z-index:2;pointer-events:none;will-change:transform}.char{display:inline-block;position:relative}@media (max-width: 900px){.chapter-name,.chapter-project{cursor:default}.work-list{height:100vh;display:flex;flex-direction:column;justify-content:space-around;border-top:1px solid #e2e4e4}.chapter{height:10vh;clip-path:none;overflow:visible}.chapter-wrapper{transform:translateY(0)!important;transition:none!important;height:10vh}.work-preview{display:none}.chapter-name h1{font-weight:900;font-size:5vw;letter-spacing:-.5px}.chapter-name{height:10vh;padding:2.5px 15px}.chapter-project{display:none}.chapter-index .link-text-wrapper:hover{transform:none!important}.chapter-index .text-original{transform:translateY(0)!important;opacity:1!important;transition:none!important}.chapter-index .text-hover{transform:translateY(100%)!important;opacity:0!important;transition:none!important}.chapter-border{width:100%;border-bottom:1px solid #e2e4e4}}.about{position:relative;width:100vw;height:100svh;border-top:1px solid;display:flex;flex-direction:column;justify-content:center;align-items:center}.marquee-bottom{position:absolute;bottom:.35em;left:50%;transform:translate(-50%);width:100%;overflow:hidden;height:3em;display:flex;align-items:center;white-space:nowrap;background-color:transparent;will-change:transform,clip-path;clip-path:polygon(35% 0%,65% 0%,65% 100%,35% 100%);-webkit-clip-path:polygon(35% 0%,65% 0%,65% 100%,35% 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.marquee-content-bottom{display:flex;animation:infinite-marquee-left 120s linear infinite;width:fit-content;will-change:transform;transform:translateZ(0)}.marquee-content-bottom span{font-weight:300;padding-right:1.5em;color:var(--about-text-color);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.marquee-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.marquee-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);will-change:transform,clip-path;display:flex;align-items:center}.marquee-wrapper.t-1{clip-path:polygon(0% 100%,100% 100%,100% 0%,0% 0%)}.marquee-content{display:flex;width:fit-content}.animate-right{animation:infinite-marquee-right 140s linear infinite normal}.animate-left{animation:infinite-marquee-left 140s linear infinite normal}@keyframes infinite-marquee-right{0%{transform:translate(-50%) translateZ(0)}to{transform:translate(0) translateZ(0)}}@keyframes infinite-marquee-left{0%{transform:translate(0) translateZ(0)}to{transform:translate(-50%) translateZ(0)}}.marquee-content h1{white-space:nowrap;font-size:calc(5vw + 15vh);color:var(--about-text-color);text-transform:uppercase;font-weight:800;padding-right:10vw;letter-spacing:-.05em;word-spacing:.2em;transition:font-size .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.books{position:absolute;top:50%;left:50%;transform:translate(-50%);width:500px;height:55vh;transition:width .5s ease-in-out,height .5s ease-in-out;will-change:transform,width,height;z-index:2;display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}.book-images{position:relative;width:100%;transition:height .5s ease-in-out;display:flex;justify-content:center;align-items:center}.info{padding-top:1em;text-align:left}.info p{color:var(--about-text-color);margin-bottom:-.55em;font-weight:300}.progress{text-align:right}.progress-fill{height:1px;width:0%;background-color:var(--about-text-color);top:.55em;position:relative;float:right;overflow:hidden}.img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:50vh;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);transition:height .5s ease-in-out;will-change:transform,clip-path,height;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.img#t-1{clip-path:polygon(0% 100%,100% 100%,100% 0%,0% 0%)}.t-1{background:#56e9a9;--about-text-color: #0c0c0c}.t-2{background:#d41a49}.t-3{background:#2996df}.t-4{background:#121313;color-scheme:light}.about-page-count{position:absolute;bottom:1em;right:1.5em;pointer-events:none}.about-page-count p{font-weight:400;font-family:Montserrat,sans-serif;font-size:calc(.75vw + .75vh);color:var(--about-text-color);transition:font-size .3s ease-out}.gradient-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;mix-blend-mode:hard-light;pointer-events:none}@media (max-width: 900px){.books{width:300px;height:45vh}.book-images{width:100%}.img{width:100%;height:40vh}.marquee-content h1{font-size:calc(1vw + 10vh);font-weight:700}.about-page-count p{font-size:calc(1.5vw + 1vh)}.marquee-content-bottom{font-size:2.75vw}.about-page-count p{font-size:calc(1.5vw + .75vh)}.info p{font-size:3vw}}.cursor{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background-color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) scale(1);transition:transform .2s ease-in-out}.delayed-cursor{pointer-events:none;position:fixed;padding:.5rem;background-color:transparent;border:1px solid #fff;border-radius:50%;mix-blend-mode:difference;z-index:9999;transition:padding .3s ease-in-out,transform .3s ease-out,border-color .3s ease-in-out;will-change:transform}.delayed-cursor.enlarged{padding:1.2rem;will-change:transform,padding;backface-visibility:hidden;transform-style:preserve-3d}.delayed-cursor.diamond-cursor-left,.delayed-cursor.diamond-cursor-right{border-radius:0;padding:.7rem}.delayed-cursor.diamond-cursor-left{border-color:#0ff}.delayed-cursor.diamond-cursor-right{border-color:#fe0}.delayed-cursor.enlarged.diamond-cursor-left,.delayed-cursor.enlarged.diamond-cursor-right{padding:.9rem}@media (hover: none) and (pointer: coarse){.cursor,.delayed-cursor{display:none!important}body{cursor:auto!important}.interactable:hover{background-color:initial;transform:none}}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.scroll-progress-bar{position:fixed;top:0;left:0;width:100%;z-index:1000;pointer-events:none;transition:height .3s ease}.scroll-label{position:absolute;top:95%;left:50%;transform:translate(-50%,-50%);width:calc(1vw + 4.5vh);height:calc(1vw + 4.5vh);background-color:transparent;overflow:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center;will-change:transform,width,height}.scroll-label svg{position:absolute;top:0;left:0;width:100%;height:100%;animation:rotateCircle 15s linear infinite}.scroll-label text{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;letter-spacing:.7px;fill:rgba(255,255,255,var(--holographic-opacity));mix-blend-mode:difference;user-select:none;-webkit-user-select:none}.scroll-logo-wrapper{position:absolute;top:50%;left:50%;transform:translate(calc(-50% - .5px),calc(-50% + -0px));z-index:1}.scroll-logo{color:rgba(255,255,255,var(--holographic-opacity));mix-blend-mode:difference;display:block;width:100%;height:auto}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.light-dark-mode-container{position:absolute;top:2em;left:0;right:0;display:flex;justify-content:center}.light-dark-mode{width:40px;height:15px;border:1px solid #fff;overflow:hidden;background-color:transparent;mix-blend-mode:difference;position:relative}.light-dark-mode:before{content:"";position:absolute;top:0;bottom:0;background-color:#fff;left:0;width:0}@keyframes fillToRight{0%{width:50%;left:0%}50%{width:100%;left:0%}to{width:50%;left:50%}}@keyframes fillToLeft{0%{width:50%;left:50%}50%{width:100%;left:0%}to{width:50%;left:0%}}.darkmode-initial:before{width:50%;left:0%}.lightmode-initial:before{width:50%;left:50%}.darkmode .light-dark-mode:before{animation:fillToLeft .3s ease-in-out forwards}.lightmode .light-dark-mode:before{animation:fillToRight .3s ease-in-out forwards}.no-clicks{pointer-events:none}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}