*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}#root{width:100%;min-height:100vh}:root{--color-bg-light: #ffffff;--color-bg-light-alt: #f5f5f5;--color-bg-dark: #2a2a2a;--color-bg-dark-alt: #313131;--color-text-light: #000000;--color-text-dark: #efefef;--color-text-muted: #333333;--color-border-light: rgba(0, 0, 0, .1);--color-border-dark: rgba(255, 255, 255, .1);--font-primary: "Neue Haas Grotesk Display Pro", "Inter", -apple-system, sans-serif;--font-mono: "Ubuntu Mono", monospace;--transition-default: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fff,#f5f5f5);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeOut .6s ease forwards .5s}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loading-logo{animation:logoFloat 2s ease-in-out infinite;position:relative}.loading-logo-large{height:80px;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));display:block}.loading-logo-small{height:60px;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));display:none}@media(max-width:768px){.loading-logo-large{display:none}.loading-logo-small{display:block}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-bar-container{width:200px;height:4px;background:#0000001a;border-radius:10px;overflow:hidden;position:relative}.loading-bar{height:100%;background:linear-gradient(90deg,#000,#333);border-radius:10px;transition:width .3s ease;position:relative;overflow:hidden}.loading-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-percentage{font-family:Ubuntu Mono,monospace;font-size:14px;color:#333;font-weight:500}html{scroll-padding-top:100px}body{font-family:Neue Haas Grotesk Display Pro,Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}@media(prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}html{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00000026,#00000040);border-radius:10px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00000040,#00000059);border-color:#ffffff26}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#00000059,#00000073)}.portfolio{width:100%;min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto}.hero-image img,.about-image-wrapper img,.project-image-wrapper img,.news-image-wrapper img,.tech-icon img,.app-store-btn img,.footer-logo img{display:block}.navbar{position:fixed;top:clamp(14px,2.2vw,28px);left:50%;transform:translate(-50%);width:min(1191px,93%);height:clamp(42px,4vw,50px);display:flex;justify-content:space-between;align-items:center;z-index:1000;border-radius:clamp(8px,.8vw,10px);padding:0 10px;transition:all .3s ease}.navbar:before{content:"";position:fixed;top:0;left:0;right:0;height:106px;backdrop-filter:blur(3px) saturate(180%);-webkit-backdrop-filter:blur(3px) saturate(180%);mask-image:linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);z-index:-1;pointer-events:none}.logo{height:clamp(42px,4vw,50px);position:relative;display:inline-block;pointer-events:none;background:none;border:none;padding:0;cursor:pointer}.logo img{height:clamp(42px,4vw,50px);width:auto;display:block;transition:.5s ease}.logo-full{opacity:0}.logo-small{opacity:1;position:absolute;left:0;top:0;width:clamp(41px,3.9vw,49px);height:clamp(42px,4vw,50px);object-fit:contain}.navbar.at-top .logo-full{opacity:1}.navbar.at-top .logo-small{opacity:0}.nav-right{display:flex;align-items:center;gap:clamp(12px,1.3vw,16px)}.time-display{display:flex;gap:clamp(12px,1.3vw,16px);font-family:Ubuntu Mono,monospace;font-size:clamp(12px,1.1vw,14px);font-weight:400;line-height:16px}.time-display a{display:flex;flex-direction:column;align-items:flex-end;text-decoration:none;color:inherit;opacity:.5;transition:opacity .3s ease;position:relative}.time-display a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .4s cubic-bezier(.4,0,.2,1)}.time-display a:hover{opacity:1}.time-display a:hover:after{width:100%}.navbar.on-dark .time-display a{color:#efefef;opacity:1}.nav-border{width:clamp(42px,4vw,50px);height:clamp(42px,4vw,50px);object-fit:cover}.navbar:after{content:"";position:absolute;right:-20px;top:0;bottom:0;width:2px;background-size:contain;background-repeat:repeat-y;opacity:.3}.section{width:100%;height:100vh;min-height:clamp(650px,66vh,832px);display:flex;align-items:center;justify-content:center;position:relative;padding:0 100px}.section-light{background:#fff;color:#000;background-image:linear-gradient(to right,rgba(49,49,49,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(49,49,49,.05) 1px,transparent 1px);background-size:35px 35px}.section-dark{background:#2a2a2a;color:#efefef;background-image:linear-gradient(to right,rgba(239,239,239,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(239,239,239,.05) 1px,transparent 1px);background-size:35px 35px}.container{width:100%;max-width:1191px;margin:0 auto;position:relative}.hero-section{overflow:hidden}.hero-container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:clamp(40px,6.3vw,80px);position:relative;padding:0 clamp(0px,1vw,15px)}.hero-text{flex:1;max-width:clamp(300px,37vw,467px)}.hero-text h1{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(36px,5vw,72px);line-height:clamp(40px,5.3vw,76px);font-weight:600;margin-bottom:clamp(14px,1.9vw,24px);letter-spacing:-.02em}.hero-text p{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(16px,1.4vw,20px);line-height:1.35;font-weight:400;margin-bottom:clamp(24px,3.2vw,40px);max-width:clamp(300px,35.8vw,451px)}.hero-image{flex-shrink:0;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;margin-left:auto}.hero-image img{width:clamp(280px,41.3vw,521px);height:auto;max-height:calc(100vh - 140px);object-fit:cover;object-position:top}.btn-primary{font-family:Neue Haas Grotesk Display Pro,sans-serif;background:#000;color:#efefef;border:none;border-radius:clamp(10px,1.2vw,15px);padding:clamp(9px,1vw,13px) clamp(28px,3.3vw,42px);font-size:clamp(16px,1.4vw,20px);font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;text-decoration:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040}.btn-primary:active{transform:translateY(-1px) scale(.98);transition:all .15s ease}.about-container{display:flex;justify-content:space-between;align-items:center;gap:clamp(45px,6.3vw,80px);max-width:1074px;padding:0 clamp(10px,1.5vw,20px)}.about-image-wrapper img{width:clamp(280px,41.8vw,527px);height:clamp(307px,45.8vw,578px);object-fit:cover;border-radius:clamp(15px,1.6vw,20px);display:block}.section-dark .about-image-wrapper img{mix-blend-mode:lighten}.caption{font-family:Ubuntu Mono,monospace;font-size:clamp(10px,1.1vw,14px);font-weight:400;opacity:.5;margin-top:clamp(8px,1.2vw,15px);display:flex;justify-content:start}.caption-end{font-family:Ubuntu Mono,monospace;font-size:clamp(10px,1.1vw,14px);font-weight:400;opacity:.5;margin-top:clamp(8px,1.2vw,15px);display:flex;justify-content:end}.about-text{flex:1;max-width:clamp(280px,32.3vw,408px);text-align:right}.about-text h2{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(32px,3.3vw,48px);line-height:1;font-weight:600;margin-bottom:clamp(14px,1.9vw,24px);letter-spacing:-.02em}.about-text p{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(16px,1.4vw,19px);line-height:1.5;font-weight:400;margin-bottom:clamp(7px,.8vw,10px)}.social-links{display:flex;gap:clamp(14px,1.3vw,16px);justify-content:flex-end}.social-icon{width:clamp(28px,2.4vw,30px);height:clamp(28px,2.4vw,30px);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;opacity:.7}.social-icon svg{width:clamp(22px,1.9vw,24px);height:clamp(22px,1.9vw,24px);fill:#fff}.social-icon img{width:100%;height:100%;object-fit:contain}.social-icon:hover{opacity:1;transform:translateY(-2px)}.skills-section{display:flex;align-items:center;justify-content:center}.skills-section .container{width:100%}.skills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(50px,6.3vw,80px);max-width:1090px;margin-left:auto;margin-right:auto;padding:0 clamp(15px,2vw,25px)}.skills-header h2{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(32px,3.3vw,48px);line-height:1;font-weight:600;letter-spacing:-.02em}.skills-description{max-width:clamp(280px,30.1vw,380px);font-size:clamp(16px,1.25vw,18px);line-height:1.4;font-weight:400}.skills-cards{display:flex;gap:clamp(18px,3.6vw,45px);justify-content:center;margin-bottom:clamp(32px,3.2vw,40px);padding:0 clamp(10px,2vw,20px)}.skill-card{width:clamp(135px,14.4vw,182px);height:clamp(184px,19.7vw,248px);background:#efefef;border:clamp(6px,.8vw,10px) solid #000;border-radius:clamp(14px,1.6vw,20px);padding:clamp(13px,1.5vw,18px);position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.skill-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026;background:#fff;border-color:#000}.skill-card:hover .card-arrow{transform:translate(3px,-3px);opacity:1}.skill-card:hover h3{opacity:1}.skill-card:hover .card-desc{opacity:.85}.skill-card:active{transform:translateY(-3px) scale(.98);transition:all .15s ease}.card-arrow{position:absolute;top:clamp(9px,1.1vw,14px);right:clamp(12px,1.4vw,18px);font-size:clamp(26px,2.9vw,36px);font-weight:300;line-height:1;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-number{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(8px,.8vw,10px);font-weight:400;margin-top:clamp(38px,4.4vw,55px);margin-bottom:clamp(6px,.6vw,8px);opacity:.6}.skill-card h3{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(10px,.95vw,12px);line-height:clamp(12px,1.2vw,15px);font-weight:600;margin-bottom:clamp(9px,.95vw,12px);letter-spacing:.02em;opacity:.9;transition:opacity .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(10px,.95vw,12px);line-height:clamp(12px,1.2vw,15px);opacity:.7;font-weight:400;transition:opacity .3s ease;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tech-icons{display:flex;gap:clamp(12px,.6vw,15px);justify-content:center;flex-wrap:wrap;padding:0 clamp(15px,2.5vw,30px);margin-top:10px}.tech-icon{width:clamp(32px,3.1vw,39px);height:clamp(32px,3.1vw,39px);object-fit:contain;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s ease;cursor:pointer;filter:grayscale(85%) brightness(.75) contrast(.9);display:block;position:relative}.tech-icon:hover{transform:translateY(-5px) scale(1.1);filter:grayscale(0%) brightness(1.1) contrast(1);z-index:2}.skills-section .tech-icon:active{transform:translateY(-8px) scale(1.2) rotate(4deg);transition:all .1s ease}.projects-section{display:flex;align-items:center;justify-content:center}.projects-section .container{width:100%}.projects-header{display:flex;justify-content:space-between;align-items:center;max-width:1116px;margin-left:auto;margin-top:clamp(26px,2.8vw,35px);margin-bottom:clamp(12px,1.2vw,15px);margin-right:auto;padding:0 clamp(15px,2vw,25px)}.projects-left{display:flex;gap:clamp(16px,1.6vw,20px);align-items:center}.sort-btn{width:clamp(29px,2.8vw,35px);height:clamp(29px,2.8vw,35px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#ffffffe6;font-size:clamp(15px,1.6vw,20px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sort-btn:hover{background-color:#ffffff26;border-color:#fff5;color:#fff}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:clamp(16px,1.6vw,20px);color:#ffffffe6;cursor:pointer;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(11px,1.1vw,14px);font-weight:400;padding:clamp(5px,.6vw,8px) clamp(11px,1.2vw,15px);transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:clamp(4px,.5vw,6px)}.filter-btn:hover{background-color:#ffffff26;border-color:#fff5;color:#fff}.filter-btn.active{background-color:#fff3;border-color:#fff7;color:#fff}.dropdown-arrow{font-size:clamp(8px,.8vw,10px);opacity:.8}.filter-dropdown-wrapper{position:relative}.filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:150px;max-width:200px;max-height:300px;overflow-y:auto;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;z-index:1000;animation:dropdownFadeIn .2s ease;box-shadow:0 8px 24px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skills-section.fade-in-section>.container{opacity:1;transform:none}.skills-section.fade-in-section>.container>.skills-header,.skills-section.fade-in-section>.container>.skills-cards{opacity:.5;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.skills-section.fade-in-section.is-visible>.container>.skills-header,.skills-section.fade-in-section.is-visible>.container>.skills-cards{opacity:1;transform:translateY(0)}.filter-dropdown::-webkit-scrollbar{width:6px}.filter-dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.filter-dropdown::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.filter-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dropdown-item{display:block;width:100%;padding:10px 16px;color:#ffffffe6;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;border-bottom:1px solid rgba(255,255,255,.05);background:none;text-align:left;text-transform:capitalize}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#ffffff26;color:#fff}.dropdown-item.selected{background:#fff3;color:#fff;font-weight:500}.dropdown-item:first-child{font-weight:500;border-bottom:2px solid rgba(255,255,255,.15);margin-bottom:4px}.projects-right{text-align:right;flex-shrink:0}.projects-title-wrapper{display:flex;align-items:start}.projects-title-wrapper h2{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(32px,3.3vw,48px);line-height:1;font-weight:600;letter-spacing:-.02em;margin:0}.project-counter{font-family:Ubuntu Mono,monospace;font-size:clamp(11px,1.1vw,14px);font-weight:400;opacity:.5;margin:0}.project-content{display:flex;justify-content:space-between;align-items:center;gap:clamp(45px,6.3vw,80px);max-width:1061px;margin:0 auto;padding:0 clamp(15px,2vw,25px)}.project-content.exit-next,.project-content.exit-prev,.project-content.enter-next,.project-content.enter-prev{opacity:0}.project-content.exit-next{animation:carouselExitLeft .3s ease-in forwards}.project-content.exit-prev{animation:carouselExitRight .3s ease-in forwards}.project-content.enter-next{animation:carouselEnterFromRight .3s ease-out forwards}.project-content.enter-prev{animation:carouselEnterFromLeft .3s ease-out forwards}.project-image-wrapper{margin-left:auto}.project-text{flex:1;max-width:clamp(280px,32.3vw,408px)}.projects-section .project-text{--cta-height: clamp(42px, 4vw, 50px);--cta-aspect: 3.5;--cta-width: calc(var(--cta-height) * var(--cta-aspect))}.project-logo{max-width:clamp(180px,21.4vw,270px);height:clamp(50px,5.9vw,75px);margin-bottom:clamp(8px,.8vw,10px);object-fit:contain;object-position:left}.project-tags{display:flex;gap:clamp(7px,.8vw,10px);margin-bottom:clamp(14px,1.6vw,20px)}.tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:clamp(16px,1.6vw,20px);padding:clamp(2px,.2vw,2px) clamp(9px,.95vw,12px);font-size:clamp(8px,.8vw,10px);color:#ffffffe6;font-weight:400;transition:all .3s ease;white-space:nowrap}.tag:hover{background-color:#ffffff26;border-color:#fff5;color:#fff}.project-text p{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(16px,1.4vw,20px);line-height:1.5;font-weight:400;margin-bottom:clamp(16px,1.6vw,20px);height:auto;overflow:hidden;display:flex;align-items:flex-start}.app-store-btn{display:inline-flex;cursor:pointer;transition:transform .2s ease;text-decoration:none;width:var(--cta-width);height:var(--cta-height);align-items:center;justify-content:start;margin-right:-20px}.app-store-btn:hover{transform:translateY(-2px)}.app-store-btn img{height:100%;width:auto;display:block}.projects-section .btn-primary{background:#efefef;color:#313131;border-radius:clamp(10px,1.2vw,15px);width:var(--cta-width);height:var(--cta-height);padding:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}.projects-section .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.project-image-wrapper img{width:clamp(280px,35.4vw,446px);height:clamp(307px,38.8vw,489px);object-fit:cover;border-radius:clamp(15px,1.6vw,20px);display:block;mix-blend-mode:lighten}.selector-dots{display:flex;gap:clamp(6px,.6vw,8px);justify-content:center;margin-top:clamp(30px,3.2vw,40px)}.dot{width:clamp(6px,.6vw,8px);height:clamp(6px,.6vw,8px);border-radius:50%;background:#00000040;cursor:pointer;transition:all .3s;display:inline-block;position:relative;overflow:hidden;border:none;padding:0;outline:none}.dot:focus-visible{outline:2px solid currentColor;outline-offset:3px}.dot-progress{position:absolute;top:0;left:0;height:100%;width:100%;background:#000000b3;border-radius:inherit;transform-origin:left;animation:fillProgress var(--carousel-ms, 15s) linear forwards;will-change:transform}@keyframes fillProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.section-dark .dot{background:#ffffff4d}.dot.active{width:clamp(18px,1.9vw,24px);border-radius:clamp(3px,.3vw,4px);background:#000000b3}.section-dark .dot.active{background:#ffffff4d}.section-dark .dot-progress{background:#ffffffe6}.news-section{position:relative;display:flex;align-items:center;justify-content:center}.news-section .container{width:100%}.news-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-size:contain;background-repeat:repeat-y;opacity:.3}.news-section:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background-size:contain;background-repeat:repeat-y;opacity:.3}.news-section h2{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(32px,3.3vw,48px);line-height:1;font-weight:600;margin-bottom:clamp(45px,4.8vw,60px);letter-spacing:-.02em;padding:0 clamp(15px,2vw,25px)}.news-content{display:flex;justify-content:space-between;align-items:center;gap:clamp(45px,6.3vw,80px);max-width:1074px;margin:0 auto clamp(38px,4vw,50px);padding:0 clamp(15px,2vw,25px)}.news-content.exit-next,.news-content.exit-prev,.news-content.enter-next,.news-content.enter-prev{opacity:0}.news-content.exit-next{animation:carouselExitLeft .3s ease-in forwards}.news-content.exit-prev{animation:carouselExitRight .3s ease-in forwards}.news-content.enter-next{animation:carouselEnterFromRight .3s ease-out forwards}.news-content.enter-prev{animation:carouselEnterFromLeft .3s ease-out forwards}@keyframes carouselExitLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes carouselExitRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes carouselEnterFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes carouselEnterFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.news-image-wrapper img{width:clamp(270px,33.3vw,420px);height:clamp(296px,36.5vw,460px);object-fit:cover;border-radius:clamp(15px,1.6vw,20px);display:block}.section-dark .news-image-wrapper img{mix-blend-mode:lighten}.news-text{flex:1;max-width:clamp(320px,37.2vw,469px);text-align:right}.news-text h3{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(26px,2.6vw,38px);line-height:1.15;font-weight:600;margin-bottom:clamp(14px,1.9vw,24px);letter-spacing:-.01em}.news-text p{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(16px,1.4vw,20px);line-height:1.4;font-weight:400;margin-bottom:clamp(24px,3.2vw,40px)}.footer{background:#313131;min-height:clamp(250px,25.4vw,320px);display:flex;align-items:center;justify-content:space-between;padding:clamp(35px,4.8vw,60px) clamp(50px,9.5vw,120px);gap:clamp(70px,9.5vw,120px)}.footer-logo{display:flex;flex-direction:column;align-items:center}.footer-logo img{height:clamp(105px,11.1vw,140px);width:auto}.footer-copyright{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(11px,1.1vw,14px);color:#efefef;text-align:center;line-height:1.6;font-weight:300;max-width:220px}.footer-links{display:flex;gap:clamp(80px,11.1vw,140px)}.footer-col{display:flex;flex-direction:column;gap:clamp(8px,.95vw,12px)}.footer-col h4{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(15px,1.25vw,18px);color:#fff;margin-bottom:clamp(5px,.5vw,6px);border-bottom:1.5px solid #efefef;padding-bottom:clamp(6px,.8vw,10px);font-weight:600}.footer-col a{font-family:Neue Haas Grotesk Display Pro,sans-serif;color:#efefef;text-decoration:none;font-size:clamp(13px,1.05vw,15px);font-weight:400;transition:opacity .3s}.footer-col a:hover{opacity:.7}@media(max-width:768px){.section{padding:0 25px;min-height:auto;height:auto}.section-2{padding:100px;display:flex;justify-content:center;align-items:center}.section-2 .container{display:flex;flex-direction:column;align-items:center}.navbar{top:28px;width:calc(100vw - 50px);max-width:420px;height:57.5px;padding:0 10px;transition:all .5s cubic-bezier(.4,0,.2,1);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.navbar:before{display:none}.navbar .logo{pointer-events:auto;outline:none;-webkit-tap-highlight-color:transparent;height:57.5px}.navbar .logo-full{opacity:0!important}.navbar .logo-small{opacity:1!important;cursor:pointer;transition:transform .3s ease;outline:none;border:none;height:65.5px;width:auto}.navbar .logo.logo-clicked .logo-small{animation:logoScale 1s ease}@keyframes logoScale{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.nav-border{display:none}.navbar .nav-right{max-width:0;opacity:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.navbar .time-display{white-space:nowrap;opacity:0;transition:opacity .3s ease .2s}.navbar.mobile-expanded{backdrop-filter:blur(3px) saturate(180%);-webkit-backdrop-filter:blur(3px) saturate(180%);background:#ffffff0d}.navbar.mobile-expanded.on-dark{background:#0000000d}.navbar.mobile-expanded .nav-right{max-width:400px;opacity:1}.navbar.mobile-expanded .time-display{opacity:1}.hero-section{min-height:874px;padding:0}.hero-container{flex-direction:column;align-items:center;text-align:center;gap:30px;padding:160px 0 0;justify-content:space-between}.hero-text{position:static;transform:none;max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-text h1{font-size:48px;line-height:normal;margin-bottom:20px}.hero-text p{font-size:15px;line-height:normal;max-width:279px;margin-bottom:30px}.btn-primary{padding:13px 42px;font-size:24px;border-radius:15px;width:200px;height:50px;display:flex;align-items:center;justify-content:center}.hero-image{width:100%;align-items:flex-end;justify-content:center;margin:0;padding:0}.hero-image img{width:382.8px;height:493.2px;max-width:382.8px;object-fit:cover;box-shadow:none;margin:0 0 -8px;padding:0;display:block}.about-section{min-height:auto;height:auto;padding-top:80px;padding-bottom:80px;margin-top:0}.about-container{flex-direction:column;align-items:flex-start;gap:40px;padding-top:0}.about-image-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.about-image-wrapper img{width:100%;max-width:319px;height:auto;object-fit:cover;border-radius:20px}.section-dark .about-image-wrapper img{mix-blend-mode:normal}.caption{text-align:left;justify-content:flex-start;margin-top:8px;font-size:14px;align-self:flex-start;padding:0 22px}.about-text{width:100%;max-width:320px;text-align:left}.about-text h2{font-size:48px;line-height:1;margin-bottom:24px}.about-text p{font-size:16px;line-height:1.5;margin-bottom:24px}.social-links{justify-content:flex-start;gap:11px;margin-top:18px}.social-icon{width:30px;height:30px}.social-icon svg{width:30px;height:30px;fill:#efefef}.skills-section{min-height:auto;height:auto;padding-top:80px;padding-bottom:80px}.skills-header{flex-direction:column;align-items:center;gap:32px;margin-bottom:60px;text-align:center}.skills-header h2{font-size:48px;width:100%;line-height:16px}.skills-description{max-width:308px;font-size:20px;line-height:normal;text-align:center}.skills-cards{flex-direction:column;gap:56px;align-items:center;margin-bottom:0}.skill-card{width:225px;height:306px;padding:22px;border:10px solid #000;border-radius:20px}.card-arrow{top:17px;right:19px;font-size:36px}.card-number{margin-top:110px;font-size:10px;margin-bottom:8px}.skill-card h3{font-size:12px;line-height:15px;margin-bottom:14px}.card-desc{font-size:12px;line-height:15px}.tech-icons{display:none}.projects-section{min-height:auto;height:auto;padding-top:80px;padding-bottom:80px}.projects-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.projects-left{order:2;width:100%;display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:10px}.projects-right{text-align:left;order:1;width:100%}.projects-title-wrapper{display:flex;flex-direction:row;align-items:stretch;width:100%}.projects-title-wrapper h2{font-size:64px;line-height:1;margin:0}.project-counter{font-size:14px;margin:0;opacity:.5}.filter-btn{font-size:12px;padding:6px 38px;height:32px;min-width:auto;border-radius:16px}.sort-btn{width:32px;height:32px}.project-content{flex-direction:column-reverse;align-items:flex-start;gap:44px;margin:0 auto 42px}.project-text{max-width:320px;text-align:left;margin:0 auto}.project-logo{max-width:270px;height:75px;margin-bottom:12px}.project-tags{margin-bottom:15px;gap:8px}.tag{font-size:10px;padding:4px 32px;border-radius:20px;align-items:center;justify-content:center}.project-text p{font-size:20px;line-height:normal;margin-bottom:40px;height:auto;overflow:visible;display:block}.project-image-wrapper{margin-left:0;width:100%;display:flex;flex-direction:column;align-items:center}.project-image-wrapper img{width:319px;height:351px;max-width:319px;object-fit:cover;border-radius:20px}.caption-end{text-align:left;justify-content:flex-start;margin-top:8px;font-size:14px;padding:0 14px;align-self:flex-start}.app-store-btn img{height:40px}.news-section{min-height:auto;height:auto;padding-top:80px;padding-bottom:80px}.news-section h2{font-size:40px;line-height:16px;margin-bottom:40px}.news-content{flex-direction:column;align-items:flex-start;gap:73px;margin:0 auto 52px}.news-image-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.news-image-wrapper img{width:319px;height:351px;max-width:319px;object-fit:cover;border-radius:20px}.news-text{max-width:320px;text-align:left}.news-text h3{font-size:32px;line-height:16px;margin-bottom:24px}.news-text p{font-size:20px;line-height:normal;margin-bottom:58px}.news-text .btn-primary{width:200px;height:50px}.selector-dots{margin-top:30px;margin-bottom:20px;gap:8px}.dot{width:8px;height:8px}.dot.active{width:24px;border-radius:4px}.footer{flex-direction:column;padding:60px 50px 50px;gap:62px;text-align:left;min-height:auto;align-items:flex-start}.footer-logo,.footer-copyright{display:none}.footer-links{flex-direction:column;gap:62px;width:150px}.footer-col{text-align:left;align-items:flex-start;gap:10px}.footer-col h4{font-size:16px;line-height:16px;padding-bottom:10px;margin-bottom:0}.footer-col a{font-size:14px;line-height:16px}}@media(max-width:480px){.navbar{width:360px}.about-image-wrapper img,.project-image-wrapper img,.news-image-wrapper img{max-width:300px}.section-2{padding:50px}.hero-text h1{font-size:36px}.navbar .time-display{margin-right:10px}}@media(max-width:430px){.section-2{padding:50px 25px}.navbar .logo-small{height:57.5px}}@media(max-width:375px){.navbar{width:260px}.hero-image img,.about-image-wrapper img,.project-image-wrapper img,.news-image-wrapper img{max-width:280px}.section-2{padding:50px 20px}.section{padding:0 20px}}button,a,.skill-card,.project-image-wrapper img,.news-image-wrapper img,.about-image-wrapper img,.hero-image img{transition:all .3s ease}@media(min-width:1025px){.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.app-store-btn:hover{transform:translateY(-3px)}.filter-btn:hover,.sort-btn:hover{transform:translateY(-2px)}}h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}p{word-wrap:break-word;overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}@supports (scroll-behavior: smooth){html{scroll-behavior:smooth}}.fade-in-up{animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-section>.container{opacity:.5;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.fade-in-section.is-visible>.container{opacity:1;transform:translateY(0)}.section{position:relative;overflow:hidden}a,button,.skill-card,.social-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-image img,.about-image-wrapper img,.project-image-wrapper img,.news-image-wrapper img{transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s ease}.skill-card{animation:fadeInUp .6s ease forwards;opacity:0}.skill-card:nth-child(1){animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.2s}.skill-card:nth-child(3){animation-delay:.3s}.skill-card:nth-child(4){animation-delay:.4s}.skill-card:nth-child(5){animation-delay:.5s}.dot{transition:all .4s cubic-bezier(.4,0,.2,1)}.dot:hover{transform:scale(1.3)}.navbar{transition:all .4s cubic-bezier(.4,0,.2,1)}.footer{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.3s}@keyframes fadeIn{to{opacity:1}}.social-links a{position:relative;overflow:hidden}.social-links a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.social-links a:hover:before{width:100%;height:100%}@media(hover:hover){.filter-btn:hover,.sort-btn:hover{transform:translateY(-2px)}.app-store-btn:hover img{filter:brightness(1.1)}}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#000,#666);z-index:9999;transition:all .1s ease}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}