@font-face{font-family:Acumin Variable Concept;src:url(/assets/Acumin-Variable-Concept-TN981Veo.ttf) format("trueType");font-weight:100 900;font-style:normal;font-display:swap}body{margin:0;font-family:Acumin Variable Concept,Arial,Helvetica,sans-serif;font-variation-settings:"wdth" 75,"wght" 600}img{cursor:url(./pointer.png) 4 1,pointer!important}a{font-size:1.5rem;font-family:Acumin Variable Concept,Arial,Helvetica,sans-serif;color:#000;text-decoration:none;border-bottom:1px solid #000;transition:color .3s ease,border-bottom-color .3s ease}*{-webkit-tap-highlight-color:transparent}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:5}.modal .content{position:relative;display:flex;flex-flow:column nowrap;align-items:flex-start;width:700px;max-height:90%;overflow-y:auto;padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 0 10px #0000001a}.modal .content .close{position:absolute;top:10px;right:10px;font-size:1.5rem;cursor:pointer}.modal .content>.title{margin-bottom:8px;font-size:1.6rem;font-weight:600}.modal .content .subtitle{margin-bottom:16px;font-size:1.2rem;font-weight:400}.modal .content p{line-height:1.5;margin:6px 0}input{border:1px solid #bdbdbd;height:calc(100% - 4px);font-family:Be Vietnam Pro,sans-serif;outline:none;font-size:1.1rem;box-shadow:0 0 5px #0000001a;border-radius:8px;background-color:#fff;border-color:#bdbdbd;padding:4px 8px}button:not([type=button]){display:inline-block;margin:10px 10px 10px 0;font-size:1rem;font-weight:600;font-family:Be Vietnam Pro,Arial,Helvetica,sans-serif;border:1px solid #bdbdbd;border-radius:8px;outline:none;padding:6px 8px;cursor:pointer;transition:all .3s}button:not([type=button]):hover{border-color:#888;background-color:#ddd}button:not([type=button]):active{border-color:#555;background-color:#b3b3b3}button:not([type=button]):disabled{background-color:#f0f0f0;border-color:#e0e0e0;color:#a0a0a0;cursor:default}.toolbar{position:fixed;top:90px;right:20px;background:#fff;border-radius:12px;padding:12px;z-index:1001;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 12px #0000001a}.toolbar .tool-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #ddd}.toolbar .tool-section button{width:40px;height:40px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toolbar .tool-section button:hover{background:#f5f5f5;border-color:#999}.toolbar .tool-section button.active{background:#06f;border-color:#06f}.toolbar .tool-section button.active img{width:24px;height:24px}.toolbar .color-section{display:flex;flex-direction:column;gap:8px}.toolbar .color-section .color-btn{width:40px;height:40px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease}.toolbar .color-section .color-btn:hover{border-color:#333}.toolbar .color-section .color-btn.active{border-color:#333;border-width:3px}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;cursor:url(/favicon.png) 10 10,auto;pointer-events:none}canvas.active{pointer-events:all}.snap-container{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.snap-container::-webkit-scrollbar{display:none}.snap-container{-ms-overflow-style:none;scrollbar-width:none}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh}.top-section{display:flex;flex-direction:column}.top-section.draw-mode img:not(.trash){filter:grayscale(100%);pointer-events:none}.top-section header{display:flex;flex-flow:row nowrap;justify-content:space-between;width:calc(100% - 100px);padding:30px 50px}.top-section header h1{display:none;margin:0;opacity:0;font-size:2.75rem;font-variation-settings:"wdth" 85,"wght" 700}.top-section header h1.show{display:block;opacity:1}.top-section header .title{width:300px}.top-section header .right{display:flex;flex-flow:row nowrap;align-items:flex-end;gap:20px}.top-section header .right.draw-mode{align-items:center}.top-section header .right span{font-variation-settings:"wdth" 85,"wght" 650;-webkit-user-select:none;user-select:none;margin-bottom:6px;cursor:pointer}.top-section header .right div{display:flex;flex-flow:row nowrap;align-items:center;gap:20px}.top-section header .trash{width:44px;height:44px;cursor:pointer;z-index:1001}.top-section header .color{width:50px;height:50px;border-radius:50%;z-index:1001;cursor:pointer}.top-section header .pencil-btn{width:50px;height:50px;background:#fff;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s ease}.top-section header .pencil-btn.active svg{stroke:#fff}.top-section header .pencil-btn .favicon{transform:rotate(20deg);width:60px;height:60px;opacity:.7;transition:opacity .3s ease}.top-section header .pencil-btn .favicon:hover{opacity:1}.top-section header .pencil-btn .close{width:40px;height:40px}.bottom-section{padding:0 20px;min-height:100vh}.bottom-section.draw-mode img{filter:grayscale(100%);pointer-events:none}.row{display:flex;flex-flow:row nowrap;gap:100px;padding:50px 55px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.row::-webkit-scrollbar{display:none}.row{-ms-overflow-style:none;scrollbar-width:none}.row .about{display:none;opacity:0;flex-direction:column;justify-content:flex-end;gap:7px;width:1px;max-width:400px;transition:all .5s ease;transform:translate(-200px)}.row .about.show{display:flex;transform:translate(0);width:400px;opacity:1}.row .about .title{margin:20px 0 12px;font-variation-settings:"wdth" 85,"wght" 700;font-size:1.9rem}.row .about p{line-height:1;margin:0;width:390px;font-size:1rem;font-variation-settings:"wdth" 80,"wght" 550}.row .about a{width:fit-content;font-size:1rem;color:inherit;text-decoration:none}.row .about a:hover{border-bottom:1px solid #0066ff;color:#06f}.row .project{display:flex;flex-flow:row nowrap;align-items:flex-end;flex-shrink:0}.row .project.expanded{opacity:1}.row img{width:auto;margin:0 15px;cursor:pointer;transition:filter .3s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.row img.large{height:69.3vh}.row img.medium{height:57.75vh}.row img.small{height:46.2vh}.row img.show-dt{display:none}.project-gallery{padding:30px 80px 50px;animation:fadeIn .5s ease}.project-gallery .arrow{margin:40px 0 60px;width:25px;height:auto;display:block;opacity:.7}.project-gallery .arrow:hover{opacity:1}.project-gallery .project-title{margin:0;font-size:2rem;font-variation-settings:"wdth" 75,"wght" 720}.project-gallery .project-subtitle{margin:0;font-size:1rem;font-variation-settings:"wdth" 75,"wght" 550}.project-gallery p{margin:100px 0;width:450px;font-variation-settings:"wdth" 75,"wght" 550}.project-gallery .gallery{display:flex;flex-flow:row wrap;gap:30px;margin-top:100px}.project-gallery .gallery .row{display:flex;flex-flow:row nowrap;gap:30px}.project-gallery .gallery img{width:calc(33% - 20px);height:auto;cursor:pointer}.project-gallery .gallery img.double{width:calc(66% - 20px)}.project-gallery .gallery img.triple{width:calc(100% - 20px)}.project-gallery .gallery .no-image{width:calc(33% - 20px);height:200px}.fullscreen-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .3s ease}.fullscreen-viewer img{width:auto;height:100vh;max-width:90vw;object-fit:contain;cursor:default;display:block;margin:0 auto}.fullscreen-viewer .close-btn{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#fff;color:#000;border:none;border-radius:50%;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.fullscreen-viewer .close-btn:hover{background:#f0f0f0}@media(min-width:601px){.row img.show-dt{display:block}}@media(max-width:600px){.top-section header{padding:20px 30px}.top-section header .right{display:none}.row{display:flex;flex-flow:column nowrap;align-items:center;padding:0;gap:40px}.row .about.show{width:calc(100% - 40px);max-width:none;padding:20px 30px;transform:translateY(0)}.row .about.show p{width:100%}.row img.small{height:auto;width:100%}.project-gallery{padding:0 0 40px}.project-gallery .gallery img{width:100%;height:auto}.project-gallery .gallery img.double,.project-gallery .gallery img.triple{width:100%}.project-gallery p{width:100%;padding:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login .content{display:flex;align-items:center;justify-content:center;width:fit-content;gap:12px}