:root{--bg-color: #ffffff;--text-primary: #111111;--text-secondary: #666;--text-muted: #888;--line-color: rgba(46, 45, 45, .4);--horizontal-line-color: rgba(0, 0, 0, .7);--white-overlay: rgba(255, 255, 255, 1);--white-overlay-strong: rgba(255, 255, 255, 1);--growing-square-color: #110f0f;--contact-text-color: #ffffff;--z-background: 1;--z-design-lines: 11;--z-content: 12;--z-main-content: 15;--z-canvas: 12;--z-text-overlay: 60;--z-loading: 300;--z-top-line: 350;--z-hero-overlay: 200;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--spacing-6xl: 6rem;--project-item-padding: 3rem;--project-gap: 2rem;--drawer-content-padding: 2.5rem;--drawer-max-height: 1000px;--thumbnail-size-lg: 60px;--thumbnail-size-md: 50px;--thumbnail-height-lg: 40px;--thumbnail-height-md: 35px;--project-number-width: 60px;--icon-size: 24px;--radius-sm: 3px;--radius-md: 4px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .4s}body.dark-mode{--bg-color: #0f0f0f;--text-primary: #f8f8f8;--text-secondary: #b0b0b0;--text-muted: #888;--line-color: rgba(255, 255, 255, .2);--horizontal-line-color: rgba(255, 255, 255, .4);--white-overlay: rgba(18, 18, 18, 1);--white-overlay-strong: rgba(22, 22, 22, 1);--growing-square-color: #e8e8e8;--contact-text-color: #111111}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg-color);position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);scroll-behavior:auto}html{overflow-x:hidden}a[href],.social-link,.credit-link{cursor:url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4L21 10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10L19 6.41422L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L17.5858 5H14ZM3 7C3 5.89543 3.89543 5 5 5H10C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7H5V19H17V14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7Z" fill="%23000000"></path></svg>') 12 12,pointer!important}body.dark-mode a[href],body.dark-mode .social-link,body.dark-mode .credit-link{cursor:url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4L21 10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10L19 6.41422L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L17.5858 5H14ZM3 7C3 5.89543 3.89543 5 5 5H10C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7H5V19H17V14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7Z" fill="%23FFFFFF"></path></svg>') 12 12,pointer!important}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:var(--z-loading);display:flex;align-items:center;justify-content:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;text-align:center;position:relative;z-index:var(--z-loading)}.loading-text{font-size:clamp(2rem,6vw,4rem);font-weight:900;letter-spacing:.05em;color:var(--text-primary);font-family:Inter,sans-serif;text-transform:uppercase;opacity:0;transform:translateY(30px) scale(.9);position:relative;z-index:var(--z-loading);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.loading-design-lines,.loading-design-lines-right,.loading-design-lines-inner{position:absolute;pointer-events:none}.loading-design-lines{top:0;left:0;width:100%;height:100%}.loading-design-lines:after{content:"";position:absolute;top:0;left:20px;width:.5px;height:100%;background:var(--line-color)}.loading-design-lines-right{top:0;right:20px;width:.5px;height:100%;background:var(--line-color)}.loading-design-lines-inner{top:0;width:.5px;height:100%;background:var(--line-color)}.loading-inner-line-1{left:calc(20px + (100% - 40px)/8)}.loading-inner-line-2{left:calc(20px + (100% - 40px)/4)}.loading-inner-line-3{left:calc(20px + (100% - 40px)*.375)}.loading-inner-line-4{left:calc(20px + (100% - 40px)/2)}.loading-inner-line-5{left:calc(20px + (100% - 40px)/1.6)}.loading-inner-line-6{left:calc(20px + (100% - 40px)*.75)}.loading-inner-line-7{left:calc(20px + (100% - 40px)*.875)}@media (max-width: 768px){.loading-container{gap:.8rem;padding:1rem}.loading-text{font-size:clamp(1.5rem,5vw,3rem);letter-spacing:.03em}.loading-design-lines-inner{display:none}.loading-inner-line-2,.loading-inner-line-4,.loading-inner-line-6{display:block}}@media (max-width: 480px){.loading-container{gap:.6rem;padding:.5rem}.loading-text{font-size:clamp(1.2rem,4vw,2rem);letter-spacing:.02em}}.webgl{position:fixed;top:0;left:0;outline:none;z-index:var(--z-canvas)}.grain-background{position:fixed;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' seed='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise1)' opacity='0.4'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' seed='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise2)' opacity='0.35'/%3E%3C/svg%3E");background-size:140px 140px,200px 200px;mix-blend-mode:overlay;pointer-events:none;z-index:var(--z-background);opacity:1}body.dark-mode .grain-background{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' seed='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise1)' opacity='0.15'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' seed='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise2)' opacity='0.12'/%3E%3C/svg%3E");background-size:140px 140px,200px 200px;mix-blend-mode:multiply}.section-headline{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;padding:2rem 0;border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color)}.contact-headline{margin-top:8rem}@media (max-width: 768px){.section-headline{padding:1.5rem 0}.contact-headline{margin-top:6rem}}#projects.section{align-items:flex-start;position:relative;min-height:100vh;padding-bottom:4rem;transition:min-height .4s ease-out}#projects.section:has(.project-drawer.open){min-height:120vh;padding-bottom:8rem}.projects-list{width:70%;padding:2rem 0;margin:12rem auto 0}@media (min-width: 1441px){.projects-list{width:80%}#projects.section{padding-bottom:2rem}#projects.section:has(.project-drawer.open){padding-bottom:6rem}.contact-headline{margin-top:2rem}}@media (max-width: 1440px){.projects-list{width:70%}}@media (max-width: 768px){#projects.section{flex-direction:column;align-items:center}.projects-list{position:relative;left:auto;width:100%;margin:0;padding:1rem}}#about.section{justify-content:flex-start;align-items:flex-start;padding:0}.about-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100vh;width:60%;max-width:60%;padding-top:10vh;padding-bottom:5vh;padding-left:5vw;padding-right:2vw;margin:0;text-align:left}.about-text-content{width:100%;max-width:100%;margin:0;padding:0;text-align:left;align-self:flex-start}.menu-toggle{position:fixed;top:10px;left:calc((100% + 0px + (100% - 40px)*.875)/2);transform:translate(-50%);z-index:250;white-space:nowrap;min-width:10.5em;text-align:center;overflow:hidden}.contact-section .menu-toggle:not(.active){color:var(--contact-text-color)!important}.menu-toggle.active{color:var(--text-primary)!important}@media (max-width: 768px){.menu-toggle{top:0;left:50%;transform:translate(-50%);min-width:8em;z-index:250}}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:249;pointer-events:none;visibility:hidden}.menu-curtain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform:translateY(-100%)}.menu-nav{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;padding:8vh 8vw;opacity:0;pointer-events:none}@media (max-width: 768px){.menu-nav{padding:8vh 6vw}}.design-lines,.design-lines-right,.design-lines-inner{position:fixed;pointer-events:none;z-index:var(--z-design-lines)}.design-lines{top:0;left:0;width:100%;height:100%}.design-lines:after{content:"";position:absolute;top:0;left:20px;width:.5px;height:100%;background:var(--line-color)}.design-lines-right{top:0;right:20px;width:.5px;height:100%;background:var(--line-color)}.design-lines-inner{top:0;width:.5px;height:100%;background:var(--line-color)}.inner-line-1{left:calc(20px + (100% - 40px)/8)}.inner-line-2{left:calc(20px + (100% - 40px)/4)}.inner-line-3{left:calc(20px + (100% - 40px)*.375)}.inner-line-4{left:calc(20px + (100% - 40px)/2)}.inner-line-5{left:calc(20px + (100% - 40px)/1.6)}.inner-line-6{left:calc(20px + (100% - 40px)*.75)}.inner-line-7{left:calc(20px + (100% - 40px)*.875)}.top-line-text,.top-line-text-right{position:fixed;top:20px;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);opacity:.9;z-index:var(--z-text-overlay);pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.top-line-text{left:43.75%;transform:translate(-50%)}.top-line-text-right{left:56.25%;transform:translate(-50%)}.scroll-indicator{position:fixed;bottom:20px;right:40px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:var(--z-text-overlay);pointer-events:none}.scroll-line{width:2px;height:40px;background:var(--line-color)}.scroll-text{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);opacity:.9;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 768px){.scroll-indicator{bottom:20px;right:20px;gap:8px}.scroll-line{height:30px}.scroll-text{font-size:10px;letter-spacing:1.5px}}.top-horizontal-line{position:fixed;top:40px;left:20px;width:calc(100% - 40px);height:1.3px;background:var(--horizontal-line-color);z-index:var(--z-top-line);pointer-events:none}.bottom-horizontal-line{position:fixed;bottom:40px;left:20px;width:calc(100% - 40px);height:1.3px;background:var(--horizontal-line-color);z-index:var(--z-top-line);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.bottom-horizontal-line.visible{opacity:1;visibility:visible}.bottom-horizontal-line{background:var(--bg-color)!important}.dark-mode .bottom-horizontal-line{background:#000!important}.main-content{position:relative;z-index:var(--z-main-content)}.content{position:relative;z-index:var(--z-content);pointer-events:none}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:auto}#hero.section{justify-content:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start;max-width:900px;text-align:center;position:relative;z-index:var(--z-hero-overlay)}.hero-content>*{margin:0;max-width:100%;width:auto;box-sizing:border-box}.hero-description{margin-bottom:0}#contact.section{position:relative;overflow:hidden}.contact-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--growing-square-color);z-index:1}.contact-background .grain-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix in='turbulence' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.35'/%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat;opacity:1}#contact .container{position:relative;z-index:2}#contact .container{position:relative;z-index:3}.contact-content{position:relative;height:90vh;width:100vw;z-index:2}.contact-left-column{position:absolute;left:0;top:0;width:55vw;height:90vh;padding:0}.contact-right-column{position:absolute;right:1%;top:0;width:45vw;height:90vh;color:var(--contact-text-color);padding:8rem 2rem 2rem;overflow-y:auto;display:flex;align-items:flex-start;justify-content:flex-start}.image-container{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:50vw;height:85vh;overflow:hidden;margin-bottom:2rem}.contact-footer{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50vw;border-top:1px solid var(--contact-text-color);border-left:1px solid var(--contact-text-color)}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseContact1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' seed='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseContact1)' opacity='0.4'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseContact2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' seed='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseContact2)' opacity='0.3'/%3E%3C/svg%3E");background-size:140px 140px,200px 200px;mix-blend-mode:multiply;pointer-events:none;z-index:1}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center}.footer-btn{width:33.333%;float:left;padding:.75rem 1rem;background:transparent;color:var(--contact-text-color);border:none;border-right:1px solid var(--contact-text-color);border-bottom:1px solid var(--contact-text-color);font-family:Archivo Black,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:left}.contact-footer:after{content:"";display:table;clear:both}.footer-btn:hover{background:rgba(var(--contact-text-color-rgb),.1);color:var(--contact-text-color)}.footer-btn.active{background:var(--contact-text-color);border-right-color:var(--contact-text-color);border-bottom-color:var(--contact-text-color)}body:not(.dark-mode) .footer-btn.active{color:#000}body.dark-mode .footer-btn.active{color:#fff}.panel-content{display:none}.panel-content.active{display:block}.panel-content h2{font-size:2.5rem;font-weight:600;font-family:Archivo Black,sans-serif;margin-bottom:1.5rem;color:var(--contact-text-color)}.panel-content p{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6;color:var(--contact-text-color);opacity:.9}.credit-link{color:var(--contact-text-color);text-decoration:underline;transition:opacity .3s ease}.credit-link:hover{opacity:.7}.contact-social-footer{position:absolute;bottom:0;right:0;width:50vw;display:flex;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1rem}.social-link{color:var(--contact-text-color);text-decoration:none;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:opacity .3s ease}.social-link:hover{opacity:.7}.social-link:not(:last-child):after{content:"";display:inline-block;width:1px;height:12px;background-color:var(--contact-text-color);margin-left:1rem;vertical-align:middle}.contact-form{max-width:100%;margin-top:1rem}.form-row{margin-bottom:1.5rem;display:flex;gap:1.5rem}.form-group{flex:1}.form-group.full-width{flex:none;width:100%}.form-group input,.form-group textarea{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid var(--contact-text-color);border-radius:0;background:transparent;color:var(--contact-text-color);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--contact-text-color);opacity:.7}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--contact-text-color);opacity:1}.form-group textarea{min-height:80px;max-height:none;resize:none;font-family:inherit;overflow-y:hidden;transition:height .1s ease;scrollbar-width:thin;scrollbar-color:var(--contact-text-color) transparent}.form-group textarea::-webkit-scrollbar{width:4px}.form-group textarea::-webkit-scrollbar-track{background:transparent}.form-group textarea::-webkit-scrollbar-thumb{background:var(--contact-text-color);opacity:.3;border-radius:2px}.form-group textarea::-webkit-scrollbar-thumb:hover{opacity:.6}.submit-btn{align-self:flex-start;padding:.75rem 2.5rem;border:1px solid var(--contact-text-color);border-radius:8px;background:transparent;color:var(--contact-text-color);font-size:1rem;font-family:Archivo Black,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden;z-index:1}.submit-btn:before{content:"";position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,200 L0,155 Q300,130 600,155 T1200,155 L1200,200 Z' fill='rgba(138,43,226,0.3)'/%3E%3C/svg%3E");background-size:300px 300%;background-repeat:repeat-x;background-position:bottom;top:100%;left:0;animation:wave-flow 6s linear infinite;transition:top .6s cubic-bezier(.4,0,.2,1);z-index:-1}body.dark-mode .submit-btn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,200 L0,155 Q300,130 600,155 T1200,155 L1200,200 Z' fill='rgba(168,85,247,0.4)'/%3E%3C/svg%3E")}.submit-btn:hover:before{top:0%}.submit-btn:hover{background:#161616;color:#fff}body.dark-mode .submit-btn:hover{background:#fff;color:#161616}.form-message{margin-top:1rem;padding:1rem;border-radius:8px;font-size:.9rem;font-weight:500;text-align:center;animation:slideIn .3s ease-out}.form-message.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.form-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes wave-flow{0%{background-position-x:0}to{background-position-x:300px}}@media (max-width: 768px){.contact-content{flex-direction:column;gap:2rem}.form-row{flex-direction:column;gap:1rem}.contact-form-container h2{font-size:2rem}}.theme-toggle{position:fixed;top:4px;left:calc((40px + (100% - 40px)/8)/2 - 48px);width:96px;height:32px;background:var(--growing-square-color);border:none;cursor:pointer;z-index:350;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}.theme-toggle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix in='turbulence' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.35'/%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat;opacity:1}.theme-icon{font-size:16px;color:#fff;transition:color .3s ease;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.theme-icon-svg{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .5s ease,opacity .3s ease;z-index:1;color:#fff}.sun-icon{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scale(.5)}.moon-icon,body.dark-mode .sun-icon{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}body.dark-mode .moon-icon{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scale(.5)}body.dark-mode .theme-icon-svg{color:#000}.contact-form input.error,.contact-form textarea.error{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.contact-form input.success,.contact-form textarea.success{border-color:#27ae60;box-shadow:0 0 0 2px #27ae6033}.field-error{color:#e74c3c;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .field-error{color:#ff6b6b}body.dark-mode .contact-form input.error,body.dark-mode .contact-form textarea.error{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b33}body.dark-mode .contact-form input.success,body.dark-mode .contact-form textarea.success{border-color:#51cf66;box-shadow:0 0 0 2px #51cf6633}#contact a[href],#contact .social-link,#contact .credit-link{cursor:url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4L21 10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10L19 6.41422L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L17.5858 5H14ZM3 7C3 5.89543 3.89543 5 5 5H10C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7H5V19H17V14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7Z" fill="%238a2be2"></path></svg>') 12 12,pointer!important}body.dark-mode #contact a[href],body.dark-mode #contact .social-link,body.dark-mode #contact .credit-link{cursor:url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4L21 10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10L19 6.41422L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L17.5858 5H14ZM3 7C3 5.89543 3.89543 5 5 5H10C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7H5V19H17V14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7Z" fill="%23a855f7"></path></svg>') 12 12,pointer!important}.loading .theme-toggle{opacity:0}.section-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:var(--spacing-6xl);text-align:center}.section h1{font-size:8rem;font-weight:300;margin-bottom:var(--spacing-md);line-height:1.1}.section h2{font-size:2rem;font-weight:300;margin-bottom:var(--spacing-lg)}.section p{font-size:1.2rem;line-height:1.6}.hero-main-title{font-family:Archivo Black,sans-serif;font-size:clamp(6rem,12vw,12rem);font-weight:900;color:var(--text-primary);margin-bottom:var(--spacing-md);margin-top:0;max-width:100%;letter-spacing:-.02em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-description{font-family:Inter,sans-serif;font-size:clamp(3rem,6vw,6rem);font-weight:600;color:var(--text-primary);margin:0 auto;max-width:100%;line-height:1.3;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.headline-text{font-family:Archivo Black,sans-serif;font-size:clamp(2rem,4vw,4rem);font-weight:900;color:var(--text-primary);white-space:nowrap;letter-spacing:.05em;display:flex}.headline-content{flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.projects-image-display{width:100%;height:auto;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.projects-image{width:100%;height:auto;max-height:min(80vh,60vw);object-fit:contain;transition:opacity var(--transition-normal) ease}.projects-image-selector{width:100%;display:flex;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-normal) ease}.projects-image-selector.active{opacity:1;visibility:visible}.image-selector-thumbnails{display:flex;gap:.75rem;padding:var(--spacing-sm)}.image-thumbnail{width:var(--thumbnail-size-lg);height:var(--thumbnail-height-lg);object-fit:cover;border-radius:var(--radius-md);cursor:pointer;opacity:.6;transition:all var(--transition-normal) ease;border:2px solid transparent}.image-thumbnail:hover{opacity:.8;transform:scale(1.05)}.image-thumbnail.active{opacity:1;border-color:var(--text-primary);transform:scale(1.05)}@media (max-width: 768px){.projects-image{max-height:50vh}.image-selector-thumbnails{gap:var(--spacing-sm);padding:.4rem}.image-thumbnail{width:var(--thumbnail-size-md);height:var(--thumbnail-height-md)}}@media (min-width: 769px) and (max-width: 1920px){.projects-image{max-height:min(70vh,50vw)}}.project-item{display:grid;grid-template-columns:var(--project-number-width) 1fr 1fr auto;align-items:center;padding:var(--project-item-padding) 0;border-bottom:1px solid var(--line-color);transition:all var(--transition-normal) ease;cursor:pointer;gap:1.5rem 1rem;position:relative;overflow:hidden}.project-item:first-child{border-top:1px solid var(--line-color)}.project-item:before{content:"";position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,200 L0,140 Q300,110 600,140 T1200,140 L1200,200 Z' fill='rgba(138,43,226,0.3)'/%3E%3C/svg%3E");background-size:600px 90%;background-repeat:repeat-x;background-position:bottom;top:100%;left:0;animation:wave-flow 6s linear infinite;transition:top .6s cubic-bezier(.4,0,.2,1);z-index:0}body.dark-mode .project-item:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,200 L0,140 Q300,110 600,140 T1200,140 L1200,200 Z' fill='rgba(168,85,247,0.4)'/%3E%3C/svg%3E");background-size:600px 90%;background-repeat:repeat-x;background-position:bottom}@keyframes wave-flow{0%{background-position-x:0}to{background-position-x:600px}}.project-item:hover{background:var(--white-overlay-strong);padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md))}.project-item:hover:before{top:0%}.project-item.active{background:var(--white-overlay-strong);padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md))}.project-item.active .project-number{font-weight:700}.project-item.active .project-title{color:var(--text-primary)}.project-item.active .project-link{opacity:1;transform:translate(0)}.project-number{font-family:Inter,sans-serif;font-size:.94rem;color:var(--text-primary);font-weight:500;text-align:left;position:relative;z-index:1}.project-title{font-family:Archivo Black,sans-serif;font-size:clamp(1.1rem,2.2vw,1.25rem);font-weight:900;color:var(--text-primary);letter-spacing:.02em;text-align:left;margin:0;margin-left:-.25rem;padding-left:0;position:relative;z-index:1}.project-description{font-family:Inter,sans-serif;font-size:clamp(.9rem,1.6vw,1rem);color:var(--text-primary);text-align:left;margin:0;margin-left:-.25rem;padding-left:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem}.project-description-text{line-height:1.4}.project-tags-inline{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem;max-width:calc(100% - 2rem)}.tech-tag-inline{font-family:Inter,sans-serif;font-size:.7rem;color:var(--text-secondary);background:transparent;padding:.2rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--line-color);font-weight:500;opacity:.8;transition:all var(--transition-normal) ease;white-space:nowrap}.project-item:hover .tech-tag-inline{opacity:1;border-color:var(--text-primary);color:var(--text-primary)}.project-link{width:var(--icon-size);height:var(--icon-size);color:var(--text-primary);transition:all var(--transition-normal) ease;opacity:0;transform:translate(-10px);justify-self:end;position:relative;z-index:1}.project-item:hover .project-link{opacity:1;transform:translate(0)}.project-link svg{width:100%;height:100%}.project-drawer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease-out;grid-column:1 / -1;border-top:1px solid transparent;position:relative}.project-drawer:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background-color:var(--line-color);transition:width .5s ease .2s;z-index:1}.project-drawer.open{max-height:var(--drawer-max-height);border-top:1px solid transparent}.project-drawer.open:before{width:100%}.project-drawer-content{padding:var(--drawer-content-padding) 0 var(--spacing-lg) 0;margin-left:var(--spacing-6xl);margin-right:var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);grid-template-areas:"overview overview" "details functionality"}.project-overview{grid-area:overview;margin-bottom:0}.project-details-grid{grid-area:details;display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:0;margin-left:calc(-1 * var(--spacing-lg));background:var(--white-overlay-light);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);position:relative;border-top:1px solid transparent}.project-details-grid:before{content:"";position:absolute;top:0;left:var(--spacing-lg);width:0;height:1px;background-color:var(--line-color);transition:width .5s ease .3s;z-index:1}.project-drawer.open .project-details-grid:before{width:calc(100% - var(--spacing-lg))}.project-functionality{grid-area:functionality;margin-bottom:0;position:relative;border-top:1px solid transparent;padding-top:var(--spacing-md)}.project-functionality:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background-color:var(--line-color);transition:width .5s ease .4s;z-index:1}.project-drawer.open .project-functionality:before{width:100%}.project-tech{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-sm);flex-wrap:wrap;position:relative;padding-top:var(--spacing-md)}.project-description-detailed{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-primary);line-height:1.6;margin:0;font-weight:500}.project-detail-section{display:flex;flex-direction:column;gap:.3rem}.detail-title{font-family:Archivo Black,sans-serif;font-size:.7rem;color:var(--text-secondary);margin:0;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.detail-content{font-family:Inter,sans-serif;font-size:.8rem;color:var(--text-primary);line-height:1.5;margin:0}.project-functionality .detail-title{margin-bottom:.8rem}.project-functionality .detail-content{font-size:1.25rem;line-height:1.6}.tech-tag{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-primary);background:var(--white-overlay-light);padding:.7rem 1.3rem;border-radius:var(--radius-sm);border:1.5px solid var(--line-color);font-weight:500}@media (max-width: 768px){.project-drawer-content{margin-left:var(--spacing-xl);margin-right:var(--spacing-md);grid-template-columns:1fr;grid-template-areas:"overview" "details" "functionality";gap:var(--spacing-lg)}.project-details-grid{gap:var(--spacing-md);padding:var(--spacing-md)}.project-drawer.open{max-height:var(--drawer-max-height)}.project-tech{gap:.3rem;margin-top:0}.tech-tag{font-size:.7rem;padding:.25rem .5rem}.detail-title{font-size:.75rem}.detail-content{font-size:.85rem}.project-description-detailed{font-size:.9rem}.project-functionality .detail-content{font-size:.85rem}.project-tags-inline{gap:.3rem;margin-top:.3rem}.tech-tag-inline{font-size:.6rem;padding:.15rem .4rem}.project-description{gap:.4rem}}.menu-toggle{background:none;border:none;font-family:Archivo Black,sans-serif;font-size:1rem;letter-spacing:.18em;color:var(--text-primary);cursor:pointer;padding:.7em 2.5em;transition:color var(--transition-fast);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-toggle.active{color:var(--text-primary)}.menu-letters{display:flex;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:none}.menu-letters span{display:inline-block;font-family:Archivo Black,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);color:inherit;will-change:transform,opacity}.menu-overlay.active{pointer-events:auto;visibility:visible}.menu-curtain{background:#fffc;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);position:relative}body.dark-mode .menu-curtain{background:#121212cc}.menu-curtain:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix in='turbulence' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat;opacity:1}.menu-overlay.active .menu-nav{pointer-events:auto}.menu-top-line-text,.menu-top-line-text-right{position:fixed;top:20px;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);opacity:0;z-index:300;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:opacity .3s ease}.menu-top-line-text{left:43.75%;transform:translate(-50%)}.menu-top-line-text-right{left:56.25%;transform:translate(-50%)}.menu-theme-toggle{position:fixed;top:4px;left:calc((40px + (100% - 40px)/8)/2 - 48px);width:96px;height:32px;background:var(--growing-square-color);border:none;cursor:pointer;z-index:300;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;opacity:0}.menu-theme-toggle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix in='turbulence' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.35'/%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat;opacity:1}.menu-theme-toggle .theme-icon-svg{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .5s ease,opacity .3s ease;z-index:1;color:#fff}.menu-theme-toggle .sun-icon{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scale(.5)}.menu-theme-toggle .moon-icon,body.dark-mode .menu-theme-toggle .sun-icon{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}body.dark-mode .menu-theme-toggle .moon-icon{opacity:0;transform:translate(-50%,-50%) rotate(-180deg) scale(.5)}.menu-overlay.active .menu-top-line-text,.menu-overlay.active .menu-top-line-text-right,.menu-overlay.active .menu-theme-toggle{opacity:.9}.menu-link{font-family:Archivo Black,sans-serif;font-size:clamp(6rem,15vw,12rem);color:var(--text-primary);background:none;border:none;border-bottom:1px solid var(--line-color);cursor:pointer;letter-spacing:.02em;font-weight:900;text-align:left;text-transform:uppercase;width:100%;padding:.5rem 1rem;margin:0;transition:all .3s ease;line-height:.7;-webkit-text-stroke:0px transparent;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.menu-link:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--text-primary);color:var(--bg-color);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transform-origin:center;transition:all cubic-bezier(.1,.5,.5,1) .4s;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:.5rem 1rem;font-family:Archivo Black,sans-serif;font-size:inherit;font-weight:900;letter-spacing:.02em;text-transform:uppercase;line-height:.7;z-index:1}.menu-link:hover:before{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.menu-link:first-child{border-top:1px solid var(--line-color)}@media (max-width: 768px){.menu-toggle{font-size:1.1rem;padding:.6em 1.2em;letter-spacing:.12em}.menu-link{font-size:clamp(4rem,16vw,8rem);line-height:.8;padding:.3rem .8rem}.menu-link:before{padding:.3rem .8rem;line-height:.8}}@media (min-width: 1800px) and (max-width: 2200px){.menu-link{font-size:clamp(8rem,12vw,14rem)}}@media (min-width: 2400px) and (max-width: 2800px){.menu-link{font-size:clamp(10rem,14vw,18rem)}}@media (min-width: 1200px) and (max-width: 1799px){.menu-link{font-size:clamp(5rem,10vw,9rem)}}.about-big-text{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:2rem 0}.about-big-line{font-family:Inter,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;margin:.5rem 0;padding:0;width:100%;text-align:left;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:linear-gradient(to right,var(--text-primary),var(--text-primary)) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) .5s}.about-big-line:nth-child(10),.about-big-line:nth-child(12){font-size:clamp(3rem,8.5vw,7.5rem)}.about-big-line:nth-child(5){margin-bottom:5rem}.about-highlighted{position:relative;display:inline-block;padding:.15em .4em;background:linear-gradient(to right,var(--text-primary),var(--text-primary)) no-repeat;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) .5s;color:var(--bg-color);background-color:transparent}body:not(.dark-mode) .about-highlighted{color:#fff}body.dark-mode .about-highlighted{color:#121212}body:not(.dark-mode) .about-big-line{color:#0003}body.dark-mode .about-big-line{color:#fff3}.about-text{display:flex;flex-direction:column;text-align:left;align-items:flex-start}.about-intro{font-family:Inter,sans-serif;font-size:clamp(.5rem,2.2vw,1.2rem);color:var(--text-primary);font-weight:600;line-height:1.4;margin:0 0 var(--spacing-md) 0;text-align:left;width:100%}.about-description{font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.3rem);color:var(--text-primary);line-height:1.6;margin:0 0 var(--spacing-sm) 0;text-align:left;width:100%}.about-skills{font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.3rem);color:var(--text-primary);line-height:1.6;margin:0;text-align:left;width:100%}@media (max-width: 768px){.about-big-line{font-size:clamp(2.5rem,12vw,5rem);line-height:.85}}.skills-container{position:relative;width:100%;height:100vh}.skills-categories{position:relative;width:100%;height:100%}.skill-category{position:absolute;display:flex;flex-direction:column;align-items:flex-start}.skill-title{font-family:Archivo Black,sans-serif;font-size:clamp(2rem,3vw,2.5rem);font-weight:900;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center;letter-spacing:.05em;padding-bottom:.5rem;text-transform:uppercase;position:relative;overflow:hidden;display:flex;justify-content:center}.skill-letters{position:relative;display:inline-block}.skill-letters span{display:inline-block;position:relative}.skill-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--text-primary);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.skills-connection-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:0}@media (max-width: 1920px){.skills-connection-svg{transform:scale(.9)}}@media (max-width: 1200px){.skills-connection-svg{transform:scale(.8)}}@media (max-width: 1000px){.skills-connection-svg{transform:scale(.7)}}@media (max-width: 900px){.skills-connection-svg{transform:scale(.6)}}.connection-line{stroke:var(--text-primary);stroke-width:.1;fill:none;stroke-dasharray:111;stroke-dashoffset:111}.skill-title.animate-in:after{transform:scaleX(1)}.skill-title.animate-out:after{transform-origin:right;transform:scaleX(0)}.skill-title{border-bottom:none}.skill-category.top-left{top:20%;left:20%;transform:translate(-50%,-50%)}.skill-category.top-right{top:23%;right:20%;transform:translate(50%,-50%)}.skill-category.bottom-left{bottom:20%;left:20%;transform:translate(-50%,50%)}.skill-category.bottom-right{bottom:20%;right:20%;transform:translate(50%,50%)}.skill-technologies{display:flex;gap:.8rem;margin-top:1rem;justify-content:flex-start;align-items:center;opacity:0;transform:translateY(10px);transition:all .6s ease .3s;flex-wrap:wrap;width:200px}.skill-icon{width:56px;height:56px;object-fit:contain;transition:all .3s ease;border-radius:4px}.skill-icon:hover{transform:scale(1.1)}.dark-mode .skill-icon-white-dark{filter:brightness(0) invert(1)}.skill-category .skill-title.animate-in~.skill-technologies{opacity:1;transform:translateY(0)}.tech-background-text{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);font-family:Archivo Black,sans-serif;font-size:clamp(2.5rem,6.5vw,5rem);font-weight:950;color:var(--text-primary);text-align:center;text-transform:uppercase;letter-spacing:.02em;line-height:1;opacity:0;pointer-events:none;z-index:1;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.tech-background-text.show{opacity:1}.tech-background-text .tech-letters{position:relative;display:inline-block}.tech-background-text .tech-letters span{display:inline-block;position:relative}@media (max-height: 1080px){.tech-background-text{font-size:clamp(2rem,5vw,4rem)}}.project-images{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:1rem 0;position:relative}.project-images:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background-color:var(--line-color);transition:width .5s ease .4s;z-index:1}.project-drawer.open .project-images:before{width:100%}.project-images img{width:100%;height:auto;border-radius:6px;transition:transform .3s ease,opacity .3s ease;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:block}.project-images video{width:100%;height:auto;border-radius:6px;transition:transform .3s ease,opacity .3s ease;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:block}.project-images .image-container{position:relative;overflow:hidden;border-radius:6px;display:inline-block;width:fit-content;height:fit-content;max-width:70%}.project-images .image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.project-images .image-container:hover:before{opacity:1}.project-images .zoom-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:2;pointer-events:none;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.project-images .zoom-icon svg{width:18px;height:18px;height:24px;fill:#333}body.dark-mode .project-images .zoom-icon{background:#000c}body.dark-mode .project-images .zoom-icon svg{fill:#fff}.project-images .image-container:hover .zoom-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.project-images .last-image .view-more-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:6px;z-index:3;transition:opacity .3s ease}.project-images .last-image .view-more-content{display:flex;align-items:center;justify-content:center;gap:.4rem;color:#fff;font-family:var(--font-primary);pointer-events:none}.project-images .last-image .view-more-content svg{width:20px;height:20px;color:#fff}.project-images .last-image .remaining-count{font-size:1.1rem;font-weight:600}.project-images .last-image:hover .view-more-overlay{background:#000000a6}.project-images .last-image .zoom-icon{z-index:4}.project-images img:hover{transform:scale(1.02)}.project-images video:hover{transform:scale(1.02)}.image-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-overlay.active{opacity:1;visibility:visible}.image-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.image-overlay-close{position:absolute;top:5%;right:5%;width:48px;height:48px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.image-overlay-close:hover{background:#fff3}.image-overlay-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1002;-webkit-user-select:none;user-select:none}.image-overlay-audio-toggle{position:absolute;bottom:20px;left:calc(50% + 80px);width:44px;height:44px;background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002;transition:background .3s ease,transform .2s ease}.image-overlay-audio-toggle:hover{background:#fff3;transform:scale(1.05)}.image-overlay-audio-toggle svg{width:20px;height:20px;fill:#fff}.image-overlay-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,opacity .3s ease;z-index:10000}.image-overlay-nav:hover{background:#fff3}.image-overlay-nav.disabled{opacity:.3;cursor:not-allowed}.image-overlay-nav.disabled:hover{background:#ffffff1a}.image-overlay-prev{left:5%}.image-overlay-next{right:5%}.image-overlay-nav svg{width:24px;height:24px;fill:currentColor}@media (min-width: 769px){.project-images{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}}@media (max-width: 768px){.project-images{gap:1rem;margin:1.5rem 0;padding:1rem 0}}.detail-content a{color:#a855f7b3;text-decoration:none;cursor:url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4L21 10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10L19 6.41422L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L17.5858 5H14ZM3 7C3 5.89543 3.89543 5 5 5H10C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7H5V19H17V14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7Z" fill="%23000000"></path></svg>') 12 12,pointer!important;transition:all .3s ease;position:relative}.detail-content a:hover{color:#a855f7;transform:translateY(-1px)}body.dark-mode .detail-content a{color:#8a2be2cc;cursor:url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.2652 3 20.5196 3.10536 20.7071 3.29289C20.8946 3.48043 21 3.73478 21 4L21 10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10L19 6.41422L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L17.5858 5H14ZM3 7C3 5.89543 3.89543 5 5 5H10C10.5523 5 11 5.44772 11 6C11 6.55228 10.5523 7 10 7H5V19H17V14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7Z" fill="%23FFFFFF"></path></svg>') 12 12,pointer!important}body.dark-mode .detail-content a:hover{color:#a855f7}@media (max-width: 1920px) and (min-width: 1441px){.project-title,.project-description{margin-left:-.15rem}.inner-line-1,.inner-line-7{display:none}}@media (max-width: 1440px) and (min-width: 769px){.project-title,.project-description{margin-left:-.1rem}.inner-line-1,.inner-line-7{display:none}}@media (max-width: 768px){.container{padding:0 20px}.section{padding:60px 0}.projects-list{width:96vw;padding:1rem 2vw}.project-item{grid-template-columns:40px 1fr auto;gap:1rem;padding:1rem 0}.project-description{grid-column:2;grid-row:2;margin-top:.25rem;font-size:.875rem}.project-title{grid-column:2;grid-row:1}.project-link{grid-column:3;grid-row:1 / 3;align-self:center}.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}.project-card{padding:1.5rem;min-height:140px}.project-link{top:1.5rem;right:1.5rem}.design-lines:before{top:40px;left:20px;width:calc(100% - 40px)}.design-lines:after{left:20px}.design-lines-right{right:20px}.top-line-text,.top-line-text-right,.design-lines-inner{display:none}.inner-line-2,.inner-line-4,.inner-line-6{display:block}#hero .container{flex-direction:column;text-align:center;padding-left:20px;padding-right:20px}#hero .hero-content{max-width:100%;margin-bottom:40px}#hero .hero-visual{width:100%}}