.main-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}@media (max-width: 1024px){.main-wrapper{height:100dvh}}.main-wrapper .overlay-transition{position:fixed;width:100%;height:100%;z-index:100;opacity:0;background-color:#fff;transition:1s opacity cubic-bezier(.455,.03,.515,.955);pointer-events:none}.main-wrapper .overlay-transition.fade{opacity:1}.main-wrapper canvas{width:100%;height:100vh;overflow:hidden}.main-wrapper .start-screen-btn{position:fixed;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;bottom:10%}.main-wrapper .subtitle-screen{position:fixed;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:flex-end}.main-wrapper .subtitle-screen .subtitle{min-height:75px;height:75px;position:absolute;text-align:center;width:100%!important;bottom:4%;-webkit-user-select:none;user-select:none;font-size:2.2rem;color:#fff;padding:2px;font-family:Arial Narrow,sans-serif;font-weight:700;line-height:1.18;word-wrap:break-word}@media (min-width: 2049px){.main-wrapper .subtitle-screen .subtitle{font-size:3.2rem;line-height:1.15}}@media (max-width: 1024px){.main-wrapper .subtitle-screen .subtitle{font-size:1.8rem;bottom:2%;line-height:1.15}}.main-wrapper .subtitle-screen .subtitle::selection{background-color:#fff;color:#000}.main-wrapper .subtitle-screen .subtitle .subtitle-span{background-color:#000000b3;padding:5px 2px;color:#fff;display:inline-block}.lmb-continue-wrapper{width:100%;height:100vh;position:fixed;z-index:1}@media (max-width: 1024px){.lmb-continue-wrapper{height:100dvh}}.lmb-continue-wrapper .lmb-continue-btn{height:max-content;position:absolute;z-index:1;left:50%;transform:translate(-50%);bottom:7%;font-size:2.2rem;background-color:transparent;color:#fff;padding:0 2px;font-family:Arial Narrow,sans-serif;font-weight:700;background-color:#000c;opacity:0;animation:pulse-animation 3s infinite}@media (min-width: 2560px){.lmb-continue-wrapper .lmb-continue-btn{font-size:2.9rem}}@media (max-width: 1024px){.lmb-continue-wrapper .lmb-continue-btn{font-size:1.8rem}}.lmb-continue-wrapper .lmb-continue-btn::selection{background-color:#fff;color:#000}.logo-wrapper{position:fixed;z-index:10;background-color:#000000b3;font-family:Arial Narrow,sans-serif;font-weight:700;font-size:2.2rem;color:#fff;top:30px;left:50%;transform:translate(-50%);padding:0 2px;-webkit-user-select:none;user-select:none}@media (min-width: 3200px){.logo-wrapper{font-size:4.2rem}}@media (min-width: 2560px){.logo-wrapper{font-size:2.9rem}}@media (max-width: 1024px){.logo-wrapper{top:10px;font-size:1.8rem}}.start-portfolio-btn{position:fixed;z-index:1;left:50%;transform:translate(-50%);bottom:15%;font-size:2.2rem;background-color:transparent;color:#292929;padding:0 2px;font-family:Arial Narrow,sans-serif;font-weight:700;animation:pulse-animation 3s infinite}@media (min-width: 2560px){.start-portfolio-btn{font-size:2.9rem}}@media (max-width: 1024px){.start-portfolio-btn{bottom:17.5%;font-size:1.8rem}}.start-portfolio-btn::selection{background-color:#fff;color:#000}.footer{position:absolute;bottom:0;left:0;z-index:10;display:flex;width:100%;justify-content:space-between;padding:30px;opacity:1;transition:opacity .5s}@media (max-width: 1024px){.footer{padding:15px}}.footer.hidden{opacity:0}.footer .sound-btn{font-size:2.2rem;background-color:#000000b3;color:#fff;padding:0 2px;font-family:Arial Narrow,sans-serif;font-weight:700;border:none;outline:none;cursor:pointer;transition:background-color .2s cubic-bezier(.455,.03,.515,.955)}.footer .sound-btn:hover{background-color:#000}@media (min-width: 2560px){.footer .sound-btn{font-size:2.9rem}}@media (max-width: 1024px){.footer .sound-btn{font-size:1.8rem}}.footer .sound-btn::selection{background-color:#fff;color:#000}.footer .story-info{position:absolute;left:50%;transform:translate(-50%)}@media (max-width: 1024px){.footer .story-info{font-size:1.8rem}}@media (max-width: 850px){.footer .story-info{display:none}}.footer .designed-by-info{cursor:pointer;transition:background-color .2s cubic-bezier(.455,.03,.515,.955)}.footer .designed-by-info:hover{background-color:#000}.footer span{font-size:2.2rem;background-color:#000000b3;color:#fff;padding:0 2px;font-family:Arial Narrow,sans-serif;font-weight:700}@media (min-width: 2560px){.footer span{font-size:2.9rem}}@media (max-width: 1024px){.footer span{font-size:1.8rem}}.footer span::selection{background-color:#fff;color:#000}@media (min-width: 2561px){.footer span{font-size:3.2rem}}.skip-btn,.lmb-continue{cursor:none;position:fixed;z-index:1;left:50%;transform:translate(-50%);bottom:10%;font-size:2.2rem;background-color:transparent;width:max-content;height:max-content;color:#fff;padding:0 2px;font-family:Arial Narrow,sans-serif;font-weight:700;-webkit-user-select:none;user-select:none;background-color:#000c;animation:pulse-animation 3s infinite;animation-delay:1s}@keyframes pulse-animation{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (min-width: 2560px){.skip-btn,.lmb-continue{font-size:2.9rem}}@media (max-width: 850px){.skip-btn,.lmb-continue{font-size:2rem;bottom:5%}}.skip-btn::selection,.lmb-continue::selection{background-color:#fff;color:#000}.fadeout-element{position:fixed;z-index:99999;width:100%;height:100dvh;background-color:#fff;opacity:0;pointer-events:none}.fadeout-element.active{animation:fadeout-animation 1.8s forwards}@keyframes fadeout-animation{0%{opacity:0}to{opacity:1}}.portfolio-info-page{width:100%;padding:325px 0 100px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial Narrow,sans-serif;text-align:center;color:#000;gap:100px}@media (min-width: 3200px){.portfolio-info-page{gap:220px}}@media (max-width: 2560px){.portfolio-info-page{padding-top:200px}}@media (max-width: 1920px){.portfolio-info-page{padding-top:175px}}@media (max-width: 1440px){.portfolio-info-page{gap:75px;padding-top:175px}}@media (max-width: 1000px){.portfolio-info-page{padding-top:100px;padding-bottom:50px}}@media (max-width: 320px){.portfolio-info-page{padding:0 200px}}.portfolio-info-page .start-again-btn{position:fixed;z-index:1;top:30px;left:30px;font-size:2.2rem;background-color:#000000b3;border:none;color:#fff;padding:0 2px;font-family:Arial Narrow,sans-serif;font-weight:700;-webkit-user-select:none;user-select:none;transition:background-color .2s cubic-bezier(.455,.03,.515,.955);cursor:pointer}@media (min-width: 3200px){.portfolio-info-page .start-again-btn{font-size:4.2rem}}@media (min-width: 2560px){.portfolio-info-page .start-again-btn{font-size:2.9rem}}@media (max-width: 1024px){.portfolio-info-page .start-again-btn{top:10px;font-size:1.8rem}}.portfolio-info-page .start-again-btn:hover{background-color:#000}.portfolio-info-page .start-again-btn::selection{background-color:#fff;color:#000}@media (max-width: 480px){.portfolio-info-page .start-again-btn{position:absolute;top:65px;left:10px}}.portfolio-info-page .info-top{max-width:700px}@media (min-width: 1920px){.portfolio-info-page .info-top{max-width:850px}}@media (min-width: 3200px){.portfolio-info-page .info-top{max-width:1500px}}@media (max-width: 1920px){.portfolio-info-page .info-top{max-width:650px}}@media (max-width: 768px){.portfolio-info-page .info-top{max-width:100%}}.portfolio-info-page .info-top p{word-break:break-word;white-space:normal;margin-bottom:30px;color:#000;filter:drop-shadow(0px 0px 1px rgba(41,41,41,.7));font-size:2.4rem}@media (min-width: 1920px){.portfolio-info-page .info-top p{font-size:2.8rem}}@media (min-width: 3200px){.portfolio-info-page .info-top p{font-size:5.2rem}}@media (max-width: 1920px){.portfolio-info-page .info-top p{font-size:2.2rem}}@media (max-width: 1024px){.portfolio-info-page .info-top p{font-size:1.8rem}}.portfolio-info-page .info-top p:nth-child(2){margin-bottom:60px}@media (min-width: 1921px){.portfolio-info-page .info-top p:nth-child(2){margin-bottom:40px}}@media (max-width: 1920px){.portfolio-info-page .info-top p:nth-child(2){margin-bottom:-20px}}.portfolio-info-page .projects-section{display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;-webkit-user-select:none;user-select:none}@media (min-width: 1921px){.portfolio-info-page .projects-section{gap:48px}}@media (max-width: 1920px){.portfolio-info-page .projects-section{gap:46px}}@media (max-width: 1440px){.portfolio-info-page .projects-section{gap:36px}}@media (max-width: 1280px){.portfolio-info-page .projects-section{align-items:center}}@media (max-width: 1024px){.portfolio-info-page .projects-section{gap:20px}}.portfolio-info-page .projects-section .first-row,.portfolio-info-page .projects-section .second-row,.portfolio-info-page .projects-section .third-row{display:flex;gap:32px}.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{transition:box-shadow .35s cubic-bezier(.455,.03,.515,.955);cursor:pointer}.portfolio-info-page .projects-section .first-row .project-image:hover,.portfolio-info-page .projects-section .second-row .project-image:hover,.portfolio-info-page .projects-section .third-row .project-image:hover{box-shadow:0 0 20px #00000080}@media (min-width: 1920px){.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{width:700px}}@media (min-width: 3200px){.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{width:1000px}}@media (max-width: 1920px){.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{width:540px}}@media (max-width: 1440px){.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{width:450px}}@media (max-width: 1280px){.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{width:400px;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5))}}@media (max-width: 1024px){.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{width:350px}}@media (max-width: 850px){.portfolio-info-page .projects-section .first-row .project-image,.portfolio-info-page .projects-section .second-row .project-image,.portfolio-info-page .projects-section .third-row .project-image{width:350px}}.portfolio-info-page .projects-section .third-row{justify-content:center}.portfolio-info-page .footer-end{position:fixed;bottom:0;display:flex;justify-content:end;width:100%;padding:0 32px 28px}@media (max-width: 1024px){.portfolio-info-page .footer-end{padding:0 16px 14px}}@media (max-width: 480px){.portfolio-info-page .footer-end{flex-direction:column;justify-content:center;align-items:center;gap:10px}}.portfolio-info-page .footer-end .links-wrapper{display:flex;gap:56px;position:absolute;left:50%;transform:translate(-50%)}@media (min-width: 3201px){.portfolio-info-page .footer-end .links-wrapper{gap:100px;top:-30px}}@media (max-width: 1280px){.portfolio-info-page .footer-end .links-wrapper{gap:20px}}.portfolio-info-page .footer-end .links-wrapper a{font-size:2.2rem;background-color:#000000b3;padding:0 2px;color:#fff;text-decoration:none;font-family:Arial Narrow,sans-serif;font-weight:700;transition:background-color .2s cubic-bezier(.455,.03,.515,.955)}@media (min-width: 3200px){.portfolio-info-page .footer-end .links-wrapper a{font-size:4.2rem}}@media (min-width: 2560px){.portfolio-info-page .footer-end .links-wrapper a{font-size:2.9rem}}@media (max-width: 1280px){.portfolio-info-page .footer-end .links-wrapper a{font-size:2rem}}@media (max-width: 1024px){.portfolio-info-page .footer-end .links-wrapper a{font-size:1.8rem}}.portfolio-info-page .footer-end .links-wrapper a:hover{background-color:#000}.portfolio-info-page .footer-end .links-wrapper a::selection{background-color:#000;color:#fff}.portfolio-info-page .footer-end .designed-by-info{font-size:2.2rem;color:#fff;background-color:#000000b3;font-family:Arial Narrow,sans-serif;font-weight:700;transition:background-color .2s cubic-bezier(.455,.03,.515,.955);cursor:pointer}.portfolio-info-page .footer-end .designed-by-info:hover{background-color:#000}@media (min-width: 3200px){.portfolio-info-page .footer-end .designed-by-info{font-size:4.2rem;top:-30px;position:relative}}@media (min-width: 2560px){.portfolio-info-page .footer-end .designed-by-info{font-size:2.9rem}}@media (max-width: 1280px){.portfolio-info-page .footer-end .designed-by-info{font-size:2rem}}@media (max-width: 1024px){.portfolio-info-page .footer-end .designed-by-info{font-size:1.8rem}}.portfolio-info-page .footer-end .designed-by-info::selection{background-color:#000;color:#fff}.rotate-message-component{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;background-color:#fff;text-align:center;z-index:9999;width:100%;min-height:100%}.rotate-message-component .rotate-message{font-size:2.2rem;background-color:#000c;color:#fff;padding:0 2px;font-family:Arial Narrow,sans-serif}@media (max-width: 400px){.rotate-message-component .rotate-message{font-size:2rem}}.rotate-message-component .rotate-message::selection{background-color:#fff;color:#000}@font-face{font-family:Arial NarrowB;src:url(https://otfnk.com/assets/fonts/Arial-Narrow.woff2) format("woff2"),url(https://otfnk.com/assets/fonts/Arial-Narrow.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Narrow;src:url(https://otfnk.com/assets/fonts/ArialNarrow.woff2) format("woff2"),url(https://otfnk.com/assets/fonts/ArialNarrow.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:62.5%;-webkit-user-select:none;user-select:none}body{line-height:1.5;font-size:1.6rem;-webkit-font-smoothing:antialiased;overscroll-behavior:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}