*{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);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--reveal-duration: .9s;--reveal-distance: 36px}.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}.loading-screen.exiting{animation:fadeOut .7s var(--ease-out-quart) forwards;pointer-events:none}.loading-screen.exiting .loading-content{animation:loadingContentLift .6s var(--ease-out-quart) forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes loadingContentLift{to{opacity:0;translate:0 -18px}}.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}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(20px,2.8vw,36px);left:50%;transform:translate(-50%);width:min(1191px,93%);min-height:clamp(50px,4.7vw,58px);display:flex;justify-content:space-between;align-items:center;z-index:1000;border-radius:clamp(14px,1.4vw,18px);padding:clamp(4px,.45vw,6px) clamp(18px,1.8vw,26px);overflow:hidden;isolation:isolate;background:transparent;-webkit-backdrop-filter:blur(24px) saturate(230%) contrast(118%) brightness(1.08);backdrop-filter:blur(24px) saturate(230%) contrast(118%) brightness(1.08);border:none;box-shadow:0 18px 42px #0000001c,0 4px 12px #00000012,inset 0 12px 18px #ffffff13,inset 0 -18px 24px #00000009,inset 0 -1px #ffffff0e;transition:box-shadow .58s var(--ease-out-expo),backdrop-filter .58s var(--ease-out-expo),-webkit-backdrop-filter .58s var(--ease-out-expo),min-height .48s var(--ease-out-expo),padding .48s var(--ease-out-expo)}.navbar:before,.navbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.navbar:before{z-index:0;background:radial-gradient(90% 180% at 0% 50%,rgba(255,255,255,.12),transparent 48%),radial-gradient(90% 180% at 100% 50%,rgba(255,255,255,.095),transparent 50%),radial-gradient(120% 210% at 54% -80%,rgba(255,255,255,.14),transparent 48%),linear-gradient(180deg,#ffffff09,#ffffff03 46%,#ffffff06),#ffffff05;opacity:1;transform:translateY(0) scale(1);transition:opacity .58s var(--ease-out-expo),transform .58s var(--ease-out-expo)}.navbar:after{z-index:0;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.16) 13%,transparent 28%,transparent 72%,rgba(255,255,255,.1) 88%,transparent 100%),radial-gradient(80% 150% at 20% 0%,rgba(255,255,255,.12),transparent 50%),radial-gradient(90% 180% at 86% 100%,rgba(255,255,255,.07),transparent 58%);mix-blend-mode:screen;opacity:.5;transform:translateY(0) scale(1);transition:opacity .58s var(--ease-out-expo),transform .58s var(--ease-out-expo)}.navbar.at-top{-webkit-backdrop-filter:blur(0) saturate(100%) contrast(100%);backdrop-filter:blur(0) saturate(100%) contrast(100%);box-shadow:none}.navbar.at-top:before,.navbar.at-top:after{opacity:0;transform:translateY(-4px) scale(.985)}.logo{height:clamp(42px,4vw,50px);position:relative;display:inline-block;pointer-events:auto;background:none;border:none;padding:0;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}.logo img{height:clamp(42px,4vw,50px);width:auto;display:block;transition:opacity .46s var(--ease-out-quart),transform .5s var(--ease-out-expo),filter .46s var(--ease-out-quart)}.logo-full{opacity:0;transform:translate(-6px);filter:blur(4px)}.logo-small{opacity:1;position:absolute;left:0;top:0;width:clamp(41px,3.9vw,49px);height:clamp(42px,4vw,50px);object-fit:contain;transform:scale(1)}.navbar.at-top .logo-full{opacity:1;transform:translate(0);filter:blur(0)}.navbar.at-top .logo-small{opacity:0;transform:scale(.92);filter:blur(4px)}.logo:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:10px}@media(min-width:769px)and (hover:hover)and (pointer:fine){.logo:hover .logo-small{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 7px 14px rgba(0,0,0,.2))}.navbar.at-top .logo:hover .logo-small{transform:scale(.92);filter:blur(4px)}.logo:active .logo-small{transform:translateY(0) scale(.98);transition-duration:.12s}.navbar.at-top .logo:active .logo-full{transform:translate(0) translateY(0) scale(.985);transition-duration:.12s}}.nav-right{display:flex;align-items:center;gap:clamp(12px,1.3vw,16px);position:relative;z-index:1}.time-display{display:flex;gap:clamp(12px,1.3vw,16px);font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:clamp(11px,1.1vw,14px);font-weight:500;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{box-shadow:0 20px 48px #0000004d,0 4px 12px #00000029,inset 0 12px 18px #ffffff0b,inset 0 -18px 24px #00000029,inset 0 -1px #ffffff09}.navbar.on-dark:before{background:radial-gradient(90% 180% at 0% 50%,rgba(255,255,255,.085),transparent 48%),radial-gradient(90% 180% at 100% 50%,rgba(255,255,255,.065),transparent 50%),radial-gradient(120% 210% at 54% -80%,rgba(255,255,255,.1),transparent 48%),linear-gradient(180deg,#ffffff06,#ffffff02 48%,#ffffff04),#14141405;opacity:1}.navbar.on-dark:after{opacity:.38}.navbar.at-top.on-dark{box-shadow:none}.navbar.at-top.on-dark:before,.navbar.at-top.on-dark:after{opacity:0}.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}.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;--grid-line: rgba(49, 49, 49, .05);--grid-line-bright: rgba(49, 49, 49, .22);--spot-glow: transparent}.section-dark{background:#2a2a2a;color:#efefef;--grid-line: rgba(239, 239, 239, .045);--grid-line-bright: rgba(239, 239, 239, .2);--spot-glow: rgba(255, 255, 255, .00625)}@property --spot-x{syntax: "<length-percentage>"; inherits: true; initial-value: 50%;}@property --spot-y{syntax: "<length-percentage>"; inherits: true; initial-value: 50%;}.grid-bg{position:absolute;--grid-overdraw: max(180px, 18vmax);--grid-page-left: 0px;--grid-page-top: 0px;inset:calc(var(--grid-overdraw) * -1);z-index:0;pointer-events:none;perspective:1200px}.grid-bg__base,.grid-bg__reveal{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateX(var(--tiltX, 0deg)) rotateY(var(--tiltY, 0deg));transform-origin:center;backface-visibility:hidden;transition:transform .3s ease-out;will-change:transform}.grid-bg__base{-webkit-mask-image:radial-gradient(ellipse 80% 66% at 50% 47%,#000 24%,transparent 92%);mask-image:radial-gradient(ellipse 80% 66% at 50% 47%,#000 24%,transparent 92%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.grid-bg__reveal{opacity:0;transition:transform .3s ease-out,opacity .6s ease;background:radial-gradient(circle 210px at calc(var(--spot-x, 50%) + var(--grid-overdraw)) calc(var(--spot-y, 50%) + var(--grid-overdraw)),var(--spot-glow) 0%,transparent 70%) no-repeat;-webkit-mask-image:radial-gradient(circle 210px at calc(var(--spot-x, 50%) + var(--grid-overdraw)) calc(var(--spot-y, 50%) + var(--grid-overdraw)),#000 0%,transparent 68%);mask-image:radial-gradient(circle 210px at calc(var(--spot-x, 50%) + var(--grid-overdraw)) calc(var(--spot-y, 50%) + var(--grid-overdraw)),#000 0%,transparent 68%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.section.grid-lit .grid-bg__reveal{opacity:1}.grid-bg__base>i,.grid-bg__reveal>i{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;background-position:calc(var(--grid-page-left) * -1) calc(var(--grid-page-top) * -1);animation:gridDrift 11s linear infinite;will-change:transform}.grid-bg__reveal>i{--grid-line: var(--grid-line-bright)}@media(hover:none)and (prefers-reduced-motion:no-preference){.grid-bg__reveal{opacity:1;animation:gridSweep 15s ease-in-out infinite alternate}}@keyframes gridDrift{0%{transform:translateZ(0)}to{transform:translate3d(40px,40px,0)}}@keyframes gridSweep{0%{--spot-x: 28%;--spot-y: 32%}50%{--spot-x: 72%;--spot-y: 56%}to{--spot-x: 34%;--spot-y: 74%}}.container{width:100%;max-width:1191px;margin:0 auto;position:relative;z-index:1}.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:transform .35s var(--ease-out-back),opacity .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:transform .4s var(--ease-out-back),opacity .3s ease}.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:3;-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);position:relative;z-index:20}.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 .35s var(--ease-out-expo);transform-origin:top;box-shadow:0 8px 24px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;translate:0 -8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}.skills-section .skill-card{opacity:0}.skills-section.is-visible .skill-card{animation:revealRise .8s var(--ease-out-expo) both}.skills-section.is-visible .skill-card:nth-child(1){animation-delay:.05s}.skills-section.is-visible .skill-card:nth-child(2){animation-delay:.13s}.skills-section.is-visible .skill-card:nth-child(3){animation-delay:.21s}.skills-section.is-visible .skill-card:nth-child(4){animation-delay:.29s}.skills-section.is-visible .skill-card:nth-child(5){animation-delay:.37s}.skills-section .tech-icons{opacity:0;transition:opacity 1s var(--ease-out-quart) .5s}.skills-section.is-visible .tech-icons{opacity:1}.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-text,.project-content.exit-next .project-image-wrapper{animation:carouselExitLeft .26s var(--ease-in-quad) both}.project-content.exit-prev .project-text,.project-content.exit-prev .project-image-wrapper{animation:carouselExitRight .26s var(--ease-in-quad) both}.project-content.enter-next .project-text{animation:carouselEnterFromRight .5s var(--ease-out-expo) both}.project-content.enter-next .project-image-wrapper{animation:carouselEnterFromRight .5s var(--ease-out-expo) 70ms both}.project-content.enter-prev .project-text{animation:carouselEnterFromLeft .5s var(--ease-out-expo) both}.project-content.enter-prev .project-image-wrapper{animation:carouselEnterFromLeft .5s var(--ease-out-expo) 70ms both}.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;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 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 .news-image-wrapper,.news-content.exit-next .news-text{animation:carouselExitLeft .26s var(--ease-in-quad) both}.news-content.exit-prev .news-image-wrapper,.news-content.exit-prev .news-text{animation:carouselExitRight .26s var(--ease-in-quad) both}.news-content.enter-next .news-image-wrapper{animation:carouselEnterFromRight .5s var(--ease-out-expo) both}.news-content.enter-next .news-text{animation:carouselEnterFromRight .5s var(--ease-out-expo) 70ms both}.news-content.enter-prev .news-image-wrapper{animation:carouselEnterFromLeft .5s var(--ease-out-expo) both}.news-content.enter-prev .news-text{animation:carouselEnterFromLeft .5s var(--ease-out-expo) 70ms both}@keyframes carouselExitLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}@keyframes carouselExitRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(28px)}}@keyframes carouselEnterFromRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes carouselEnterFromLeft{0%{opacity:0;transform:translate(-48px)}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;min-height:64px;padding:4px 18px;transition:all .5s cubic-bezier(.4,0,.2,1);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none}.navbar:before,.navbar:after{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{-webkit-backdrop-filter:blur(24px) saturate(230%) contrast(118%) brightness(1.08);backdrop-filter:blur(24px) saturate(230%) contrast(118%) brightness(1.08);border:none;box-shadow:0 18px 42px #0000001c,0 4px 12px #00000012,inset 0 12px 18px #ffffff13,inset 0 -18px 24px #00000009,inset 0 -1px #ffffff0e}.navbar.mobile-expanded.on-dark{box-shadow:0 20px 48px #0000004d,0 4px 12px #00000029,inset 0 12px 18px #ffffff0b,inset 0 -18px 24px #00000029,inset 0 -1px #ffffff09}.navbar.mobile-expanded:before,.navbar.mobile-expanded:after{display:block}.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:1.15;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-delay:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:.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}}@keyframes revealRise{0%{opacity:0;translate:0 var(--reveal-distance)}to{opacity:1;translate:0 0}}.hero-text h1,.hero-text p,.hero-text .btn-primary,.hero-image{animation:revealRise var(--reveal-duration) var(--ease-out-expo) both}.hero-text h1{animation-delay:.08s}.hero-text p{animation-delay:.18s}.hero-text .btn-primary{animation-delay:.28s}.hero-image{animation-delay:.2s}.about-section .about-image-wrapper,.about-section .about-text,.skills-section .skills-header,.projects-section .projects-header,.projects-section .project-content,.projects-section .selector-dots,.news-section>.container>h2,.news-section .news-content,.news-section .selector-dots{opacity:0;translate:0 var(--reveal-distance);transition:opacity var(--reveal-duration) var(--ease-out-quart),translate var(--reveal-duration) var(--ease-out-expo)}.fade-in-section.is-visible .about-image-wrapper,.fade-in-section.is-visible .about-text,.fade-in-section.is-visible .skills-header,.fade-in-section.is-visible .projects-header,.fade-in-section.is-visible .project-content,.fade-in-section.is-visible .selector-dots,.news-section.is-visible>.container>h2,.fade-in-section.is-visible .news-content{opacity:1;translate:0 0}.about-section.is-visible .about-text{transition-delay:.12s}.projects-section.is-visible .project-content{transition-delay:.1s}.projects-section.is-visible .selector-dots{transition-delay:.22s}.news-section.is-visible .news-content{transition-delay:.1s}.news-section.is-visible .selector-dots{transition-delay:.22s}.section{position:relative;overflow:hidden}a,button{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 .7s var(--ease-out-expo),filter .5s ease}.dot{transition:width .45s var(--ease-out-expo),background-color .3s ease,transform .35s var(--ease-out-back)}.dot:hover{transform:scale(1.35)}.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}