*{box-sizing:border-box;cursor:url("/assets/cursor/frame_0.png"),auto;animation:cursorAnimation 1.333s infinite}@keyframes cursorAnimation{0%{cursor:url("/assets/cursor/frame_0.png"),auto}15%{cursor:url("/assets/cursor/frame_1.png"),auto}45%{cursor:url("/assets/cursor/frame_2.png"),auto}60%{cursor:url("/assets/cursor/frame_3.png"),auto}100%{cursor:url("/assets/cursor/frame_0.png"),auto}}html{font-size:10px}body{margin:0;font-family:'Lato', Arial, Helvetica, sans-serif;font-size:1.6rem;max-height:100vh;overflow:hidden;background:linear-gradient(#afeeee, #ebffff, #afeeee)}a{color:inherit}@media (hover: hover){a:hover,a:focus{color:#666}}button{font:inherit;color:inherit;background:none;border:none;padding:0}.header{height:8.2rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:0.1rem solid rgba(0,0,0,0.1)}.header h1{font-size:3rem;margin:0}.header>:first-child{display:flex;align-items:center}.header .menu-wrap{display:none;position:relative}@media (max-width: 1010px){.header .menu-wrap{display:block}}.header .menu-wrap .menu-button{margin-right:1.2rem;padding:0.3rem;border-radius:50%;display:flex}.header .menu-wrap .menu-button:hover{background-color:rgba(0,0,0,0.1)}.header .menu-wrap .menu-button svg{width:5rem;height:5rem}.header .menu-wrap .menu-button svg path{transition:all 0.5s}.header .menu-wrap #menu{transform:scaleY(0);opacity:0}.header .menu-wrap #menu:popover-open{inset:unset;position:absolute;top:8.2rem;right:2.5rem;display:flex;flex-direction:column;border:none;padding:2rem 0;transition:transform 0.3s, opacity 0.3s;transform-origin:top;transform:scaleY(1);opacity:1;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2)}@media (max-width: 670px){.header .menu-wrap #menu:popover-open{left:0;width:100vw;height:calc(100vh - 8.2rem)}.header .menu-wrap #menu:popover-open .navigation-item{font-size:3rem;text-align:center}}@starting-style{.header .menu-wrap #menu:popover-open{transform:scaleY(0);opacity:0}}.header .menu-wrap #menu:popover-open+.menu-button svg .line-top{transform:rotate(45deg)}.header .menu-wrap #menu:popover-open+.menu-button svg .line-middle{stroke-dasharray:1 60;stroke-dashoffset:-30}.header .menu-wrap #menu:popover-open+.menu-button svg .line-bottom{transform:rotate(-45deg)}.sajiStamp{width:4rem;margin-right:1rem}.sidebar-content-wrap{display:flex}.sidebar{display:flex;flex-direction:column;height:calc(100vh - 8.2rem);min-width:25rem;border-right:0.1rem solid rgba(0,0,0,0.1);padding:2rem 0}@media (max-width: 1010px){.sidebar{display:none}}.navigation-menu{list-style:none;margin:0;padding:0}.navigation-menu .navigation-item{display:block;color:#444;text-decoration:none;font-weight:bold;font-size:2rem;padding:0.8rem 4rem}@media (hover: hover){.navigation-menu .navigation-item:hover,.navigation-menu .navigation-item:focus{background:rgba(0,0,0,0.07);color:#000}}.content-body{width:100%;height:calc(100vh - 8.2rem);padding:2rem 15rem 2rem 6rem;position:relative;overflow:scroll}@media (max-width: 1010px){.content-body{padding:2rem 9rem 2rem 6rem}}@media (max-width: 760px){.content-body{padding:2rem;display:flex;flex-direction:column;align-items:center}.content-body p,.content-body ul,.content-body ol,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6{width:100%}}.content-body img{width:14rem;float:left;margin-right:2rem}@media (max-width: 760px){.content-body img{display:block;margin:0 auto;float:none}}.content-body h1{margin-top:0}.content-body h2{font-size:2rem}.content-body ul{list-style:none;padding-left:1rem}.content-body ul li{margin-bottom:1rem}.content-body ul li:last-child{margin-bottom:0}.content-body ul li::before{content:'◌';display:inline-block;margin-right:1rem;font-size:2.5rem}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;background-attachment:fixed;background-color:#010001;background-image:url("/assets/images/background-water.webp");background-position:0 0;background-repeat:repeat;background-size:8%;height:100vh;margin:0}.landing-page a{position:relative;width:50%;max-width:35rem}.landing-page a img{width:100%}.landing-page a .enter-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.landing-page a .enter-overlay:hover{background:rgba(255,255,255,0.1)}.contact{position:fixed;top:11rem;right:3rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}@media (max-width: 760px){.contact{position:unset;flex-direction:row;justify-content:center;align-items:center;gap:3rem;margin:3rem 0 5rem}}.contact a{display:flex;align-items:center;gap:1rem;text-decoration:none;font-style:italic;font-weight:bold}.contact a .contact-label{width:7rem;text-align:end;opacity:0;transform:translateX(4.5rem) scaleX(0);transition:transform 0.3s, opacity 0.3s}@media (max-width: 1010px){.contact a .contact-label{display:none}}@media (hover: hover){.contact a:hover,.contact a:focus{color:#444}.contact a:hover .contact-label,.contact a:focus .contact-label{opacity:1;transform:translateX(0) scaleX(1)}}.contact svg{width:3.5rem;height:3.5rem}h2.projects-header{margin:4rem 0 3rem}@media (max-width: 760px){h2.projects-header{width:unset}}ul.projects-wrap{display:flex;flex-wrap:wrap;padding-left:0;gap:4rem}@media (max-width: 760px){ul.projects-wrap{justify-content:center}}ul.projects-wrap .project-wrap{margin-bottom:0}ul.projects-wrap .project-wrap::before{content:none}ul.projects-wrap .project-card{width:24rem;height:24rem;padding:0;background-position:center;background-size:cover;color:inherit;font:inherit;border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2);cursor:pointer}ul.projects-wrap .project-card .card-overlay{display:flex;flex-direction:column;width:100%;height:100%;padding:4rem 1rem 1rem 1rem;background:rgba(255,255,255,0.8);opacity:0;transition:opacity 0.3s ease-in-out}ul.projects-wrap .project-card .card-overlay>h3{transform:scale(0.95) translateY(1rem);transition:transform 0.3s ease-in-out}@media (hover: hover){ul.projects-wrap .project-card:hover .card-overlay,ul.projects-wrap .project-card:focus .card-overlay{opacity:1}ul.projects-wrap .project-card:hover .card-overlay>h3,ul.projects-wrap .project-card:focus .card-overlay>h3{transform:scale(1) translateY(0)}}ul.projects-wrap .project-modal{padding:1.5rem 4rem;border:none;border-radius:0.5rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2);width:80%;max-width:80rem;opacity:0;overflow-x:hidden;transition:opacity 0.3s ease-in-out, overlay 0.3s ease-in-out allow-discrete, display 0.3s ease-in-out allow-discrete}ul.projects-wrap .project-modal h3{padding-right:2rem}ul.projects-wrap .project-modal::backdrop{background-color:transparent;transition:background-color 0.3s ease-in-out, overlay 0.3s ease-in-out allow-discrete, display 0.3s ease-in-out allow-discrete}ul.projects-wrap .project-modal:open{display:flex;flex-direction:column;opacity:1}@starting-style{ul.projects-wrap .project-modal:open{opacity:0}}ul.projects-wrap .project-modal:open::backdrop{background-color:rgba(0,0,0,0.5)}@starting-style{ul.projects-wrap .project-modal:open::backdrop{background-color:transparent}}ul.projects-wrap .project-modal .modal-close{position:absolute;top:1rem;right:1rem;border-radius:50%;padding:0.7rem;display:flex}ul.projects-wrap .project-modal .modal-close:hover{background-color:rgba(0,0,0,0.1)}ul.projects-wrap .project-modal .modal-close svg{width:3rem;height:3rem}.not-found{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.not-found img{width:100%;margin:0;max-width:70rem}