*{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xl: clamp(2.75rem, 5.5vw, 4.5rem);--text-lg: clamp(2rem, 3.5vw, 2.75rem);--text-md: 1.5rem;--text-sm: 1rem;--text-xs: .8rem;--gutter: clamp(24px, 6vw, 64px);--section-space: clamp(5rem, 11vh, 8rem);--radius: 4px;--radius-lg: 10px;--ease: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{color-scheme:dark;--base: #0a0a0b;--base-alt: #101012;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: 1px solid rgba(255, 255, 255, .1);--border-strong: 1px solid rgba(255, 255, 255, .28);--text: #f2f2f0;--sub: #8b8b90;--accent: #f2f2f0;--accent-contrast: #0a0a0b;--shadow: 0 24px 60px rgba(0, 0, 0, .4);--overlay: rgba(10, 10, 11, .6)}[data-theme=light]{color-scheme:light;--base: #faf9f7;--base-alt: #f1f0ec;--surface: rgba(0, 0, 0, .025);--surface-hover: rgba(0, 0, 0, .05);--border: 1px solid rgba(0, 0, 0, .1);--border-strong: 1px solid rgba(0, 0, 0, .3);--text: #131313;--sub: #6b6b6f;--accent: #131313;--accent-contrast: #faf9f7;--shadow: 0 24px 60px rgba(20, 20, 20, .08);--overlay: rgba(19, 19, 19, .45)}::-webkit-scrollbar{width:10px;background-color:var(--base)}::-webkit-scrollbar-thumb{background:var(--sub);border-radius:6px}::selection{background:var(--text);color:var(--base)}html{color-scheme:dark light;scroll-behavior:smooth}body{background-color:var(--base);color:var(--text);font-family:var(--font-body);font-weight:300;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}main{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}a{cursor:pointer;color:var(--text);text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}hr{width:40px;height:1px;border:none;margin:20px auto;background-color:var(--sub);opacity:.4}p{font-size:1.05rem;color:var(--sub);font-weight:300}label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sub);font-weight:500}input,textarea{font-family:var(--font-body);border-radius:var(--radius);outline:none;border:var(--border);background-color:var(--surface);color:var(--text)}textarea{padding:12px;resize:vertical}textarea:focus,input:focus{border:1px solid var(--text)!important}button{cursor:pointer;font-family:var(--font-body);border:var(--border);background:transparent;color:var(--text);transition:.25s var(--ease)}button:disabled,button[disabled]{opacity:.4;cursor:not-allowed}.highlight{color:var(--text);font-style:italic;font-weight:400}.section-title{text-align:center;color:var(--text);font-size:var(--text-lg);font-weight:500;text-transform:none}.section-subtitle{text-align:center;max-width:480px;margin:10px auto 0;font-size:1rem}header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1000}header h1{font-size:1.1rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:opacity .25s var(--ease)}header h1:before{content:"> ";font-family:var(--font-mono);font-weight:400;color:var(--sub)}header h1:hover{opacity:.6}nav ul{display:flex;list-style:none;gap:clamp(20px,3vw,36px);margin:0;padding:0}nav ul a{position:relative;padding:4px 0;font-size:.9rem;font-weight:400;color:var(--sub);text-transform:capitalize;transition:color .25s var(--ease)}nav ul a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--text);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}nav ul a:hover{color:var(--text)}nav ul a:hover:after{transform:scaleX(1);transform-origin:left}.header-controls{display:flex;align-items:center;gap:20px}.hamburger-btn{display:none;padding:8px;border:none}.hamburger-btn svg{width:20px;height:20px;color:var(--text)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:var(--base);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.mobile-nav a{font-family:var(--font-display);font-size:2rem;font-weight:500;color:var(--text);text-transform:capitalize}.mobile-nav-close{position:absolute;top:28px;right:var(--gutter);border:none;padding:8px}.mobile-nav-close svg{width:22px;height:22px;color:var(--text)}.arrow-back{cursor:pointer;transition:opacity .25s var(--ease);padding:8px;color:var(--text)}.arrow-back:hover{opacity:.6}.skin-switch{width:52px;height:28px;border:var(--border);border-radius:20px;display:flex;align-items:center;position:relative;transition:background-color .35s var(--ease),border-color .35s var(--ease);padding:2px}.skin-switch button{border-radius:50%;height:22px;width:22px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mobile-skin{display:none}.mobile-skin button{position:relative;cursor:pointer}.section-marker{display:flex;align-items:center;gap:20px;margin-top:var(--section-space);margin-bottom:2.5rem}.marker-index,.marker-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);white-space:nowrap}.marker-index:before{content:"// "}.marker-label{color:var(--text)}.marker-rule{flex:1;height:1px;background-color:var(--border-strong);opacity:.5}.hero{width:100%;min-height:86vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 0 3rem}.hero-content{max-width:760px}.hero-content h4{font-size:1rem;color:var(--sub);font-family:var(--font-mono);font-weight:400;display:block;position:relative;margin-bottom:1.25rem}.hero-content h1{font-size:var(--text-xl);line-height:1.08;color:var(--text)}.hero-content p{margin-top:1.75rem;max-width:540px;font-size:1.05rem;line-height:1.8}.hand-wave{display:inline-block;animation:wave 2s linear infinite alternate;margin-left:4px}.profession{color:var(--sub);font-weight:400}.type-cursor{font-family:var(--font-mono);color:var(--text);animation:blink 1s step-end infinite}.scroll-down{stroke:var(--sub);z-index:10;height:40px;width:24px;margin-top:3rem;opacity:.6;transition:opacity .25s var(--ease)}.scroll-down:hover{opacity:1}.mouse-wheel{fill:var(--sub);animation:wheelDown 4s linear infinite}.about-me{width:100%;padding:var(--section-space) 0}.about-content{display:flex;align-items:center;justify-content:center;gap:clamp(2rem,6vw,5rem)}.image{width:34%;flex-shrink:0;display:flex;align-items:center;position:relative}.image-container{border-radius:var(--radius-lg);width:100%;aspect-ratio:4 / 5;overflow:hidden;display:flex;align-items:center;justify-content:center;border:var(--border)}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;transition:filter .6s var(--ease);filter:grayscale(100%)}.image-container:hover img{filter:grayscale(0%)}.mobile-image{display:none}.story-container{width:60%;display:flex;flex-direction:column;gap:4px;z-index:2}.story-container hr{margin:20px 0}.story-container h1{font-size:2.25rem;text-align:left;font-weight:500}.story-container h3{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sub);font-weight:400;margin-top:1.75rem}.social-links ul{display:flex;padding-top:14px;gap:18px}.social-links li{list-style:none}.social-links a{width:fit-content}.social-links svg{height:22px;width:22px;fill:var(--sub);transition:fill .25s var(--ease),transform .25s var(--ease);display:block}.social-links svg:hover{fill:var(--text);transform:translateY(-2px)}.skills{width:100%;padding:var(--section-space) 0}.skills-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:3.5rem;border-top:var(--border);border-left:var(--border)}.skill-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-right:var(--border);border-bottom:var(--border);transition:background-color .25s var(--ease)}.skill-tile:hover{background-color:var(--surface)}.skill-tile>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.skill-tile svg{width:26%;display:block;fill:var(--sub);transition:fill .25s var(--ease),transform .25s var(--ease)}.skill-tile:hover svg{fill:var(--text);transform:translateY(-3px)}.works-section{width:100%;padding:var(--section-space) 0}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.work-card{border:var(--border);background-color:var(--surface);width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;transition:border-color .35s var(--ease),transform .35s var(--ease);cursor:pointer;overflow:hidden;position:relative}.browser-options{height:40px;width:100%;display:flex;align-items:center;padding:0 14px;gap:8px;border-bottom:var(--border);flex-shrink:0}.dot{border-radius:50%;width:8px;height:8px;background-color:var(--sub);opacity:.5}.url-bar{font-family:var(--font-mono);font-size:.72rem;color:var(--sub);margin-left:8px;opacity:.7}.work-content{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex:1;position:relative;background-color:var(--base-alt)}.work-info{background:linear-gradient(to top,rgba(0,0,0,.75),transparent);width:100%;padding:1.5rem;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;opacity:0;transition:opacity .35s var(--ease);z-index:2}.work-info h2{color:#f2f2f0;font-size:1.1rem;font-weight:500}.work-content img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .5s var(--ease);display:block;filter:grayscale(100%)}.work-card:hover .work-content img{filter:grayscale(0%)}.work-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.love-my-work{width:100%;padding:var(--section-space) 0;display:flex;justify-content:center}.heart-and-coffee{width:100%;max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:3rem;border:var(--border);border-radius:var(--radius-lg);padding:3rem 4rem}.heart-container{width:22%;display:flex;align-items:center;justify-content:center}.heart-container svg{width:60%;height:auto;fill:var(--sub)}.buy-container{display:flex;flex-direction:column;justify-content:center}.buy-container h1{font-size:1.6rem;font-weight:500}.buy-container p{margin-top:6px}.buy-container a{font-family:var(--font-body);font-size:.9rem;margin-top:18px;padding:12px 20px;width:fit-content;color:var(--accent-contrast);font-weight:500;border-radius:var(--radius);background-color:var(--accent);transition:opacity .25s var(--ease)}.buy-container a:hover{opacity:.8}.contact-section{width:100%;padding:var(--section-space) 0;display:flex;justify-content:space-between;gap:3rem}.contact-info{width:42%;display:flex;flex-direction:column;justify-content:space-between}.contact-info h1{font-size:2.25rem;font-weight:500;line-height:1.2}.contact-info p{margin-top:16px;max-width:400px}.contact-info h1 span{color:var(--sub);font-style:italic}.avaliable{font-family:var(--font-mono);font-size:.75rem;padding:6px 12px;width:fit-content;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.08em;border-radius:20px;border:var(--border);margin-top:24px}.avaliable span{width:6px;height:6px;border-radius:50%;background-color:var(--text)!important;animation:blink 2s infinite ease-in}.local-time{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:var(--sub);display:flex;gap:8px}.contact-section form{width:46%;border-radius:var(--radius-lg);border:var(--border);display:flex;flex-direction:column;padding:2.5rem;gap:14px}.contact-section form input{padding:12px 14px;font-size:.95rem}.contact-section form textarea{height:120px;font-size:.95rem}.contact-section form button{background-color:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);text-transform:none;border:none;font-weight:500;font-size:1rem;padding:14px;margin-top:4px;transition:opacity .25s var(--ease)}.contact-section form button:hover{opacity:.85}.contact-checkbox{display:flex}form p{font-size:.8rem;line-height:1.5}.project-page{min-height:85dvh;display:flex;align-items:center;justify-content:center;max-width:1180px;margin:0 auto;padding:4vh var(--gutter)}.project-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4rem}.project-info{width:48%;display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0}.project-info h1{font-size:2.75rem;font-weight:500;line-height:1.1}.project-info p{font-size:1.05rem;line-height:1.8}.tag-list{font-family:var(--font-mono);font-size:.78rem;display:flex;flex-wrap:wrap;gap:.6rem}.tag{padding:7px 14px;border:var(--border);border-radius:20px;text-transform:lowercase;color:var(--sub);transition:all .25s var(--ease)}.tag:hover{background-color:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.project-info ul{display:flex;gap:1rem;width:100%;flex-wrap:wrap;margin-top:.5rem}.project-info a{border:var(--border);border-radius:var(--radius);font-size:.95rem;padding:13px 20px;display:flex;align-items:center;gap:10px;transition:all .25s var(--ease);color:var(--text);font-weight:500;flex:1;min-width:170px;justify-content:center}.project-info a svg{fill:var(--text);height:16px;width:16px;transition:fill .25s var(--ease)}.project-info a:hover:not(.disabled){background-color:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.project-info a:hover:not(.disabled) svg{fill:var(--accent-contrast)}.project-info a.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.video-container{width:52%;max-height:560px;position:relative;display:flex;align-items:center;justify-content:center}.project-video{width:100%;max-height:560px;border-radius:var(--radius-lg);border:var(--border);background-color:var(--base-alt);object-fit:contain}.no-video-placeholder{width:100%;height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:var(--border);border-radius:var(--radius-lg);color:var(--sub)}.no-video-placeholder p{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}footer{max-width:1180px;margin:var(--section-space) auto 0;padding:2rem var(--gutter);border-top:var(--border);display:flex;align-items:center;justify-content:center;position:relative}footer p{font-family:var(--font-mono);font-size:.78rem!important;color:var(--sub)}footer button{position:absolute;left:var(--gutter);top:-22px;height:44px;width:44px;border-radius:50%;background-color:var(--base);border:var(--border);transition:all .25s var(--ease);display:flex;align-items:center;justify-content:center}footer button svg{width:40%;height:40%;color:var(--text)}footer button:hover{background-color:var(--accent)}footer button:hover svg{color:var(--accent-contrast)}.not-found{height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;padding:0 var(--gutter)}.not-found h1{font-size:var(--text-md);font-weight:500}.not-found .btn{background-color:var(--accent);color:var(--accent-contrast);font-size:.9rem;font-weight:500;border-radius:var(--radius);padding:12px 24px;cursor:pointer;text-decoration:none;transition:opacity .25s var(--ease)}.not-found .btn:hover{opacity:.85}@keyframes blink{0%{opacity:100%}50%{opacity:0}to{opacity:100%}}@keyframes wave{50%{transform:rotate(40deg)}to{transform:rotate(0)}}@keyframes wheelDown{0%{opacity:90%}80%{opacity:0;transform:translateY(30px)}}@media screen and (max-width: 1280px){.about-content{flex-direction:column}.image{width:34%;max-width:280px}.story-container{width:100%}.story-container h1{text-align:center}.social-links ul{justify-content:center}.story-container p{text-align:center}.skills-grid{grid-template-columns:repeat(4,1fr)}.works-grid{grid-template-columns:repeat(2,1fr)}.project-content{gap:3rem}.project-info h1{font-size:2.25rem}}@media screen and (max-width: 1024px){.works-grid{grid-template-columns:1fr}}@media screen and (max-width: 600px){main{padding:0 22px}label{font-size:.7rem}h1{font-size:1.8rem}p{font-size:1rem}.section-title{font-size:1.9rem}header{height:72px;padding:0 22px}nav{display:none}.skin-switch{display:none}.mobile-skin{display:block}.mobile-skin button{width:32px;height:32px;background:none;border:none}.hamburger-btn{display:block}.arrow-back{height:22px;width:22px}.hero{min-height:82dvh;padding:3rem 0}.hero-content h1{font-size:2.4rem}.hero-content h4{font-size:.9rem}.hero-content p,.scroll-down{display:none}.about-me{padding:3.5rem 0}.image{display:none}.mobile-image{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.mobile-image-container{border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;height:160px;width:160px;border:var(--border)}.mobile-image-container img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.story-container h1{font-size:1.9rem}.story-container h3{font-size:.75rem}.social-links svg{width:22px;height:22px}.section-marker{margin-top:3.5rem;margin-bottom:1.75rem}.skills{padding:3.5rem 0}.skills-grid{grid-template-columns:repeat(3,1fr);margin-top:2.5rem}.works-section{padding:3.5rem 0}.works-grid{grid-template-columns:1fr;gap:1.5rem}.work-card{aspect-ratio:16 / 11}.work-info{opacity:1;padding:1rem}.work-info h2{font-size:1rem}.love-my-work{padding:3.5rem 0}.heart-and-coffee{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;text-align:center}.heart-container{width:auto}.heart-container svg{width:90px}.buy-container{align-items:center}.contact-section{flex-direction:column;padding:3.5rem 0;gap:2rem}.contact-info{width:100%}.contact-info h1{font-size:1.7rem}.local-time,.avaliable{display:none}.contact-section form{width:100%;padding:1.5rem}.project-page{padding:3vh 22px;min-height:auto}.project-content{flex-direction:column-reverse;gap:2rem}.project-info{width:100%}.project-info h1{font-size:1.9rem}.video-container{width:100%;max-height:300px}.project-video{max-height:300px}.no-video-placeholder{min-height:240px}.project-info ul{flex-direction:column}.project-info a{width:100%;min-width:auto}.force-logo-center{order:1!important}footer{margin-top:3.5rem}footer button{height:38px;width:38px;top:-19px;left:22px}}.skin-switch button[data-v-10a8ddaa]{background-color:var(--surface);color:var(--text);transition:transform .4s var(--ease),background-color .4s var(--ease),color .4s var(--ease)}.skin-switch.on button[data-v-10a8ddaa]{transform:translate(26px);background-color:var(--accent);color:var(--accent-contrast)}.mobile-skin button[data-v-10a8ddaa]{color:var(--text);transition:color .35s var(--ease)}.switch-icon[data-v-10a8ddaa]{position:absolute;top:50%;left:50%;width:12px;height:12px;transition:opacity .35s var(--ease),transform .35s var(--ease)}.mobile-skin .switch-icon[data-v-10a8ddaa]{width:17px;height:17px}.icon-sun[data-v-10a8ddaa]{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.icon-moon[data-v-10a8ddaa]{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-90deg)}.on .icon-sun[data-v-10a8ddaa]{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(90deg)}.on .icon-moon[data-v-10a8ddaa]{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.z-loader[data-v-8bc18872]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--base);position:fixed;top:0;left:0}.spinner[data-v-8bc18872]{width:36px;height:36px;border:2px solid var(--surface);border-top:2px solid var(--text);border-radius:50%;animation:spin-8bc18872 .8s linear infinite}@keyframes spin-8bc18872{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.route-enter-from{opacity:0}.route-enter-active{transition:all .3s ease-out}.route-leave-to{opacity:0}.route-leave-active{transition:all .3s ease-in}.modal-overlay[data-v-f4ebf400]{position:fixed;top:0;right:0;background:var(--base);border-bottom:var(--border);width:100vw;z-index:99999;transition:all .3s linear}.modal-container[data-v-f4ebf400]{width:100%;display:flex;padding:0 22px;justify-content:space-between;align-items:center}.modal[data-v-f4ebf400]{padding:18px;width:100%;text-align:center;text-transform:capitalize}.modal p[data-v-f4ebf400]{font-weight:400}.close-modal-btn[data-v-f4ebf400]{cursor:pointer;height:22px;width:22px}.counter[data-v-f4ebf400]{background-color:var(--accent);width:var(--0d071e9e);height:4px;transition:width 1s linear}